@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra69.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra69.js","sources":["../src/components/tabs/tab-link.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n} from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabLinkProps = LinkProps & Omit<VariantProps<typeof tabStyles>, \"orientation\">;\n\ntype TabLinkRef = ElementRef<typeof Link>;\n\nconst _TabLink = (\n  { className, isCurrent, isPending, isTransitioning, ...props }: TabLinkProps,\n  ref: ForwardedRef<TabLinkRef>,\n) => {\n  const { tab } = tabStyles();\n  const { orientation } = useTabLinkListContext();\n  return (\n    <Link\n      ref={ref}\n      className={(renderProps) =>\n        tab({\n          isPending,\n          isTransitioning,\n          ...renderProps,\n          isCurrent: isCurrent === undefined ? renderProps.isCurrent : isCurrent,\n          orientation,\n          className: typeof className === \"function\" ? className(renderProps) : className,\n        })\n      }\n      {...props}\n    ></Link>\n  );\n};\n\nexport const TabLink = fixedForwardRef(_TabLink);\n// @ts-ignore\nTabLink.displayName = \"TabLink\";\n\nexport type TabLinkListProps = Omit<VariantProps<typeof tabStyles>, \"isCurrent\"> & {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nconst TabLinkListContext = createContext<TabLinkListProps | null>(null);\n\nconst _TabLinkList = (props: TabLinkListProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const { children, className, orientation, style } = props;\n  const { list } = tabStyles();\n  return (\n    <div ref={ref} className={list({ orientation, className })} style={style}>\n      <TabLinkListContext.Provider value={props}>{children}</TabLinkListContext.Provider>\n    </div>\n  );\n};\n\nconst useTabLinkListContext = () => {\n  const context = useContext(TabLinkListContext);\n  if (!context) {\n    throw new Error(\"TabLinkListContext is undefined\");\n  }\n  return context;\n};\n\nexport const TabLinkList = fixedForwardRef(_TabLinkList);\n// @ts-ignore\nTabLinkList.displayName = \"TabLinkList\";\n"],"names":["_TabLink","className","isCurrent","isPending","isTransitioning","props","ref","tab","tabStyles","orientation","useTabLinkListContext","jsx","Link","renderProps","TabLink","fixedForwardRef","TabLinkListContext","createContext","_TabLinkList","children","style","list","context","useContext","TabLinkList"],"mappings":";;;;;AAoBA,MAAMA,IAAW,CACf,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,iBAAAC,GAAiB,GAAGC,EAAM,GAC7DC,MACG;AACG,QAAA,EAAE,KAAAC,MAAQC,KACV,EAAE,aAAAC,MAAgBC;AAEtB,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAW,CAACO,MACVN,EAAI;AAAA,QACF,WAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,GAAGS;AAAA,QACH,WAAWX,MAAc,SAAYW,EAAY,YAAYX;AAAA,QAC7D,aAAAO;AAAA,QACA,WAAW,OAAOR,KAAc,aAAaA,EAAUY,CAAW,IAAIZ;AAAA,MAAA,CACvE;AAAA,MAEF,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV,GAEaS,IAAUC,EAAgBf,CAAQ;AAE/Cc,EAAQ,cAAc;AAQtB,MAAME,IAAqBC,EAAuC,IAAI,GAEhEC,IAAe,CAACb,GAAyBC,MAAsC;AACnF,QAAM,EAAE,UAAAa,GAAU,WAAAlB,GAAW,aAAAQ,GAAa,OAAAW,MAAUf,GAC9C,EAAE,MAAAgB,MAASb;AACjB,+BACG,OAAI,EAAA,KAAAF,GAAU,WAAWe,EAAK,EAAE,aAAAZ,GAAa,WAAAR,GAAW,GAAG,OAAAmB,GAC1D,gCAACJ,EAAmB,UAAnB,EAA4B,OAAOX,GAAQ,UAAAc,GAAS,EACvD,CAAA;AAEJ,GAEMT,IAAwB,MAAM;AAC5B,QAAAY,IAAUC,EAAWP,CAAkB;AAC7C,MAAI,CAACM;AACG,UAAA,IAAI,MAAM,iCAAiC;AAE5C,SAAAA;AACT,GAEaE,IAAcT,EAAgBG,CAAY;AAEvDM,EAAY,cAAc;"}
+{"version":3,"file":"lyra69.js","sources":["../src/components/tabs/tab-link.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n} from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabLinkProps = LinkProps & Omit<VariantProps<typeof tabStyles>, \"orientation\">;\n\ntype TabLinkRef = ElementRef<typeof Link>;\n\nconst _TabLink = (\n  { className, isCurrent, isPending, isTransitioning, ...props }: TabLinkProps,\n  ref: ForwardedRef<TabLinkRef>,\n) => {\n  const { tab } = tabStyles();\n  const { orientation } = useTabLinkListContext();\n  return (\n    <Link\n      ref={ref}\n      className={(renderProps) =>\n        tab({\n          isPending,\n          isTransitioning,\n          ...renderProps,\n          isCurrent: isCurrent === undefined ? renderProps.isCurrent : isCurrent,\n          orientation,\n          className: typeof className === \"function\" ? className(renderProps) : className,\n        })\n      }\n      {...props}\n    ></Link>\n  );\n};\n\nexport const TabLink = fixedForwardRef(_TabLink);\n// @ts-ignore\nTabLink.displayName = \"TabLink\";\n\nexport type TabLinkListProps = Omit<VariantProps<typeof tabStyles>, \"isCurrent\"> & {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nconst TabLinkListContext = createContext<TabLinkListProps | null>(null);\n\nconst _TabLinkList = (props: TabLinkListProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const { children, className, orientation, style } = props;\n  const { list } = tabStyles();\n  return (\n    <div ref={ref} className={list({ orientation, className })} style={style}>\n      <TabLinkListContext.Provider value={props}>{children}</TabLinkListContext.Provider>\n    </div>\n  );\n};\n\nconst useTabLinkListContext = () => {\n  const context = useContext(TabLinkListContext);\n  if (!context) {\n    throw new Error(\"TabLinkListContext is undefined\");\n  }\n  return context;\n};\n\nexport const TabLinkList = fixedForwardRef(_TabLinkList);\n// @ts-ignore\nTabLinkList.displayName = \"TabLinkList\";\n"],"names":["_TabLink","className","isCurrent","isPending","isTransitioning","props","ref","tab","tabStyles","orientation","useTabLinkListContext","jsxDEV","Link","renderProps","this","TabLink","fixedForwardRef","TabLinkListContext","createContext","_TabLinkList","children","style","list","context","useContext","TabLinkList"],"mappings":";;;;;AAoBA,MAAMA,IAAW,CACf,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,iBAAAC,GAAiB,GAAGC,EAAM,GAC7DC,MACG;AACG,QAAA,EAAE,KAAAC,MAAQC,KACV,EAAE,aAAAC,MAAgBC;AAEtB,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAW,CAACO,MACVN,EAAI;AAAA,QACF,WAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,GAAGS;AAAA,QACH,WAAWX,MAAc,SAAYW,EAAY,YAAYX;AAAA,QAC7D,aAAAO;AAAA,QACA,WAAW,OAAOR,KAAc,aAAaA,EAAUY,CAAW,IAAIZ;AAAA,MAAA,CACvE;AAAA,MAEF,GAAGI;AAAA,IAAA;AAAA,IAZN;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAS;AAAAA,EAAA;AAeJ,GAEaC,IAAUC,EAAgBhB,CAAQ;AAE/Ce,EAAQ,cAAc;AAQtB,MAAME,IAAqBC,EAAuC,IAAI,GAEhEC,IAAe,CAACd,GAAyBC,MAAsC;AACnF,QAAM,EAAE,UAAAc,GAAU,WAAAnB,GAAW,aAAAQ,GAAa,OAAAY,MAAUhB,GAC9C,EAAE,MAAAiB,MAASd;AACjB,kCACG,OAAI,EAAA,KAAAF,GAAU,WAAWgB,EAAK,EAAE,aAAAb,GAAa,WAAAR,EAAA,CAAW,GAAG,OAAAoB,GAC1D,UAACV,gBAAAA,EAAA,OAAAM,EAAmB,UAAnB,EAA4B,OAAOZ,GAAQ,UAAAe,EAA5C,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAN,MAAqD,EADvD,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAA,MAAA;AAEJ,GAEMJ,IAAwB,MAAM;AAC5B,QAAAa,IAAUC,EAAWP,CAAkB;AAC7C,MAAI,CAACM;AACG,UAAA,IAAI,MAAM,iCAAiC;AAE5C,SAAAA;AACT,GAEaE,IAAcT,EAAgBG,CAAY;AAEvDM,EAAY,cAAc;"}

package/dist/lyra7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra89.cjs"),i=require("./lyra64.cjs"),a=require("./lyra8.cjs"),r=({children:e,className:t,variant:n})=>s.jsxRuntimeExports.jsx("div",{className:a.badgeStyles({className:t,variant:n}),children:e}),o=({children:e,...t})=>s.jsxRuntimeExports.jsx(r,{...t,children:e}),u=({children:e,className:t})=>s.jsxRuntimeExports.jsxs(r,{variant:"red",className:t,children:[e,s.jsxRuntimeExports.jsx(i.SvgIcon,{name:"warning"})]});exports.Badge=o;exports.CriticalBadge=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra89.cjs"),i=require("./lyra64.cjs"),a=require("./lyra8.cjs"),r=({children:e,className:s,variant:t})=>n.jsxDevRuntimeExports.jsxDEV("div",{className:a.badgeStyles({className:s,variant:t}),children:e},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",lineNumber:15,columnNumber:10},void 0),o=({children:e,...s})=>n.jsxDevRuntimeExports.jsxDEV(r,{...s,children:e},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",lineNumber:21,columnNumber:10},void 0),d=({children:e,className:s})=>n.jsxDevRuntimeExports.jsxDEV(r,{variant:"red",className:s,children:[e,n.jsxDevRuntimeExports.jsxDEV(i.SvgIcon,{name:"warning"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",lineNumber:32,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",lineNumber:30,columnNumber:5},void 0);exports.Badge=o;exports.CriticalBadge=d;

package/dist/lyra7.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra7.cjs","sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { badgeStyles } from \"./badge.styles\";\n\ntype BaseBadgeProps = VariantProps<typeof badgeStyles> & {\n  children: ReactNode;\n  className?: string;\n};\n\nconst BaseBadge = ({ children, className, variant }: BaseBadgeProps) => {\n  return <div className={badgeStyles({ className, variant })}>{children}</div>;\n};\n\nexport type BadgeProps = BaseBadgeProps;\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  return <BaseBadge {...props}>{children}</BaseBadge>;\n};\n\nexport type CriticalBadgeProps = {\n  children: string;\n  className?: string;\n};\nexport const CriticalBadge = ({ children, className }: CriticalBadgeProps) => {\n  return (\n    <BaseBadge variant=\"red\" className={className}>\n      {children}\n      <SvgIcon name=\"warning\" />\n    </BaseBadge>\n  );\n};\n"],"names":["BaseBadge","children","className","variant","jsx","badgeStyles","Badge","props","CriticalBadge","jsxs","SvgIcon"],"mappings":"mKAaMA,EAAY,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,KACjCC,wBAAC,OAAI,UAAWC,EAAA,YAAY,CAAE,UAAAH,EAAW,QAAAC,CAAS,CAAA,EAAI,SAAAF,CAAS,CAAA,EAK3DK,EAAQ,CAAC,CAAE,SAAAL,EAAU,GAAGM,KAC3BH,EAAAA,kBAAAA,IAAAJ,EAAA,CAAW,GAAGO,EAAQ,SAAAN,CAAS,CAAA,EAO5BO,EAAgB,CAAC,CAAE,SAAAP,EAAU,UAAAC,KAErCO,EAAAA,kBAAAA,KAAAT,EAAA,CAAU,QAAQ,MAAM,UAAAE,EACtB,SAAA,CAAAD,EACDG,EAAAA,kBAAAA,IAACM,EAAQ,QAAA,CAAA,KAAK,SAAU,CAAA,CAC1B,CAAA,CAAA"}
+{"version":3,"file":"lyra7.cjs","sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { badgeStyles } from \"./badge.styles\";\n\ntype BaseBadgeProps = VariantProps<typeof badgeStyles> & {\n  children: ReactNode;\n  className?: string;\n};\n\nconst BaseBadge = ({ children, className, variant }: BaseBadgeProps) => {\n  return <div className={badgeStyles({ className, variant })}>{children}</div>;\n};\n\nexport type BadgeProps = BaseBadgeProps;\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  return <BaseBadge {...props}>{children}</BaseBadge>;\n};\n\nexport type CriticalBadgeProps = {\n  children: string;\n  className?: string;\n};\nexport const CriticalBadge = ({ children, className }: CriticalBadgeProps) => {\n  return (\n    <BaseBadge variant=\"red\" className={className}>\n      {children}\n      <SvgIcon name=\"warning\" />\n    </BaseBadge>\n  );\n};\n"],"names":["BaseBadge","children","className","variant","jsxDEV","badgeStyles","this","Badge","props","CriticalBadge","SvgIcon"],"mappings":"mKAaMA,EAAY,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,KACjCC,EAAA,qBAAA,OAAC,OAAI,UAAWC,EAAA,YAAY,CAAE,UAAAH,EAAW,QAAAC,CAAA,CAAS,EAAI,SAAAF,CAAtD,EAAA,OAAA,GAAA,CAAA,SAAA,kEAAA,WAAA,GAAA,aAAA,EAA+D,EAAAK,MAAA,EAK3DC,EAAQ,CAAC,CAAE,SAAAN,EAAU,GAAGO,KAC3BJ,EAAA,qBAAA,OAAAJ,EAAA,CAAW,GAAGQ,EAAQ,SAAAP,GAAvB,OAAA,GAAA,CAAA,SAAA,kEAAA,WAAA,GAAA,aAAA,EAAgC,EAAAK,MAAA,EAO5BG,EAAgB,CAAC,CAAE,SAAAR,EAAU,UAAAC,KAErCE,EAAAA,qBAAAA,OAAAJ,EAAA,CAAU,QAAQ,MAAM,UAAAE,EACtB,SAAA,CAAAD,EACDG,EAAA,qBAAA,OAACM,EAAQ,QAAA,CAAA,KAAK,SAAd,EAAA,OAAA,GAAA,CAAA,SAAA,kEAAA,WAAA,GAAA,aAAA,CAAwB,EAAAJ,MAAA,CAAA,GAF1B,OAAA,GAAA,CAAA,SAAA,kEAAA,WAAA,GAAA,aAAA,CAGA,EAAAA,MAAA"}

package/dist/lyra7.js

@@ -1,11 +1,27 @@
-import { j as s } from "./lyra89.js";
-import { SvgIcon as n } from "./lyra64.js";
-import { badgeStyles as o } from "./lyra8.js";
-const t = ({ children: r, className: e, variant: a }) => /* @__PURE__ */ s.jsx("div", { className: o({ className: e, variant: a }), children: r }), d = ({ children: r, ...e }) => /* @__PURE__ */ s.jsx(t, { ...e, children: r }), x = ({ children: r, className: e }) => /* @__PURE__ */ s.jsxs(t, { variant: "red", className: e, children: [
-  r,
-  /* @__PURE__ */ s.jsx(n, { name: "warning" })
-] });
+import { j as n } from "./lyra89.js";
+import { SvgIcon as a } from "./lyra64.js";
+import { badgeStyles as t } from "./lyra8.js";
+const s = ({ children: e, className: r, variant: i }) => /* @__PURE__ */ n.jsxDEV("div", { className: t({ className: r, variant: i }), children: e }, void 0, !1, {
+  fileName: "/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",
+  lineNumber: 15,
+  columnNumber: 10
+}, void 0), c = ({ children: e, ...r }) => /* @__PURE__ */ n.jsxDEV(s, { ...r, children: e }, void 0, !1, {
+  fileName: "/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",
+  lineNumber: 21,
+  columnNumber: 10
+}, void 0), l = ({ children: e, className: r }) => /* @__PURE__ */ n.jsxDEV(s, { variant: "red", className: r, children: [
+  e,
+  /* @__PURE__ */ n.jsxDEV(a, { name: "warning" }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",
+    lineNumber: 32,
+    columnNumber: 7
+  }, void 0)
+] }, void 0, !0, {
+  fileName: "/Users/timkapitein/projects/lyra/src/components/badge/badge.tsx",
+  lineNumber: 30,
+  columnNumber: 5
+}, void 0);
 export {
-  d as Badge,
-  x as CriticalBadge
+  c as Badge,
+  l as CriticalBadge
 };

package/dist/lyra7.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra7.js","sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { badgeStyles } from \"./badge.styles\";\n\ntype BaseBadgeProps = VariantProps<typeof badgeStyles> & {\n  children: ReactNode;\n  className?: string;\n};\n\nconst BaseBadge = ({ children, className, variant }: BaseBadgeProps) => {\n  return <div className={badgeStyles({ className, variant })}>{children}</div>;\n};\n\nexport type BadgeProps = BaseBadgeProps;\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  return <BaseBadge {...props}>{children}</BaseBadge>;\n};\n\nexport type CriticalBadgeProps = {\n  children: string;\n  className?: string;\n};\nexport const CriticalBadge = ({ children, className }: CriticalBadgeProps) => {\n  return (\n    <BaseBadge variant=\"red\" className={className}>\n      {children}\n      <SvgIcon name=\"warning\" />\n    </BaseBadge>\n  );\n};\n"],"names":["BaseBadge","children","className","variant","jsx","badgeStyles","Badge","props","CriticalBadge","jsxs","SvgIcon"],"mappings":";;;AAaA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,QACjCC,gBAAAA,MAAC,SAAI,WAAWC,EAAY,EAAE,WAAAH,GAAW,SAAAC,EAAS,CAAA,GAAI,UAAAF,EAAS,CAAA,GAK3DK,IAAQ,CAAC,EAAE,UAAAL,GAAU,GAAGM,QAC3BH,gBAAAA,EAAAA,IAAAJ,GAAA,EAAW,GAAGO,GAAQ,UAAAN,EAAS,CAAA,GAO5BO,IAAgB,CAAC,EAAE,UAAAP,GAAU,WAAAC,QAErCO,gBAAAA,EAAAA,KAAAT,GAAA,EAAU,SAAQ,OAAM,WAAAE,GACtB,UAAA;AAAA,EAAAD;AAAA,EACDG,gBAAAA,EAAAA,IAACM,GAAQ,EAAA,MAAK,UAAU,CAAA;AAC1B,EAAA,CAAA;"}
+{"version":3,"file":"lyra7.js","sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { badgeStyles } from \"./badge.styles\";\n\ntype BaseBadgeProps = VariantProps<typeof badgeStyles> & {\n  children: ReactNode;\n  className?: string;\n};\n\nconst BaseBadge = ({ children, className, variant }: BaseBadgeProps) => {\n  return <div className={badgeStyles({ className, variant })}>{children}</div>;\n};\n\nexport type BadgeProps = BaseBadgeProps;\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  return <BaseBadge {...props}>{children}</BaseBadge>;\n};\n\nexport type CriticalBadgeProps = {\n  children: string;\n  className?: string;\n};\nexport const CriticalBadge = ({ children, className }: CriticalBadgeProps) => {\n  return (\n    <BaseBadge variant=\"red\" className={className}>\n      {children}\n      <SvgIcon name=\"warning\" />\n    </BaseBadge>\n  );\n};\n"],"names":["BaseBadge","children","className","variant","jsxDEV","badgeStyles","this","Badge","props","CriticalBadge","SvgIcon"],"mappings":";;;AAaA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,QACjCC,gBAAAA,EAAA,OAAC,SAAI,WAAWC,EAAY,EAAE,WAAAH,GAAW,SAAAC,EAAA,CAAS,GAAI,UAAAF,EAAtD,GAAA,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAA+D,GAAAK,MAAA,GAK3DC,IAAQ,CAAC,EAAE,UAAAN,GAAU,GAAGO,QAC3BJ,gBAAAA,EAAA,OAAAJ,GAAA,EAAW,GAAGQ,GAAQ,UAAAP,KAAvB,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAAgC,GAAAK,MAAA,GAO5BG,IAAgB,CAAC,EAAE,UAAAR,GAAU,WAAAC,QAErCE,gBAAAA,EAAAA,OAAAJ,GAAA,EAAU,SAAQ,OAAM,WAAAE,GACtB,UAAA;AAAA,EAAAD;AAAA,EACDG,gBAAAA,EAAA,OAACM,GAAQ,EAAA,MAAK,UAAd,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAwB,GAAAJ,MAAA;AAAA,KAF1B,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAGA,GAAAA,MAAA;"}

package/dist/lyra71.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra89.cjs"),c=require("react"),r=require("./lyra88.cjs"),o=require("./lyra92.cjs"),i=require("./lyra70.cjs"),l=c.createContext(null),N=(e,s)=>{const{wrapper:a}=i.tabStyles();return n.jsxRuntimeExports.jsx(l.Provider,{value:{...e},children:n.jsxRuntimeExports.jsx(r.Tabs,{ref:s,...e,className:t=>a({orientation:t.orientation,className:typeof e.className=="function"?e.className(t):e.className})})})},f=()=>{const e=c.useContext(l);if(!e)throw new Error("Use the UseGetTabsProps inside the TabsContext provider");return e},b=o.fixedForwardRef(N);b.displayName="Tabs";const j=(e,s)=>{const{list:a}=i.tabStyles();return n.jsxRuntimeExports.jsx(r.TabList,{ref:s,...e,className:({orientation:t})=>a({orientation:t,className:e.className})})},u=o.fixedForwardRef(j);u.displayName="TabList";const y=(e,s)=>n.jsxRuntimeExports.jsx(r.TabPanel,{ref:s,...e}),T=o.fixedForwardRef(y);T.displayName="TabPanel";const R=(e,s)=>{const{tab:a}=i.tabStyles(),t=f();return n.jsxRuntimeExports.jsx(r.Tab,{ref:s,...e,className:({isDisabled:m,isSelected:d})=>a({isCurrent:d,isDisabled:m,orientation:(t==null?void 0:t.orientation)??"horizontal"})})},x=o.fixedForwardRef(R);x.displayName="Tab";exports.Tab=x;exports.TabList=u;exports.TabPanel=T;exports.Tabs=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra89.cjs"),l=require("react"),r=require("./lyra88.cjs"),i=require("./lyra92.cjs"),o=require("./lyra70.cjs"),c=l.createContext(null),f=(e,t)=>{const{wrapper:a}=o.tabStyles();return n.jsxDevRuntimeExports.jsxDEV(c.Provider,{value:{...e},children:n.jsxDevRuntimeExports.jsxDEV(r.Tabs,{ref:t,...e,className:s=>a({orientation:s.orientation,className:typeof e.className=="function"?e.className(s):e.className})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",lineNumber:26,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",lineNumber:25,columnNumber:5},void 0)},T=()=>{const e=l.useContext(c);if(!e)throw new Error("Use the UseGetTabsProps inside the TabsContext provider");return e},b=i.fixedForwardRef(f);b.displayName="Tabs";const p=(e,t)=>{const{list:a}=o.tabStyles();return n.jsxDevRuntimeExports.jsxDEV(r.TabList,{ref:t,...e,className:({orientation:s})=>a({orientation:s,className:e.className})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",lineNumber:66,columnNumber:5},void 0)},m=i.fixedForwardRef(p);m.displayName="TabList";const j=(e,t)=>n.jsxDevRuntimeExports.jsxDEV(r.TabPanel,{ref:t,...e},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",lineNumber:81,columnNumber:10},void 0),u=i.fixedForwardRef(j);u.displayName="TabPanel";const y=(e,t)=>{const{tab:a}=o.tabStyles(),s=T();return n.jsxDevRuntimeExports.jsxDEV(r.Tab,{ref:t,...e,className:({isDisabled:x,isSelected:N})=>a({isCurrent:N,isDisabled:x,orientation:(s==null?void 0:s.orientation)??"horizontal"})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",lineNumber:94,columnNumber:5},void 0)},d=i.fixedForwardRef(y);d.displayName="Tab";exports.Tab=d;exports.TabList=m;exports.TabPanel=u;exports.Tabs=b;

package/dist/lyra71.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra71.cjs","sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  TabsProps as AriaTabsProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabsProps = AriaTabsProps;\ntype TabsRef = ElementRef<typeof AriaTabs>;\nconst TabsContext = createContext<TabsProps | null>(null);\nconst _Tabs = (props: TabsProps, ref: ForwardedRef<TabsRef>) => {\n  const { wrapper } = tabStyles();\n  return (\n    <TabsContext.Provider value={{ ...props }}>\n      <AriaTabs\n        ref={ref}\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            orientation: renderProps.orientation,\n            className:\n              typeof props.className === \"function\"\n                ? props.className(renderProps)\n                : props.className,\n          })\n        }\n      />\n    </TabsContext.Provider>\n  );\n};\n\nconst useGetTabsProps = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Use the UseGetTabsProps inside the TabsContext provider\");\n  }\n\n  return context;\n};\n\nexport const Tabs = fixedForwardRef(_Tabs);\n// @ts-ignore\nTabs.displayName = \"Tabs\";\n\nexport type TabListProps = Omit<AriaTabListProps<object>, \"items\" | \"className\"> &\n  VariantProps<typeof tabStyles> & {\n    className?: string;\n  };\ntype TabListRef = ElementRef<typeof AriaTabList>;\n\nconst _TabList = (props: TabListProps, ref: ForwardedRef<TabListRef>) => {\n  const { list } = tabStyles();\n\n  return (\n    <AriaTabList\n      ref={ref}\n      {...props}\n      className={({ orientation }) => list({ orientation, className: props.className })}\n    />\n  );\n};\n\nexport const TabList = fixedForwardRef(_TabList);\n// @ts-ignore\nTabList.displayName = \"TabList\";\n\nexport type TabPanelProps = AriaTabPanelProps;\ntype TabPanelRef = ElementRef<typeof AriaTabPanel>;\nconst _TabPanel = (props: TabPanelProps, ref: ForwardedRef<TabPanelRef>) => {\n  return <AriaTabPanel ref={ref} {...props} />;\n};\n\nexport const TabPanel = fixedForwardRef(_TabPanel);\n// @ts-ignore\nTabPanel.displayName = \"TabPanel\";\n\nexport type TabProps = Omit<AriaTabProps, \"href\" | \"target\">;\ntype TabRef = ElementRef<typeof AriaTab>;\nconst _Tab = (props: TabProps, ref: ForwardedRef<TabRef>) => {\n  const { tab } = tabStyles();\n  const context = useGetTabsProps();\n  return (\n    <AriaTab\n      ref={ref}\n      {...props}\n      className={({ isDisabled, isSelected }) =>\n        tab({\n          isCurrent: isSelected,\n          isDisabled,\n          orientation: context?.orientation ?? \"horizontal\",\n        })\n      }\n    />\n  );\n};\n\nexport const Tab = fixedForwardRef(_Tab);\n// @ts-ignore\nTab.displayName = \"Tab\";\n"],"names":["TabsContext","createContext","_Tabs","props","ref","wrapper","tabStyles","jsx","AriaTabs","renderProps","useGetTabsProps","context","useContext","Tabs","fixedForwardRef","_TabList","list","AriaTabList","orientation","TabList","_TabPanel","AriaTabPanel","TabPanel","_Tab","tab","AriaTab","isDisabled","isSelected","Tab"],"mappings":"iNAoBMA,EAAcC,EAAAA,cAAgC,IAAI,EAClDC,EAAQ,CAACC,EAAkBC,IAA+B,CACxD,KAAA,CAAE,QAAAC,GAAYC,EAAAA,YAElB,OAAAC,EAAA,kBAAA,IAACP,EAAY,SAAZ,CAAqB,MAAO,CAAE,GAAGG,GAChC,SAAAI,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,IAAAJ,EACC,GAAGD,EACJ,UAAYM,GACVJ,EAAQ,CACN,YAAaI,EAAY,YACzB,UACE,OAAON,EAAM,WAAc,WACvBA,EAAM,UAAUM,CAAW,EAC3BN,EAAM,SAAA,CACb,CAAA,CAGP,CAAA,CAAA,CAEJ,EAEMO,EAAkB,IAAM,CACtB,MAAAC,EAAUC,aAAWZ,CAAW,EACtC,GAAI,CAACW,EACG,MAAA,IAAI,MAAM,yDAAyD,EAGpE,OAAAA,CACT,EAEaE,EAAOC,kBAAgBZ,CAAK,EAEzCW,EAAK,YAAc,OAQnB,MAAME,EAAW,CAACZ,EAAqBC,IAAkC,CACjE,KAAA,CAAE,KAAAY,GAASV,EAAAA,YAGf,OAAAC,EAAA,kBAAA,IAACU,EAAA,QAAA,CACC,IAAAb,EACC,GAAGD,EACJ,UAAW,CAAC,CAAE,YAAAe,CAAY,IAAMF,EAAK,CAAE,YAAAE,EAAa,UAAWf,EAAM,UAAW,CAAA,CAAA,CAGtF,EAEagB,EAAUL,kBAAgBC,CAAQ,EAE/CI,EAAQ,YAAc,UAItB,MAAMC,EAAY,CAACjB,EAAsBC,IAC/BG,EAAAA,kBAAAA,IAAAc,EAAAA,SAAA,CAAa,IAAAjB,EAAW,GAAGD,CAAO,CAAA,EAG/BmB,EAAWR,kBAAgBM,CAAS,EAEjDE,EAAS,YAAc,WAIvB,MAAMC,EAAO,CAACpB,EAAiBC,IAA8B,CACrD,KAAA,CAAE,IAAAoB,GAAQlB,EAAAA,YACVK,EAAUD,IAEd,OAAAH,EAAA,kBAAA,IAACkB,EAAA,IAAA,CACC,IAAArB,EACC,GAAGD,EACJ,UAAW,CAAC,CAAE,WAAAuB,EAAY,WAAAC,CAAA,IACxBH,EAAI,CACF,UAAWG,EACX,WAAAD,EACA,aAAaf,GAAA,YAAAA,EAAS,cAAe,YAAA,CACtC,CAAA,CAAA,CAIT,EAEaiB,EAAMd,kBAAgBS,CAAI,EAEvCK,EAAI,YAAc"}
+{"version":3,"file":"lyra71.cjs","sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  TabsProps as AriaTabsProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabsProps = AriaTabsProps;\ntype TabsRef = ElementRef<typeof AriaTabs>;\nconst TabsContext = createContext<TabsProps | null>(null);\nconst _Tabs = (props: TabsProps, ref: ForwardedRef<TabsRef>) => {\n  const { wrapper } = tabStyles();\n  return (\n    <TabsContext.Provider value={{ ...props }}>\n      <AriaTabs\n        ref={ref}\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            orientation: renderProps.orientation,\n            className:\n              typeof props.className === \"function\"\n                ? props.className(renderProps)\n                : props.className,\n          })\n        }\n      />\n    </TabsContext.Provider>\n  );\n};\n\nconst useGetTabsProps = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Use the UseGetTabsProps inside the TabsContext provider\");\n  }\n\n  return context;\n};\n\nexport const Tabs = fixedForwardRef(_Tabs);\n// @ts-ignore\nTabs.displayName = \"Tabs\";\n\nexport type TabListProps = Omit<AriaTabListProps<object>, \"items\" | \"className\"> &\n  VariantProps<typeof tabStyles> & {\n    className?: string;\n  };\ntype TabListRef = ElementRef<typeof AriaTabList>;\n\nconst _TabList = (props: TabListProps, ref: ForwardedRef<TabListRef>) => {\n  const { list } = tabStyles();\n\n  return (\n    <AriaTabList\n      ref={ref}\n      {...props}\n      className={({ orientation }) => list({ orientation, className: props.className })}\n    />\n  );\n};\n\nexport const TabList = fixedForwardRef(_TabList);\n// @ts-ignore\nTabList.displayName = \"TabList\";\n\nexport type TabPanelProps = AriaTabPanelProps;\ntype TabPanelRef = ElementRef<typeof AriaTabPanel>;\nconst _TabPanel = (props: TabPanelProps, ref: ForwardedRef<TabPanelRef>) => {\n  return <AriaTabPanel ref={ref} {...props} />;\n};\n\nexport const TabPanel = fixedForwardRef(_TabPanel);\n// @ts-ignore\nTabPanel.displayName = \"TabPanel\";\n\nexport type TabProps = Omit<AriaTabProps, \"href\" | \"target\">;\ntype TabRef = ElementRef<typeof AriaTab>;\nconst _Tab = (props: TabProps, ref: ForwardedRef<TabRef>) => {\n  const { tab } = tabStyles();\n  const context = useGetTabsProps();\n  return (\n    <AriaTab\n      ref={ref}\n      {...props}\n      className={({ isDisabled, isSelected }) =>\n        tab({\n          isCurrent: isSelected,\n          isDisabled,\n          orientation: context?.orientation ?? \"horizontal\",\n        })\n      }\n    />\n  );\n};\n\nexport const Tab = fixedForwardRef(_Tab);\n// @ts-ignore\nTab.displayName = \"Tab\";\n"],"names":["TabsContext","createContext","_Tabs","props","ref","wrapper","tabStyles","jsxDEV","AriaTabs","renderProps","this","useGetTabsProps","context","useContext","Tabs","fixedForwardRef","_TabList","list","AriaTabList","orientation","TabList","_TabPanel","AriaTabPanel","TabPanel","_Tab","tab","AriaTab","isDisabled","isSelected","Tab"],"mappings":"iNAoBMA,EAAcC,EAAAA,cAAgC,IAAI,EAClDC,EAAQ,CAACC,EAAkBC,IAA+B,CACxD,KAAA,CAAE,QAAAC,GAAYC,EAAAA,YAElB,OAAAC,EAAA,qBAAA,OAACP,EAAY,SAAZ,CAAqB,MAAO,CAAE,GAAGG,GAChC,SAAAI,EAAA,qBAAA,OAACC,EAAA,KAAA,CACC,IAAAJ,EACC,GAAGD,EACJ,UAAYM,GACVJ,EAAQ,CACN,YAAaI,EAAY,YACzB,UACE,OAAON,EAAM,WAAc,WACvBA,EAAM,UAAUM,CAAW,EAC3BN,EAAM,SAAA,CACb,CAAA,EAVL,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,GADF,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,CAcA,EAAAA,MAAA,CAEJ,EAEMC,EAAkB,IAAM,CACtB,MAAAC,EAAUC,aAAWb,CAAW,EACtC,GAAI,CAACY,EACG,MAAA,IAAI,MAAM,yDAAyD,EAGpE,OAAAA,CACT,EAEaE,EAAOC,kBAAgBb,CAAK,EAEzCY,EAAK,YAAc,OAQnB,MAAME,EAAW,CAACb,EAAqBC,IAAkC,CACjE,KAAA,CAAE,KAAAa,GAASX,EAAAA,YAGf,OAAAC,EAAA,qBAAA,OAACW,EAAA,QAAA,CACC,IAAAd,EACC,GAAGD,EACJ,UAAW,CAAC,CAAE,YAAAgB,CAAY,IAAMF,EAAK,CAAE,YAAAE,EAAa,UAAWhB,EAAM,UAAW,CAAA,EAHlF,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAMJ,EAEaU,EAAUL,kBAAgBC,CAAQ,EAE/CI,EAAQ,YAAc,UAItB,MAAMC,EAAY,CAAClB,EAAsBC,IAC/BG,EAAA,qBAAA,OAAAe,EAAA,SAAA,CAAa,IAAAlB,EAAW,GAAGD,GAA5B,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,EAAmC,EAAAO,MAAA,EAG/Ba,EAAWR,kBAAgBM,CAAS,EAEjDE,EAAS,YAAc,WAIvB,MAAMC,EAAO,CAACrB,EAAiBC,IAA8B,CACrD,KAAA,CAAE,IAAAqB,GAAQnB,EAAAA,YACVM,EAAUD,IAEd,OAAAJ,EAAA,qBAAA,OAACmB,EAAA,IAAA,CACC,IAAAtB,EACC,GAAGD,EACJ,UAAW,CAAC,CAAE,WAAAwB,EAAY,WAAAC,CAAA,IACxBH,EAAI,CACF,UAAWG,EACX,WAAAD,EACA,aAAaf,GAAA,YAAAA,EAAS,cAAe,YAAA,CACtC,CAAA,EARL,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAYJ,EAEamB,EAAMd,kBAAgBS,CAAI,EAEvCK,EAAI,YAAc"}

package/dist/lyra71.js

@@ -1,61 +1,93 @@
-import { j as o } from "./lyra89.js";
-import { createContext as l, useContext as m } from "react";
-import { Tabs as T, TabList as d, TabPanel as x, Tab as f } from "./lyra88.js";
-import { fixedForwardRef as n } from "./lyra92.js";
+import { j as n } from "./lyra89.js";
+import { createContext as l, useContext as b } from "react";
+import { Tabs as d, TabList as u, TabPanel as f, Tab as N } from "./lyra88.js";
+import { fixedForwardRef as o } from "./lyra92.js";
 import { tabStyles as r } from "./lyra70.js";
-const c = l(null), N = (a, t) => {
-  const { wrapper: s } = r();
-  return /* @__PURE__ */ o.jsx(c.Provider, { value: { ...a }, children: /* @__PURE__ */ o.jsx(
-    T,
+const i = l(null), p = (e, a) => {
+  const { wrapper: t } = r();
+  return /* @__PURE__ */ n.jsxDEV(i.Provider, { value: { ...e }, children: /* @__PURE__ */ n.jsxDEV(
+    d,
     {
-      ref: t,
-      ...a,
-      className: (e) => s({
-        orientation: e.orientation,
-        className: typeof a.className == "function" ? a.className(e) : a.className
+      ref: a,
+      ...e,
+      className: (s) => t({
+        orientation: s.orientation,
+        className: typeof e.className == "function" ? e.className(s) : e.className
       })
-    }
-  ) });
-}, u = () => {
-  const a = m(c);
-  if (!a)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",
+      lineNumber: 26,
+      columnNumber: 7
+    },
+    void 0
+  ) }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",
+    lineNumber: 25,
+    columnNumber: 5
+  }, void 0);
+}, x = () => {
+  const e = b(i);
+  if (!e)
     throw new Error("Use the UseGetTabsProps inside the TabsContext provider");
-  return a;
-}, $ = n(N);
-$.displayName = "Tabs";
-const p = (a, t) => {
-  const { list: s } = r();
-  return /* @__PURE__ */ o.jsx(
-    d,
+  return e;
+}, T = o(p);
+T.displayName = "Tabs";
+const j = (e, a) => {
+  const { list: t } = r();
+  return /* @__PURE__ */ n.jsxDEV(
+    u,
     {
-      ref: t,
-      ...a,
-      className: ({ orientation: e }) => s({ orientation: e, className: a.className })
-    }
+      ref: a,
+      ...e,
+      className: ({ orientation: s }) => t({ orientation: s, className: e.className })
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",
+      lineNumber: 66,
+      columnNumber: 5
+    },
+    void 0
   );
-}, j = n(p);
-j.displayName = "TabList";
-const y = (a, t) => /* @__PURE__ */ o.jsx(x, { ref: t, ...a }), P = n(y);
-P.displayName = "TabPanel";
-const h = (a, t) => {
-  const { tab: s } = r(), e = u();
-  return /* @__PURE__ */ o.jsx(
-    f,
+}, $ = o(j);
+$.displayName = "TabList";
+const y = (e, a) => /* @__PURE__ */ n.jsxDEV(f, { ref: a, ...e }, void 0, !1, {
+  fileName: "/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",
+  lineNumber: 81,
+  columnNumber: 10
+}, void 0), v = o(y);
+v.displayName = "TabPanel";
+const E = (e, a) => {
+  const { tab: t } = r(), s = x();
+  return /* @__PURE__ */ n.jsxDEV(
+    N,
     {
-      ref: t,
-      ...a,
-      className: ({ isDisabled: i, isSelected: b }) => s({
-        isCurrent: b,
-        isDisabled: i,
-        orientation: (e == null ? void 0 : e.orientation) ?? "horizontal"
+      ref: a,
+      ...e,
+      className: ({ isDisabled: c, isSelected: m }) => t({
+        isCurrent: m,
+        isDisabled: c,
+        orientation: (s == null ? void 0 : s.orientation) ?? "horizontal"
       })
-    }
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/tabs/tabs.tsx",
+      lineNumber: 94,
+      columnNumber: 5
+    },
+    void 0
   );
-}, C = n(h);
-C.displayName = "Tab";
+}, U = o(E);
+U.displayName = "Tab";
 export {
-  C as Tab,
-  j as TabList,
-  P as TabPanel,
-  $ as Tabs
+  U as Tab,
+  $ as TabList,
+  v as TabPanel,
+  T as Tabs
 };

package/dist/lyra71.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra71.js","sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  TabsProps as AriaTabsProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabsProps = AriaTabsProps;\ntype TabsRef = ElementRef<typeof AriaTabs>;\nconst TabsContext = createContext<TabsProps | null>(null);\nconst _Tabs = (props: TabsProps, ref: ForwardedRef<TabsRef>) => {\n  const { wrapper } = tabStyles();\n  return (\n    <TabsContext.Provider value={{ ...props }}>\n      <AriaTabs\n        ref={ref}\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            orientation: renderProps.orientation,\n            className:\n              typeof props.className === \"function\"\n                ? props.className(renderProps)\n                : props.className,\n          })\n        }\n      />\n    </TabsContext.Provider>\n  );\n};\n\nconst useGetTabsProps = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Use the UseGetTabsProps inside the TabsContext provider\");\n  }\n\n  return context;\n};\n\nexport const Tabs = fixedForwardRef(_Tabs);\n// @ts-ignore\nTabs.displayName = \"Tabs\";\n\nexport type TabListProps = Omit<AriaTabListProps<object>, \"items\" | \"className\"> &\n  VariantProps<typeof tabStyles> & {\n    className?: string;\n  };\ntype TabListRef = ElementRef<typeof AriaTabList>;\n\nconst _TabList = (props: TabListProps, ref: ForwardedRef<TabListRef>) => {\n  const { list } = tabStyles();\n\n  return (\n    <AriaTabList\n      ref={ref}\n      {...props}\n      className={({ orientation }) => list({ orientation, className: props.className })}\n    />\n  );\n};\n\nexport const TabList = fixedForwardRef(_TabList);\n// @ts-ignore\nTabList.displayName = \"TabList\";\n\nexport type TabPanelProps = AriaTabPanelProps;\ntype TabPanelRef = ElementRef<typeof AriaTabPanel>;\nconst _TabPanel = (props: TabPanelProps, ref: ForwardedRef<TabPanelRef>) => {\n  return <AriaTabPanel ref={ref} {...props} />;\n};\n\nexport const TabPanel = fixedForwardRef(_TabPanel);\n// @ts-ignore\nTabPanel.displayName = \"TabPanel\";\n\nexport type TabProps = Omit<AriaTabProps, \"href\" | \"target\">;\ntype TabRef = ElementRef<typeof AriaTab>;\nconst _Tab = (props: TabProps, ref: ForwardedRef<TabRef>) => {\n  const { tab } = tabStyles();\n  const context = useGetTabsProps();\n  return (\n    <AriaTab\n      ref={ref}\n      {...props}\n      className={({ isDisabled, isSelected }) =>\n        tab({\n          isCurrent: isSelected,\n          isDisabled,\n          orientation: context?.orientation ?? \"horizontal\",\n        })\n      }\n    />\n  );\n};\n\nexport const Tab = fixedForwardRef(_Tab);\n// @ts-ignore\nTab.displayName = \"Tab\";\n"],"names":["TabsContext","createContext","_Tabs","props","ref","wrapper","tabStyles","jsx","AriaTabs","renderProps","useGetTabsProps","context","useContext","Tabs","fixedForwardRef","_TabList","list","AriaTabList","orientation","TabList","_TabPanel","AriaTabPanel","TabPanel","_Tab","tab","AriaTab","isDisabled","isSelected","Tab"],"mappings":";;;;;AAoBA,MAAMA,IAAcC,EAAgC,IAAI,GAClDC,IAAQ,CAACC,GAAkBC,MAA+B;AACxD,QAAA,EAAE,SAAAC,MAAYC;AAElB,SAAAC,gBAAAA,EAAA,IAACP,EAAY,UAAZ,EAAqB,OAAO,EAAE,GAAGG,KAChC,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAACM,MACVJ,EAAQ;AAAA,QACN,aAAaI,EAAY;AAAA,QACzB,WACE,OAAON,EAAM,aAAc,aACvBA,EAAM,UAAUM,CAAW,IAC3BN,EAAM;AAAA,MAAA,CACb;AAAA,IAAA;AAAA,EAGP,EAAA,CAAA;AAEJ,GAEMO,IAAkB,MAAM;AACtB,QAAAC,IAAUC,EAAWZ,CAAW;AACtC,MAAI,CAACW;AACG,UAAA,IAAI,MAAM,yDAAyD;AAGpE,SAAAA;AACT,GAEaE,IAAOC,EAAgBZ,CAAK;AAEzCW,EAAK,cAAc;AAQnB,MAAME,IAAW,CAACZ,GAAqBC,MAAkC;AACjE,QAAA,EAAE,MAAAY,MAASV;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAAC,EAAE,aAAAe,EAAY,MAAMF,EAAK,EAAE,aAAAE,GAAa,WAAWf,EAAM,WAAW;AAAA,IAAA;AAAA,EAAA;AAGtF,GAEagB,IAAUL,EAAgBC,CAAQ;AAE/CI,EAAQ,cAAc;AAItB,MAAMC,IAAY,CAACjB,GAAsBC,MAC/BG,gBAAAA,EAAAA,IAAAc,GAAA,EAAa,KAAAjB,GAAW,GAAGD,EAAO,CAAA,GAG/BmB,IAAWR,EAAgBM,CAAS;AAEjDE,EAAS,cAAc;AAIvB,MAAMC,IAAO,CAACpB,GAAiBC,MAA8B;AACrD,QAAA,EAAE,KAAAoB,MAAQlB,KACVK,IAAUD;AAEd,SAAAH,gBAAAA,EAAA;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAAC,EAAE,YAAAuB,GAAY,YAAAC,EAAA,MACxBH,EAAI;AAAA,QACF,WAAWG;AAAA,QACX,YAAAD;AAAA,QACA,cAAaf,KAAA,gBAAAA,EAAS,gBAAe;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EAAA;AAIT,GAEaiB,IAAMd,EAAgBS,CAAI;AAEvCK,EAAI,cAAc;"}
+{"version":3,"file":"lyra71.js","sources":["../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  TabsProps as AriaTabsProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { tabStyles } from \"./tab.styles\";\n\nexport type TabsProps = AriaTabsProps;\ntype TabsRef = ElementRef<typeof AriaTabs>;\nconst TabsContext = createContext<TabsProps | null>(null);\nconst _Tabs = (props: TabsProps, ref: ForwardedRef<TabsRef>) => {\n  const { wrapper } = tabStyles();\n  return (\n    <TabsContext.Provider value={{ ...props }}>\n      <AriaTabs\n        ref={ref}\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            orientation: renderProps.orientation,\n            className:\n              typeof props.className === \"function\"\n                ? props.className(renderProps)\n                : props.className,\n          })\n        }\n      />\n    </TabsContext.Provider>\n  );\n};\n\nconst useGetTabsProps = () => {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Use the UseGetTabsProps inside the TabsContext provider\");\n  }\n\n  return context;\n};\n\nexport const Tabs = fixedForwardRef(_Tabs);\n// @ts-ignore\nTabs.displayName = \"Tabs\";\n\nexport type TabListProps = Omit<AriaTabListProps<object>, \"items\" | \"className\"> &\n  VariantProps<typeof tabStyles> & {\n    className?: string;\n  };\ntype TabListRef = ElementRef<typeof AriaTabList>;\n\nconst _TabList = (props: TabListProps, ref: ForwardedRef<TabListRef>) => {\n  const { list } = tabStyles();\n\n  return (\n    <AriaTabList\n      ref={ref}\n      {...props}\n      className={({ orientation }) => list({ orientation, className: props.className })}\n    />\n  );\n};\n\nexport const TabList = fixedForwardRef(_TabList);\n// @ts-ignore\nTabList.displayName = \"TabList\";\n\nexport type TabPanelProps = AriaTabPanelProps;\ntype TabPanelRef = ElementRef<typeof AriaTabPanel>;\nconst _TabPanel = (props: TabPanelProps, ref: ForwardedRef<TabPanelRef>) => {\n  return <AriaTabPanel ref={ref} {...props} />;\n};\n\nexport const TabPanel = fixedForwardRef(_TabPanel);\n// @ts-ignore\nTabPanel.displayName = \"TabPanel\";\n\nexport type TabProps = Omit<AriaTabProps, \"href\" | \"target\">;\ntype TabRef = ElementRef<typeof AriaTab>;\nconst _Tab = (props: TabProps, ref: ForwardedRef<TabRef>) => {\n  const { tab } = tabStyles();\n  const context = useGetTabsProps();\n  return (\n    <AriaTab\n      ref={ref}\n      {...props}\n      className={({ isDisabled, isSelected }) =>\n        tab({\n          isCurrent: isSelected,\n          isDisabled,\n          orientation: context?.orientation ?? \"horizontal\",\n        })\n      }\n    />\n  );\n};\n\nexport const Tab = fixedForwardRef(_Tab);\n// @ts-ignore\nTab.displayName = \"Tab\";\n"],"names":["TabsContext","createContext","_Tabs","props","ref","wrapper","tabStyles","jsxDEV","AriaTabs","renderProps","this","useGetTabsProps","context","useContext","Tabs","fixedForwardRef","_TabList","list","AriaTabList","orientation","TabList","_TabPanel","AriaTabPanel","TabPanel","_Tab","tab","AriaTab","isDisabled","isSelected","Tab"],"mappings":";;;;;AAoBA,MAAMA,IAAcC,EAAgC,IAAI,GAClDC,IAAQ,CAACC,GAAkBC,MAA+B;AACxD,QAAA,EAAE,SAAAC,MAAYC;AAElB,SAAAC,gBAAAA,EAAA,OAACP,EAAY,UAAZ,EAAqB,OAAO,EAAE,GAAGG,KAChC,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAACM,MACVJ,EAAQ;AAAA,QACN,aAAaI,EAAY;AAAA,QACzB,WACE,OAAON,EAAM,aAAc,aACvBA,EAAM,UAAUM,CAAW,IAC3BN,EAAM;AAAA,MAAA,CACb;AAAA,IAAA;AAAA,IAVL;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAO;AAAAA,EAAA,KADF,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAcA,GAAAA,MAAA;AAEJ,GAEMC,IAAkB,MAAM;AACtB,QAAAC,IAAUC,EAAWb,CAAW;AACtC,MAAI,CAACY;AACG,UAAA,IAAI,MAAM,yDAAyD;AAGpE,SAAAA;AACT,GAEaE,IAAOC,EAAgBb,CAAK;AAEzCY,EAAK,cAAc;AAQnB,MAAME,IAAW,CAACb,GAAqBC,MAAkC;AACjE,QAAA,EAAE,MAAAa,MAASX;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,KAAAd;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAAC,EAAE,aAAAgB,EAAY,MAAMF,EAAK,EAAE,aAAAE,GAAa,WAAWhB,EAAM,WAAW;AAAA,IAAA;AAAA,IAHlF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAO;AAAAA,EAAA;AAMJ,GAEaU,IAAUL,EAAgBC,CAAQ;AAE/CI,EAAQ,cAAc;AAItB,MAAMC,IAAY,CAAClB,GAAsBC,MAC/BG,gBAAAA,EAAA,OAAAe,GAAA,EAAa,KAAAlB,GAAW,GAAGD,KAA5B,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAAmC,GAAAO,MAAA,GAG/Ba,IAAWR,EAAgBM,CAAS;AAEjDE,EAAS,cAAc;AAIvB,MAAMC,IAAO,CAACrB,GAAiBC,MAA8B;AACrD,QAAA,EAAE,KAAAqB,MAAQnB,KACVM,IAAUD;AAEd,SAAAJ,gBAAAA,EAAA;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACC,KAAAtB;AAAA,MACC,GAAGD;AAAA,MACJ,WAAW,CAAC,EAAE,YAAAwB,GAAY,YAAAC,EAAA,MACxBH,EAAI;AAAA,QACF,WAAWG;AAAA,QACX,YAAAD;AAAA,QACA,cAAaf,KAAA,gBAAAA,EAAS,gBAAe;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,IARL;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAF;AAAAA,EAAA;AAYJ,GAEamB,IAAMd,EAAgBS,CAAI;AAEvCK,EAAI,cAAc;"}

package/dist/lyra717.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra754.cjs"),g=require("./lyra802.cjs"),a=require("./lyra803.cjs"),p=require("./lyra721.cjs"),T=require("./lyra804.cjs"),d=require("./lyra805.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra754.cjs"),g=require("./lyra801.cjs"),a=require("./lyra802.cjs"),p=require("./lyra721.cjs"),T=require("./lyra803.cjs"),d=require("./lyra804.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;

package/dist/lyra717.js

@@ -1,9 +1,9 @@
 import { easeInOut as c } from "./lyra754.js";
-import { isEasingArray as p } from "./lyra802.js";
-import { easingDefinitionToFunction as m } from "./lyra803.js";
+import { isEasingArray as p } from "./lyra801.js";
+import { easingDefinitionToFunction as m } from "./lyra802.js";
 import { interpolate as u } from "./lyra721.js";
-import { defaultOffset as l } from "./lyra804.js";
-import { convertOffsetToTimes as g } from "./lyra805.js";
+import { defaultOffset as l } from "./lyra803.js";
+import { convertOffsetToTimes as g } from "./lyra804.js";
 function T(n, t) {
   return n.map(() => t || c).splice(0, n.length - 1);
 }

package/dist/lyra72.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra89.cjs"),d=require("react"),l=require("./lyra88.cjs"),y=require("./lyra90.cjs"),m=require("./lyra73.cjs"),s=d.forwardRef(function({className:t,color:n,elementType:a,variant:r,...c},u){const i=x(a,r);return o.jsxRuntimeExports.jsx(l.Text,{...c,ref:u,elementType:i,className:y.twMerge(m.textStyles({variant:r,color:n,className:t}))})});s.displayName="Text";const x=(e,t)=>{if(e)return e;switch(t){case"display":case"heading-1":return"h1";case"heading-2":return"h2";case"heading-3":return"h3";case"body-large":case"body-medium":case"body-small":return"span";default:return"span"}};exports.Text=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra89.cjs"),l=require("react"),m=require("./lyra88.cjs"),d=require("./lyra90.cjs"),x=require("./lyra73.cjs"),s=l.forwardRef(function({className:t,color:n,elementType:a,variant:r,...i},c){const o=y(a,r);return u.jsxDevRuntimeExports.jsxDEV(m.Text,{...i,ref:c,elementType:o,className:d.twMerge(x.textStyles({variant:r,color:n,className:t}))},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/text/text.tsx",lineNumber:18,columnNumber:5},this)});s.displayName="Text";const y=(e,t)=>{if(e)return e;switch(t){case"display":case"heading-1":return"h1";case"heading-2":return"h2";case"heading-3":return"h3";case"body-large":case"body-medium":case"body-small":return"span";default:return"span"}};exports.Text=s;

package/dist/lyra72.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra72.cjs","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text as AriaText, TextProps as AriaTextProps } from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { textStyles } from \"./text.styles\";\n\nexport type TextProps = VariantProps<typeof textStyles> & AriaTextProps;\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { className, color, elementType, variant, ...props },\n  forwardedRef,\n) {\n  const generatedElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <AriaText\n      {...props}\n      ref={forwardedRef}\n      elementType={generatedElementType}\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 \"display\":\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","className","color","elementType","variant","props","forwardedRef","generatedElementType","getElementTypeByVariant","jsx","AriaText","twMerge","textStyles"],"mappings":"iNAUaA,EAAOC,EAAA,WAAmC,SACrD,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,GAAGC,CAAM,EACnDC,EACA,CACM,MAAAC,EAAuBC,EAAwBL,EAAaC,CAAO,EAGvE,OAAAK,EAAA,kBAAA,IAACC,EAAA,KAAA,CACE,GAAGL,EACJ,IAAKC,EACL,YAAaC,EACb,UAAWI,UAAQC,aAAW,CAAE,QAAAR,EAAS,MAAAF,EAAO,UAAAD,CAAA,CAAW,CAAC,CAAA,CAAA,CAGlE,CAAC,EAEDF,EAAK,YAAc,OAEnB,MAAMS,EAA0B,CAC9BL,EACAC,IACG,CACC,GAAAD,EAAoB,OAAAA,EAExB,OAAQC,EAAS,CACf,IAAK,UACL,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,aACL,IAAK,cACL,IAAK,aACI,MAAA,OACT,QACS,MAAA,MACX,CACF"}
+{"version":3,"file":"lyra72.cjs","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text as AriaText, TextProps as AriaTextProps } from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { textStyles } from \"./text.styles\";\n\nexport type TextProps = VariantProps<typeof textStyles> & AriaTextProps;\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { className, color, elementType, variant, ...props },\n  forwardedRef,\n) {\n  const generatedElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <AriaText\n      {...props}\n      ref={forwardedRef}\n      elementType={generatedElementType}\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 \"display\":\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","className","color","elementType","variant","props","forwardedRef","generatedElementType","getElementTypeByVariant","jsxDEV","AriaText","twMerge","textStyles"],"mappings":"iNAUaA,EAAOC,EAAA,WAAmC,SACrD,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,GAAGC,CAAM,EACnDC,EACA,CACM,MAAAC,EAAuBC,EAAwBL,EAAaC,CAAO,EAGvE,OAAAK,EAAA,qBAAA,OAACC,EAAA,KAAA,CACE,GAAGL,EACJ,IAAKC,EACL,YAAaC,EACb,UAAWI,UAAQC,aAAW,CAAE,QAAAR,EAAS,MAAAF,EAAO,UAAAD,CAAA,CAAW,CAAC,CAAA,EAJ9D,OAAA,GAAA,CAAA,SAAA,gEAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAOJ,CAAC,EAEDF,EAAK,YAAc,OAEnB,MAAMS,EAA0B,CAC9BL,EACAC,IACG,CACC,GAAAD,EAAoB,OAAAA,EAExB,OAAQC,EAAS,CACf,IAAK,UACL,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,aACL,IAAK,cACL,IAAK,aACI,MAAA,OACT,QACS,MAAA,MACX,CACF"}

package/dist/lyra72.js

@@ -1,22 +1,30 @@
-import { j as c } from "./lyra89.js";
-import { forwardRef as i } from "react";
-import { Text as d } from "./lyra88.js";
-import { twMerge as p } from "./lyra90.js";
+import { j as i } from "./lyra89.js";
+import { forwardRef as c } from "react";
+import { Text as p } from "./lyra88.js";
+import { twMerge as d } from "./lyra90.js";
 import { textStyles as f } from "./lyra73.js";
-const u = i(function({ className: t, color: a, elementType: s, variant: r, ...n }, o) {
-  const m = l(s, r);
-  return /* @__PURE__ */ c.jsx(
-    d,
+const l = c(function({ className: t, color: s, elementType: a, variant: r, ...n }, o) {
+  const m = u(a, r);
+  return /* @__PURE__ */ i.jsxDEV(
+    p,
     {
       ...n,
       ref: o,
       elementType: m,
-      className: p(f({ variant: r, color: a, className: t }))
-    }
+      className: d(f({ variant: r, color: s, className: t }))
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/text/text.tsx",
+      lineNumber: 18,
+      columnNumber: 5
+    },
+    this
   );
 });
-u.displayName = "Text";
-const l = (e, t) => {
+l.displayName = "Text";
+const u = (e, t) => {
   if (e)
     return e;
   switch (t) {
@@ -36,5 +44,5 @@ const l = (e, t) => {
   }
 };
 export {
-  u as Text
+  l as Text
 };

package/dist/lyra72.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra72.js","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text as AriaText, TextProps as AriaTextProps } from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { textStyles } from \"./text.styles\";\n\nexport type TextProps = VariantProps<typeof textStyles> & AriaTextProps;\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { className, color, elementType, variant, ...props },\n  forwardedRef,\n) {\n  const generatedElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <AriaText\n      {...props}\n      ref={forwardedRef}\n      elementType={generatedElementType}\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 \"display\":\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","className","color","elementType","variant","props","forwardedRef","generatedElementType","getElementTypeByVariant","jsx","AriaText","twMerge","textStyles"],"mappings":";;;;;AAUO,MAAMA,IAAOC,EAAmC,SACrD,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,GAAGC,EAAM,GACnDC,GACA;AACM,QAAAC,IAAuBC,EAAwBL,GAAaC,CAAO;AAGvE,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,KAAKC;AAAA,MACL,aAAaC;AAAA,MACb,WAAWI,EAAQC,EAAW,EAAE,SAAAR,GAAS,OAAAF,GAAO,WAAAD,EAAA,CAAW,CAAC;AAAA,IAAA;AAAA,EAAA;AAGlE,CAAC;AAEDF,EAAK,cAAc;AAEnB,MAAMS,IAA0B,CAC9BL,GACAC,MACG;AACC,MAAAD;AAAoB,WAAAA;AAExB,UAAQC,GAAS;AAAA,IACf,KAAK;AAAA,IACL,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;AACS,aAAA;AAAA,EACX;AACF;"}
+{"version":3,"file":"lyra72.js","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text as AriaText, TextProps as AriaTextProps } from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { textStyles } from \"./text.styles\";\n\nexport type TextProps = VariantProps<typeof textStyles> & AriaTextProps;\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { className, color, elementType, variant, ...props },\n  forwardedRef,\n) {\n  const generatedElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <AriaText\n      {...props}\n      ref={forwardedRef}\n      elementType={generatedElementType}\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 \"display\":\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","className","color","elementType","variant","props","forwardedRef","generatedElementType","getElementTypeByVariant","jsxDEV","AriaText","twMerge","textStyles"],"mappings":";;;;;AAUO,MAAMA,IAAOC,EAAmC,SACrD,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,GAAGC,EAAM,GACnDC,GACA;AACM,QAAAC,IAAuBC,EAAwBL,GAAaC,CAAO;AAGvE,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,KAAKC;AAAA,MACL,aAAaC;AAAA,MACb,WAAWI,EAAQC,EAAW,EAAE,SAAAR,GAAS,OAAAF,GAAO,WAAAD,EAAA,CAAW,CAAC;AAAA,IAAA;AAAA,IAJ9D;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA;AAOJ,CAAC;AAEDF,EAAK,cAAc;AAEnB,MAAMS,IAA0B,CAC9BL,GACAC,MACG;AACC,MAAAD;AAAoB,WAAAA;AAExB,UAAQC,GAAS;AAAA,IACf,KAAK;AAAA,IACL,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;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/lyra727.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra729.cjs"),u=require("./lyra801.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra729.cjs"),u=require("./lyra800.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;

package/dist/lyra727.js

@@ -1,5 +1,5 @@
 import { rgba as i } from "./lyra729.js";
-import { isColorString as g } from "./lyra801.js";
+import { isColorString as g } from "./lyra800.js";
 function a(r) {
   let t = "", e = "", n = "", s = "";
   return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {

package/dist/lyra728.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra733.cjs"),r=require("./lyra734.cjs"),t=require("./lyra726.cjs"),e=require("./lyra801.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra733.cjs"),r=require("./lyra734.cjs"),t=require("./lyra726.cjs"),e=require("./lyra800.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;

package/dist/lyra728.js

@@ -1,7 +1,7 @@
 import { alpha as n } from "./lyra733.js";
 import { percent as t } from "./lyra734.js";
 import { sanitize as r } from "./lyra726.js";
-import { isColorString as i, splitColor as e } from "./lyra801.js";
+import { isColorString as i, splitColor as e } from "./lyra800.js";
 const u = {
   test: i("hsl", "hue"),
   parse: e("hue", "saturation", "lightness"),

package/dist/lyra729.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra722.cjs"),n=require("./lyra733.cjs"),l=require("./lyra726.cjs"),e=require("./lyra801.cjs"),c=r=>i.clamp(0,255,r),t={...n.number,transform:r=>Math.round(c(r))},u={test:e.isColorString("rgb","red"),parse:e.splitColor("red","green","blue"),transform:({red:r,green:o,blue:s,alpha:a=1})=>"rgba("+t.transform(r)+", "+t.transform(o)+", "+t.transform(s)+", "+l.sanitize(n.alpha.transform(a))+")"};exports.rgbUnit=t;exports.rgba=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra722.cjs"),n=require("./lyra733.cjs"),l=require("./lyra726.cjs"),e=require("./lyra800.cjs"),c=r=>i.clamp(0,255,r),t={...n.number,transform:r=>Math.round(c(r))},u={test:e.isColorString("rgb","red"),parse:e.splitColor("red","green","blue"),transform:({red:r,green:o,blue:s,alpha:a=1})=>"rgba("+t.transform(r)+", "+t.transform(o)+", "+t.transform(s)+", "+l.sanitize(n.alpha.transform(a))+")"};exports.rgbUnit=t;exports.rgba=u;

package/dist/lyra729.js

@@ -1,7 +1,7 @@
 import { clamp as n } from "./lyra722.js";
 import { number as s, alpha as i } from "./lyra733.js";
 import { sanitize as p } from "./lyra726.js";
-import { isColorString as e, splitColor as f } from "./lyra801.js";
+import { isColorString as e, splitColor as f } from "./lyra800.js";
 const l = (r) => n(0, 255, r), o = {
   ...s,
   transform: (r) => Math.round(l(r))

package/dist/lyra74.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),c=require("react"),i=require("./lyra88.cjs"),u=require("./lyra100.cjs"),a=require("./lyra449.cjs"),m=require("./lyra79.cjs"),p=require("./lyra472.cjs"),x=require("./lyra456.cjs"),j=require("./lyra99.cjs");function T({children:e,...t}){const o=m.useTheme(),{beak:s,box:l}=x.tooltipStyles();return r.jsxRuntimeExports.jsx(i.Tooltip,{className:o,offset:8,...t,children:n=>r.jsxRuntimeExports.jsxs("div",{className:l({className:a.clsx(o,t.className)}),children:[r.jsxRuntimeExports.jsx(i.OverlayArrow,{children:r.jsxRuntimeExports.jsx(p.Beak,{className:s({placement:n.placement})})}),typeof e=="function"?e(n):e]})})}const g=({children:e,placement:t,tooltip:o,...s})=>r.jsxRuntimeExports.jsxs(i.TooltipTrigger,{delay:150,closeDelay:300,...s,children:[e,r.jsxRuntimeExports.jsx(T,{placement:t,children:o})]});function f(e){const t=c.useRef(null),{buttonProps:o}=j.useButton(e,t);return c.cloneElement(e.children,u.mergeProps(o,e.children.props,{ref:t}))}exports.CustomTooltipTriggerWrapper=f;exports.Tooltip=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra89.cjs"),l=require("react"),r=require("./lyra88.cjs"),m=require("./lyra100.cjs"),u=require("./lyra449.cjs"),p=require("./lyra79.cjs"),a=require("./lyra472.cjs"),x=require("./lyra455.cjs"),N=require("./lyra99.cjs");function f({children:e,...t}){const o=p.useTheme(),{beak:i,box:c}=x.tooltipStyles();return s.jsxDevRuntimeExports.jsxDEV(r.Tooltip,{className:o,offset:8,...t,children:n=>s.jsxDevRuntimeExports.jsxDEV("div",{className:c({className:u.clsx(o,t.className)}),children:[s.jsxDevRuntimeExports.jsxDEV(r.OverlayArrow,{children:s.jsxDevRuntimeExports.jsxDEV(a.Beak,{className:i({placement:n.placement})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:29,columnNumber:13},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:28,columnNumber:11},this),typeof e=="function"?e(n):e]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:27,columnNumber:9},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:25,columnNumber:5},this)}const j=({children:e,placement:t,tooltip:o,...i})=>s.jsxDevRuntimeExports.jsxDEV(r.TooltipTrigger,{delay:150,closeDelay:300,...i,children:[e,s.jsxDevRuntimeExports.jsxDEV(f,{placement:t,children:o},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:62,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",lineNumber:60,columnNumber:5},void 0);function b(e){const t=l.useRef(null),{buttonProps:o}=N.useButton(e,t);return l.cloneElement(e.children,m.mergeProps(o,e.children.props,{ref:t}))}exports.CustomTooltipTriggerWrapper=b;exports.Tooltip=j;

package/dist/lyra74.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra74.cjs","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cloneElement, ReactNode, useRef } from \"react\";\nimport { Placement, useButton } from \"react-aria\";\nimport {\n  OverlayArrow,\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { mergeProps } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { useTheme } from \"../../provider\";\n\nimport { Beak } from \"./beak\";\nimport { tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  const theme = useTheme();\n  const { beak, box } = tooltipStyles();\n  return (\n    <AriaTooltip className={theme} offset={8} {...props}>\n      {(renderProps) => (\n        <div className={box({ className: clsx(theme, props.className) })}>\n          <OverlayArrow>\n            <Beak\n              className={beak({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </div>\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. Make sure to use a Button component from react-aria-components or Lyra to ensure that the tooltip is connected.\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 = ({ children, placement, tooltip, ...props }: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n\nexport function CustomTooltipTriggerWrapper(props: any) {\n  const triggerRef = useRef(null);\n  const { buttonProps } = useButton(props, triggerRef);\n\n  return cloneElement(\n    props.children,\n    mergeProps(buttonProps, props.children.props, { ref: triggerRef }),\n  );\n}\n"],"names":["_Tooltip","children","props","theme","useTheme","beak","box","tooltipStyles","jsx","AriaTooltip","renderProps","jsxs","clsx","OverlayArrow","Beak","Tooltip","placement","tooltip","TooltipTrigger","CustomTooltipTriggerWrapper","triggerRef","useRef","buttonProps","useButton","cloneElement","mergeProps"],"mappings":"6TAoBA,SAASA,EAAS,CAAE,SAAAC,EAAU,GAAGC,GAAuB,CACtD,MAAMC,EAAQC,EAAAA,WACR,MAAEC,EAAM,IAAAC,CAAI,EAAIC,EAAc,cAAA,EAElC,OAAAC,wBAACC,EAAAA,SAAY,UAAWN,EAAO,OAAQ,EAAI,GAAGD,EAC3C,SAACQ,GACAC,EAAAA,kBAAAA,KAAC,OAAI,UAAWL,EAAI,CAAE,UAAWM,EAAAA,KAAKT,EAAOD,EAAM,SAAS,CAAG,CAAA,EAC7D,SAAA,CAAAM,wBAACK,EAAAA,aACC,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAA,KAAA,CACC,UAAWT,EAAK,CACd,UAAWK,EAAY,SAAA,CACxB,CAAA,CAAA,EAEL,EACC,OAAOT,GAAa,WAAaA,EAASS,CAAW,EAAIT,CAAA,CAC5D,CAAA,CAEJ,CAAA,CAEJ,CAkBa,MAAAc,EAAU,CAAC,CAAE,SAAAd,EAAU,UAAAe,EAAW,QAAAC,EAAS,GAAGf,8BAEtDgB,iBAAe,CAAA,MAAO,IAAK,WAAY,IAAM,GAAGhB,EAC9C,SAAA,CAAAD,EACDO,EAAAA,kBAAAA,IAACR,EAAS,CAAA,UAAAgB,EAAuB,SAAQC,CAAA,CAAA,CAC3C,CAAA,CAAA,EAIG,SAASE,EAA4BjB,EAAY,CAChD,MAAAkB,EAAaC,SAAO,IAAI,EACxB,CAAE,YAAAC,CAAgB,EAAAC,EAAA,UAAUrB,EAAOkB,CAAU,EAE5C,OAAAI,EAAA,aACLtB,EAAM,SACNuB,EAAA,WAAWH,EAAapB,EAAM,SAAS,MAAO,CAAE,IAAKkB,EAAY,CAAA,CAErE"}
+{"version":3,"file":"lyra74.cjs","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cloneElement, ReactNode, useRef } from \"react\";\nimport { Placement, useButton } from \"react-aria\";\nimport {\n  OverlayArrow,\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { mergeProps } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { useTheme } from \"../../provider\";\n\nimport { Beak } from \"./beak\";\nimport { tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  const theme = useTheme();\n  const { beak, box } = tooltipStyles();\n  return (\n    <AriaTooltip className={theme} offset={8} {...props}>\n      {(renderProps) => (\n        <div className={box({ className: clsx(theme, props.className) })}>\n          <OverlayArrow>\n            <Beak\n              className={beak({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </div>\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. Make sure to use a Button component from react-aria-components or Lyra to ensure that the tooltip is connected.\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 = ({ children, placement, tooltip, ...props }: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n\nexport function CustomTooltipTriggerWrapper(props: any) {\n  const triggerRef = useRef(null);\n  const { buttonProps } = useButton(props, triggerRef);\n\n  return cloneElement(\n    props.children,\n    mergeProps(buttonProps, props.children.props, { ref: triggerRef }),\n  );\n}\n"],"names":["_Tooltip","children","props","theme","useTheme","beak","box","tooltipStyles","jsxDEV","AriaTooltip","renderProps","clsx","OverlayArrow","Beak","Tooltip","placement","tooltip","TooltipTrigger","this","CustomTooltipTriggerWrapper","triggerRef","useRef","buttonProps","useButton","cloneElement","mergeProps"],"mappings":"6TAoBA,SAASA,EAAS,CAAE,SAAAC,EAAU,GAAGC,GAAuB,CACtD,MAAMC,EAAQC,EAAAA,WACR,MAAEC,EAAM,IAAAC,CAAI,EAAIC,EAAc,cAAA,EAElC,OAAAC,8BAACC,EAAAA,SAAY,UAAWN,EAAO,OAAQ,EAAI,GAAGD,EAC3C,SAACQ,GACAF,EAAAA,qBAAAA,OAAC,OAAI,UAAWF,EAAI,CAAE,UAAWK,EAAAA,KAAKR,EAAOD,EAAM,SAAS,CAAG,CAAA,EAC7D,SAAA,CAAAM,8BAACI,EAAAA,aACC,CAAA,SAAAJ,EAAA,qBAAA,OAACK,EAAA,KAAA,CACC,UAAWR,EAAK,CACd,UAAWK,EAAY,SAAA,CACxB,CAAA,EAHH,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,EAAA,EAAA,IAAA,GADF,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,EAMA,EAAA,IAAA,EACC,OAAOT,GAAa,WAAaA,EAASS,CAAW,EAAIT,CAAA,GAR5D,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IASA,CAXJ,EAAA,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,CAaA,EAAA,IAAA,CAEJ,CAkBa,MAAAa,EAAU,CAAC,CAAE,SAAAb,EAAU,UAAAc,EAAW,QAAAC,EAAS,GAAGd,mCAEtDe,iBAAe,CAAA,MAAO,IAAK,WAAY,IAAM,GAAGf,EAC9C,SAAA,CAAAD,EACDO,8BAACR,EAAS,CAAA,UAAAe,EAAuB,SAAjCC,GAAA,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,CAAyC,EAAAE,MAAA,CAAA,GAF3C,OAAA,GAAA,CAAA,SAAA,sEAAA,WAAA,GAAA,aAAA,CAGA,EAAAA,MAAA,EAIG,SAASC,EAA4BjB,EAAY,CAChD,MAAAkB,EAAaC,SAAO,IAAI,EACxB,CAAE,YAAAC,CAAgB,EAAAC,EAAA,UAAUrB,EAAOkB,CAAU,EAE5C,OAAAI,EAAA,aACLtB,EAAM,SACNuB,EAAA,WAAWH,EAAapB,EAAM,SAAS,MAAO,CAAE,IAAKkB,EAAY,CAAA,CAErE"}