@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),o=require("react"),l=require("./lyra89.cjs"),u=require("./lyra93.cjs"),a=require("./lyra63.cjs");require("./lyra64.cjs");const c=require("./lyra75.cjs"),m=require("./lyra14.cjs"),d=(e,i)=>{const s=o.useCallback(()=>t.jsxDevRuntimeExports.jsxDEV(l.Button,{...e,ref:i,isDisabled:e.isDisabled,className:({isDisabled:n})=>m.buttonStyles({variant:e.variant,fullWidth:e.fullWidth,isLoading:e.isLoading,isDisabled:e.isDisabled||n,className:e.className}),onPress:n=>{e.onPress&&!e.isLoading&&e.onPress(n)},children:n=>t.jsxDevRuntimeExports.jsxDEV(t.jsxDevRuntimeExports.Fragment,{children:[e.startIcon?t.jsxDevRuntimeExports.jsxDEV("div",{className:"text-current me-2",children:e.startIcon},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:76,columnNumber:32},void 0):null,typeof e.children=="function"?e.children(n):e.children,e.endIcon?t.jsxDevRuntimeExports.jsxDEV("div",{className:"text-current ms-2",children:e.endIcon},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:78,columnNumber:30},void 0):null,e.isLoading?t.jsxDevRuntimeExports.jsxDEV("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary",children:t.jsxDevRuntimeExports.jsxDEV(a.Spinner,{size:"small"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:81,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:80,columnNumber:15},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:75,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:55,columnNumber:7},void 0),[e,i]);return e.tooltip?t.jsxDevRuntimeExports.jsxDEV(c.Tooltip,{tooltip:e.tooltip,placement:e.tooltipPlacement,trigger:e.tooltipTrigger,children:s()},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button.tsx",lineNumber:93,columnNumber:7},void 0):s()},r=u.fixedForwardRef(d);r.displayName="Button";exports.Button=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),a=require("./lyra89.cjs"),u=require("./lyra93.cjs"),o=require("./lyra63.cjs");require("./lyra64.cjs");const c=require("./lyra75.cjs"),d=require("./lyra14.cjs"),x=(t,i)=>{const s=r.useCallback(()=>e.jsxRuntimeExports.jsx(a.Button,{...t,ref:i,isDisabled:t.isDisabled,className:({isDisabled:n})=>d.buttonStyles({variant:t.variant,fullWidth:t.fullWidth,isLoading:t.isLoading,isDisabled:t.isDisabled||n,className:t.className}),onPress:n=>{t.onPress&&!t.isLoading&&t.onPress(n)},children:n=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.startIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current me-2",children:t.startIcon}):null,typeof t.children=="function"?t.children(n):t.children,t.endIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current ms-2",children:t.endIcon}):null,t.isLoading?e.jsxRuntimeExports.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary",children:e.jsxRuntimeExports.jsx(o.Spinner,{size:"small"})}):null]})}),[t,i]);return t.tooltip?e.jsxRuntimeExports.jsx(c.Tooltip,{tooltip:t.tooltip,placement:t.tooltipPlacement,trigger:t.tooltipTrigger,children:s()}):s()},l=u.fixedForwardRef(x);l.displayName="Button";exports.Button=l;

package/dist/lyra11.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra11.cjs","sources":["../src/components/button/button.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactNode, useCallback } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  TooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\n\nimport { buttonStyles } from \"./button.styles\";\n\n/**\n * Props that are common to all types of buttons.\n */\nexport type BaseButtonProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** Additional class name(s) to apply to the button. */\n  className?: string;\n  /** A tooltip to display when the button is hovered or focused. */\n  tooltip?: ReactNode;\n  /** The placement of the tooltip relative to the button. */\n  tooltipPlacement?: TooltipProps[\"placement\"];\n  /** The type of event that triggers the tooltip. */\n  tooltipTrigger?: TooltipTriggerComponentProps[\"trigger\"];\n};\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\n/**\n * Props for the inner content of a button.\n */\nexport type ButtonInnerProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** The content to display inside the button. */\n  children: ReactNode;\n};\n\nconst _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <AriaButton\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={({ isDisabled }) =>\n          buttonStyles({\n            variant: props.variant,\n            fullWidth: props.fullWidth,\n            isLoading: props.isLoading,\n            isDisabled: props.isDisabled || isDisabled,\n            className: props.className,\n          })\n        }\n        onPress={(e) => {\n          if (props.onPress && !props.isLoading) {\n            props.onPress(e);\n          }\n        }}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current me-2\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current ms-2\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </AriaButton>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const Button = fixedForwardRef(_Button);\n// @ts-ignore\nButton.displayName = \"Button\";\n"],"names":["_Button","props","ref","renderButton","useCallback","jsxDEV","AriaButton","isDisabled","buttonStyles","e","renderProps","Fragment","this","Spinner","Tooltip","Button","fixedForwardRef"],"mappings":"mSAmDMA,EAAU,CAACC,EAAoBC,IAAyC,CAC5E,MAAMC,EAAeC,EAAA,YACnB,IACEC,EAAA,qBAAA,OAACC,EAAA,OAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAW,CAAC,CAAE,WAAAM,KACZC,eAAa,CACX,QAASP,EAAM,QACf,UAAWA,EAAM,UACjB,UAAWA,EAAM,UACjB,WAAYA,EAAM,YAAcM,EAChC,UAAWN,EAAM,SAAA,CAClB,EAEH,QAAUQ,GAAM,CACVR,EAAM,SAAW,CAACA,EAAM,WAC1BA,EAAM,QAAQQ,CAAC,CAEnB,EAEC,SAACC,GAEGL,EAAA,qBAAA,OAAAM,EAAA,qBAAA,SAAA,CAAA,SAAA,CAAAV,EAAM,UAAaI,EAAAA,qBAAAA,OAAA,MAAA,CAAI,UAAU,oBAAqB,WAAM,SAA1C,EAAA,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,EAAA,EAAAO,MAAoD,EAAS,KAC/E,OAAOX,EAAM,UAAa,WAAaA,EAAM,SAASS,CAAW,EAAIT,EAAM,SAC3EA,EAAM,QAAUI,EAAAA,qBAAAA,OAAC,OAAI,UAAU,oBAAqB,WAAM,OAA1C,EAAA,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,EAAA,EAAAO,MAAkD,EAAS,KAC3EX,EAAM,UACJI,EAAA,qBAAA,OAAA,MAAA,CAAI,UAAU,4EACb,SAAAA,EAAAA,qBAAAA,OAACQ,EAAAA,QAAQ,CAAA,KAAK,OAAd,EAAA,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAsB,CADxB,EAAA,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,EAAA,EAAAA,MAEA,EACE,IAAA,GARN,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,EASA,EAAAA,MAAA,CAAA,EA7BJ,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,EAEF,CAACX,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAA,qBAAA,OAACS,EAAA,QAAA,CACC,QAASb,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAaE,EAAA,CAAA,EALhB,OAAA,GAAA,CAAA,SAAA,oEAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAUGT,EAAa,CACtB,EAEaY,EAASC,kBAAgBhB,CAAO,EAE7Ce,EAAO,YAAc"}
+{"version":3,"file":"lyra11.cjs","sources":["../src/components/button/button.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactNode, useCallback } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  TooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\n\nimport { buttonStyles } from \"./button.styles\";\n\n/**\n * Props that are common to all types of buttons.\n */\nexport type BaseButtonProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** Additional class name(s) to apply to the button. */\n  className?: string;\n  /** A tooltip to display when the button is hovered or focused. */\n  tooltip?: ReactNode;\n  /** The placement of the tooltip relative to the button. */\n  tooltipPlacement?: TooltipProps[\"placement\"];\n  /** The type of event that triggers the tooltip. */\n  tooltipTrigger?: TooltipTriggerComponentProps[\"trigger\"];\n};\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\n/**\n * Props for the inner content of a button.\n */\nexport type ButtonInnerProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** The content to display inside the button. */\n  children: ReactNode;\n};\n\nconst _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <AriaButton\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={({ isDisabled }) =>\n          buttonStyles({\n            variant: props.variant,\n            fullWidth: props.fullWidth,\n            isLoading: props.isLoading,\n            isDisabled: props.isDisabled || isDisabled,\n            className: props.className,\n          })\n        }\n        onPress={(e) => {\n          if (props.onPress && !props.isLoading) {\n            props.onPress(e);\n          }\n        }}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current me-2\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current ms-2\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </AriaButton>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const Button = fixedForwardRef(_Button);\n// @ts-ignore\nButton.displayName = \"Button\";\n"],"names":["_Button","props","ref","renderButton","useCallback","jsx","AriaButton","isDisabled","buttonStyles","e","renderProps","jsxs","Fragment","Spinner","Tooltip","Button","fixedForwardRef"],"mappings":"mSAmDMA,EAAU,CAACC,EAAoBC,IAAyC,CAC5E,MAAMC,EAAeC,EAAA,YACnB,IACEC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAW,CAAC,CAAE,WAAAM,KACZC,eAAa,CACX,QAASP,EAAM,QACf,UAAWA,EAAM,UACjB,UAAWA,EAAM,UACjB,WAAYA,EAAM,YAAcM,EAChC,UAAWN,EAAM,SAAA,CAClB,EAEH,QAAUQ,GAAM,CACVR,EAAM,SAAW,CAACA,EAAM,WAC1BA,EAAM,QAAQQ,CAAC,CAEnB,EAEC,SAACC,GAEGC,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAX,EAAM,UAAaI,wBAAA,MAAA,CAAI,UAAU,oBAAqB,SAAAJ,EAAM,UAAU,EAAS,KAC/E,OAAOA,EAAM,UAAa,WAAaA,EAAM,SAASS,CAAW,EAAIT,EAAM,SAC3EA,EAAM,QAAWI,wBAAA,MAAA,CAAI,UAAU,oBAAqB,SAAAJ,EAAM,QAAQ,EAAS,KAC3EA,EAAM,UACLI,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,4EACb,SAAAA,EAAAA,kBAAAA,IAACQ,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,EACE,IAAA,EACN,CAAA,CAEJ,EAEF,CAACZ,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAA,kBAAA,IAACS,EAAA,QAAA,CACC,QAASb,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAaE,EAAA,CAAA,CAAA,EAKbA,EAAa,CACtB,EAEaY,EAASC,kBAAgBhB,CAAO,EAE7Ce,EAAO,YAAc"}

package/dist/lyra11.js

@@ -1,86 +1,50 @@
-import { j as t } from "./lyra90.js";
-import { useCallback as l } from "react";
+import { j as e } from "./lyra90.js";
+import { useCallback as a } from "react";
 import { Button as s } from "./lyra89.js";
-import { fixedForwardRef as r } from "./lyra93.js";
-import { Spinner as m } from "./lyra63.js";
+import { fixedForwardRef as o } from "./lyra93.js";
+import { Spinner as r } from "./lyra63.js";
 import "./lyra64.js";
-import { Tooltip as a } from "./lyra75.js";
-import { buttonStyles as u } from "./lyra14.js";
-const c = (e, i) => {
-  const o = l(
-    () => /* @__PURE__ */ t.jsxDEV(
+import { Tooltip as c } from "./lyra75.js";
+import { buttonStyles as d } from "./lyra14.js";
+const m = (t, n) => {
+  const l = a(
+    () => /* @__PURE__ */ e.jsx(
       s,
       {
-        ...e,
-        ref: i,
-        isDisabled: e.isDisabled,
-        className: ({ isDisabled: n }) => u({
-          variant: e.variant,
-          fullWidth: e.fullWidth,
-          isLoading: e.isLoading,
-          isDisabled: e.isDisabled || n,
-          className: e.className
+        ...t,
+        ref: n,
+        isDisabled: t.isDisabled,
+        className: ({ isDisabled: i }) => d({
+          variant: t.variant,
+          fullWidth: t.fullWidth,
+          isLoading: t.isLoading,
+          isDisabled: t.isDisabled || i,
+          className: t.className
         }),
-        onPress: (n) => {
-          e.onPress && !e.isLoading && e.onPress(n);
+        onPress: (i) => {
+          t.onPress && !t.isLoading && t.onPress(i);
         },
-        children: (n) => /* @__PURE__ */ t.jsxDEV(t.Fragment, { children: [
-          e.startIcon ? /* @__PURE__ */ t.jsxDEV("div", { className: "text-current me-2", children: e.startIcon }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-            lineNumber: 76,
-            columnNumber: 32
-          }, void 0) : null,
-          typeof e.children == "function" ? e.children(n) : e.children,
-          e.endIcon ? /* @__PURE__ */ t.jsxDEV("div", { className: "text-current ms-2", children: e.endIcon }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-            lineNumber: 78,
-            columnNumber: 30
-          }, void 0) : null,
-          e.isLoading ? /* @__PURE__ */ t.jsxDEV("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary", children: /* @__PURE__ */ t.jsxDEV(m, { size: "small" }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-            lineNumber: 81,
-            columnNumber: 17
-          }, void 0) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-            lineNumber: 80,
-            columnNumber: 15
-          }, void 0) : null
-        ] }, void 0, !0, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-          lineNumber: 75,
-          columnNumber: 11
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-        lineNumber: 55,
-        columnNumber: 7
-      },
-      void 0
+        children: (i) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          t.startIcon ? /* @__PURE__ */ e.jsx("div", { className: "text-current me-2", children: t.startIcon }) : null,
+          typeof t.children == "function" ? t.children(i) : t.children,
+          t.endIcon ? /* @__PURE__ */ e.jsx("div", { className: "text-current ms-2", children: t.endIcon }) : null,
+          t.isLoading ? /* @__PURE__ */ e.jsx("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary", children: /* @__PURE__ */ e.jsx(r, { size: "small" }) }) : null
+        ] })
+      }
     ),
-    [e, i]
+    [t, n]
   );
-  return e.tooltip ? /* @__PURE__ */ t.jsxDEV(
-    a,
-    {
-      tooltip: e.tooltip,
-      placement: e.tooltipPlacement,
-      trigger: e.tooltipTrigger,
-      children: o()
-    },
-    void 0,
-    !1,
+  return t.tooltip ? /* @__PURE__ */ e.jsx(
+    c,
     {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/button/button.tsx",
-      lineNumber: 93,
-      columnNumber: 7
-    },
-    void 0
-  ) : o();
-}, d = r(c);
-d.displayName = "Button";
+      tooltip: t.tooltip,
+      placement: t.tooltipPlacement,
+      trigger: t.tooltipTrigger,
+      children: l()
+    }
+  ) : l();
+}, u = o(m);
+u.displayName = "Button";
 export {
-  d as Button
+  u as Button
 };

package/dist/lyra11.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra11.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactNode, useCallback } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  TooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\n\nimport { buttonStyles } from \"./button.styles\";\n\n/**\n * Props that are common to all types of buttons.\n */\nexport type BaseButtonProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** Additional class name(s) to apply to the button. */\n  className?: string;\n  /** A tooltip to display when the button is hovered or focused. */\n  tooltip?: ReactNode;\n  /** The placement of the tooltip relative to the button. */\n  tooltipPlacement?: TooltipProps[\"placement\"];\n  /** The type of event that triggers the tooltip. */\n  tooltipTrigger?: TooltipTriggerComponentProps[\"trigger\"];\n};\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\n/**\n * Props for the inner content of a button.\n */\nexport type ButtonInnerProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** The content to display inside the button. */\n  children: ReactNode;\n};\n\nconst _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <AriaButton\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={({ isDisabled }) =>\n          buttonStyles({\n            variant: props.variant,\n            fullWidth: props.fullWidth,\n            isLoading: props.isLoading,\n            isDisabled: props.isDisabled || isDisabled,\n            className: props.className,\n          })\n        }\n        onPress={(e) => {\n          if (props.onPress && !props.isLoading) {\n            props.onPress(e);\n          }\n        }}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current me-2\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current ms-2\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </AriaButton>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const Button = fixedForwardRef(_Button);\n// @ts-ignore\nButton.displayName = \"Button\";\n"],"names":["_Button","props","ref","renderButton","useCallback","jsxDEV","AriaButton","isDisabled","buttonStyles","e","renderProps","Fragment","this","Spinner","Tooltip","Button","fixedForwardRef"],"mappings":";;;;;;;;AAmDA,MAAMA,IAAU,CAACC,GAAoBC,MAAyC;AAC5E,QAAMC,IAAeC;AAAA,IACnB,MACEC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,KAAAC;AAAA,QACA,YAAYD,EAAM;AAAA,QAClB,WAAW,CAAC,EAAE,YAAAM,QACZC,EAAa;AAAA,UACX,SAASP,EAAM;AAAA,UACf,WAAWA,EAAM;AAAA,UACjB,WAAWA,EAAM;AAAA,UACjB,YAAYA,EAAM,cAAcM;AAAA,UAChC,WAAWN,EAAM;AAAA,QAAA,CAClB;AAAA,QAEH,SAAS,CAACQ,MAAM;AACd,UAAIR,EAAM,WAAW,CAACA,EAAM,aAC1BA,EAAM,QAAQQ,CAAC;AAAA,QAEnB;AAAA,QAEC,UAAA,CAACC,MAEGL,gBAAAA,EAAA,OAAAM,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAV,EAAM,YAAaI,gBAAAA,EAAAA,OAAA,OAAA,EAAI,WAAU,qBAAqB,YAAM,UAA1C,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAO,MAAoD,IAAS;AAAA,UAC/E,OAAOX,EAAM,YAAa,aAAaA,EAAM,SAASS,CAAW,IAAIT,EAAM;AAAA,UAC3EA,EAAM,UAAUI,gBAAAA,EAAAA,OAAC,SAAI,WAAU,qBAAqB,YAAM,QAA1C,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAO,MAAkD,IAAS;AAAA,UAC3EX,EAAM,YACJI,gBAAAA,EAAA,OAAA,OAAA,EAAI,WAAU,6EACb,UAAAA,gBAAAA,EAAAA,OAACQ,GAAQ,EAAA,MAAK,QAAd,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAD,MAAsB,EADxB,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAEA,IACE;AAAA,QAAA,KARN,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QASA,GAAAA,MAAA;AAAA,MAAA;AAAA,MA7BJ;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAAA;AAAAA,IA+BA;AAAA,IAEF,CAACX,GAAOC,CAAG;AAAA,EAAA;AAGb,SAAID,EAAM,UAENI,gBAAAA,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAASb,EAAM;AAAA,MACf,WAAWA,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MAEd,UAAaE,EAAA;AAAA,IAAA;AAAA,IALhB;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAS;AAAAA,EAAA,IAUGT,EAAa;AACtB,GAEaY,IAASC,EAAgBhB,CAAO;AAE7Ce,EAAO,cAAc;"}
+{"version":3,"file":"lyra11.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactNode, useCallback } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  TooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\n\nimport { buttonStyles } from \"./button.styles\";\n\n/**\n * Props that are common to all types of buttons.\n */\nexport type BaseButtonProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** Additional class name(s) to apply to the button. */\n  className?: string;\n  /** A tooltip to display when the button is hovered or focused. */\n  tooltip?: ReactNode;\n  /** The placement of the tooltip relative to the button. */\n  tooltipPlacement?: TooltipProps[\"placement\"];\n  /** The type of event that triggers the tooltip. */\n  tooltipTrigger?: TooltipTriggerComponentProps[\"trigger\"];\n};\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\n/**\n * Props for the inner content of a button.\n */\nexport type ButtonInnerProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** The content to display inside the button. */\n  children: ReactNode;\n};\n\nconst _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <AriaButton\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={({ isDisabled }) =>\n          buttonStyles({\n            variant: props.variant,\n            fullWidth: props.fullWidth,\n            isLoading: props.isLoading,\n            isDisabled: props.isDisabled || isDisabled,\n            className: props.className,\n          })\n        }\n        onPress={(e) => {\n          if (props.onPress && !props.isLoading) {\n            props.onPress(e);\n          }\n        }}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current me-2\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current ms-2\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </AriaButton>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const Button = fixedForwardRef(_Button);\n// @ts-ignore\nButton.displayName = \"Button\";\n"],"names":["_Button","props","ref","renderButton","useCallback","jsx","AriaButton","isDisabled","buttonStyles","e","renderProps","jsxs","Fragment","Spinner","Tooltip","Button","fixedForwardRef"],"mappings":";;;;;;;;AAmDA,MAAMA,IAAU,CAACC,GAAoBC,MAAyC;AAC5E,QAAMC,IAAeC;AAAA,IACnB,MACEC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,KAAAC;AAAA,QACA,YAAYD,EAAM;AAAA,QAClB,WAAW,CAAC,EAAE,YAAAM,QACZC,EAAa;AAAA,UACX,SAASP,EAAM;AAAA,UACf,WAAWA,EAAM;AAAA,UACjB,WAAWA,EAAM;AAAA,UACjB,YAAYA,EAAM,cAAcM;AAAA,UAChC,WAAWN,EAAM;AAAA,QAAA,CAClB;AAAA,QAEH,SAAS,CAACQ,MAAM;AACd,UAAIR,EAAM,WAAW,CAACA,EAAM,aAC1BA,EAAM,QAAQQ,CAAC;AAAA,QAEnB;AAAA,QAEC,UAAA,CAACC,MAEGC,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAX,EAAM,YAAaI,gBAAAA,MAAA,OAAA,EAAI,WAAU,qBAAqB,UAAAJ,EAAM,WAAU,IAAS;AAAA,UAC/E,OAAOA,EAAM,YAAa,aAAaA,EAAM,SAASS,CAAW,IAAIT,EAAM;AAAA,UAC3EA,EAAM,UAAWI,gBAAAA,MAAA,OAAA,EAAI,WAAU,qBAAqB,UAAAJ,EAAM,SAAQ,IAAS;AAAA,UAC3EA,EAAM,YACLI,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,6EACb,UAAAA,gBAAAA,EAAAA,IAACQ,GAAQ,EAAA,MAAK,QAAQ,CAAA,EAAA,CACxB,IACE;AAAA,QAAA,GACN;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,CAACZ,GAAOC,CAAG;AAAA,EAAA;AAGb,SAAID,EAAM,UAENI,gBAAAA,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAASb,EAAM;AAAA,MACf,WAAWA,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MAEd,UAAaE,EAAA;AAAA,IAAA;AAAA,EAAA,IAKbA,EAAa;AACtB,GAEaY,IAASC,EAAgBhB,CAAO;AAE7Ce,EAAO,cAAc;"}

package/dist/lyra12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),r=require("react"),o=require("./lyra89.cjs"),u=require("./lyra93.cjs"),a=require("./lyra63.cjs");require("./lyra64.cjs");const c=require("./lyra75.cjs");require("./lyra11.cjs");require("./lyra13.cjs");const m=require("./lyra14.cjs"),d=(e,n)=>{const i=r.useCallback(()=>t.jsxDevRuntimeExports.jsxDEV(o.Link,{...e,ref:n,isDisabled:e.isDisabled,className:m.buttonStyles({variant:e.variant,fullWidth:e.fullWidth,isDisabled:e.isDisabled,isLoading:e.isLoading,className:e.className}),children:l=>t.jsxDevRuntimeExports.jsxDEV(t.jsxDevRuntimeExports.Fragment,{children:[e.startIcon?t.jsxDevRuntimeExports.jsxDEV("div",{className:"text-current",children:e.startIcon},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:31,columnNumber:32},void 0):null,typeof e.children=="function"?e.children(l):e.children,e.endIcon?t.jsxDevRuntimeExports.jsxDEV("div",{className:"text-current",children:e.endIcon},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:33,columnNumber:30},void 0):null,e.isLoading?t.jsxDevRuntimeExports.jsxDEV("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary",children:t.jsxDevRuntimeExports.jsxDEV(a.Spinner,{size:"small"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:36,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:35,columnNumber:15},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:30,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:17,columnNumber:7},void 0),[e,n]);return e.tooltip?t.jsxDevRuntimeExports.jsxDEV(c.Tooltip,{tooltip:e.tooltip,placement:e.tooltipPlacement,trigger:e.tooltipTrigger,children:i()},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",lineNumber:48,columnNumber:7},void 0):i()},s=u.fixedForwardRef(d);s.displayName="ButtonLink";exports.ButtonLink=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),a=require("./lyra89.cjs"),u=require("./lyra93.cjs"),c=require("./lyra63.cjs");require("./lyra64.cjs");const o=require("./lyra75.cjs");require("./lyra11.cjs");require("./lyra13.cjs");const d=require("./lyra14.cjs"),x=(t,i)=>{const n=r.useCallback(()=>e.jsxRuntimeExports.jsx(a.Link,{...t,ref:i,isDisabled:t.isDisabled,className:d.buttonStyles({variant:t.variant,fullWidth:t.fullWidth,isDisabled:t.isDisabled,isLoading:t.isLoading,className:t.className}),children:l=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.startIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current",children:t.startIcon}):null,typeof t.children=="function"?t.children(l):t.children,t.endIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current",children:t.endIcon}):null,t.isLoading?e.jsxRuntimeExports.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary",children:e.jsxRuntimeExports.jsx(c.Spinner,{size:"small"})}):null]})}),[t,i]);return t.tooltip?e.jsxRuntimeExports.jsx(o.Tooltip,{tooltip:t.tooltip,placement:t.tooltipPlacement,trigger:t.tooltipTrigger,children:n()}):n()},s=u.fixedForwardRef(x);s.displayName="ButtonLink";exports.ButtonLink=s;

package/dist/lyra12.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra12.cjs","sources":["../src/components/button/button-link.tsx"],"sourcesContent":["import { ForwardedRef, useCallback } from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { BaseButtonProps, buttonStyles } from \".\";\n\nexport type ButtonLinkProps = LinkProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\nconst _ButtonLink = (props: ButtonLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <Link\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={buttonStyles({\n          variant: props.variant,\n          fullWidth: props.fullWidth,\n          isDisabled: props.isDisabled,\n          isLoading: props.isLoading,\n          className: props.className,\n        })}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </Link>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const ButtonLink = fixedForwardRef(_ButtonLink);\n// @ts-ignore\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["_ButtonLink","props","ref","renderButton","useCallback","jsxDEV","Link","buttonStyles","renderProps","Fragment","this","Spinner","Tooltip","ButtonLink","fixedForwardRef"],"mappings":"yVAaMA,EAAc,CAACC,EAAwBC,IAAyC,CACpF,MAAMC,EAAeC,EAAA,YACnB,IACEC,EAAA,qBAAA,OAACC,EAAA,KAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAWM,EAAAA,aAAa,CACtB,QAASN,EAAM,QACf,UAAWA,EAAM,UACjB,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,UAAWA,EAAM,SAAA,CAClB,EAEA,SAACO,GAEGH,EAAA,qBAAA,OAAAI,EAAA,qBAAA,SAAA,CAAA,SAAA,CAAAR,EAAM,UAAaI,EAAAA,qBAAAA,OAAA,MAAA,CAAI,UAAU,eAAgB,WAAM,SAArC,EAAA,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,EAAA,EAAAK,MAA+C,EAAS,KAC1E,OAAOT,EAAM,UAAa,WAAaA,EAAM,SAASO,CAAW,EAAIP,EAAM,SAC3EA,EAAM,QAAUI,EAAAA,qBAAAA,OAAC,OAAI,UAAU,eAAgB,WAAM,OAArC,EAAA,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,EAAA,EAAAK,MAA6C,EAAS,KACtET,EAAM,UACJI,EAAA,qBAAA,OAAA,MAAA,CAAI,UAAU,4EACb,SAAAA,EAAAA,qBAAAA,OAACM,EAAAA,QAAQ,CAAA,KAAK,OAAd,EAAA,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAsB,CADxB,EAAA,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,EAAA,EAAAA,MAEA,EACE,IAAA,GARN,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,EASA,EAAAA,MAAA,CAAA,EAtBJ,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,EAEF,CAACT,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAA,qBAAA,OAACO,EAAA,QAAA,CACC,QAASX,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAaE,EAAA,CAAA,EALhB,OAAA,GAAA,CAAA,SAAA,yEAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAUGP,EAAa,CACtB,EAEaU,EAAaC,kBAAgBd,CAAW,EAErDa,EAAW,YAAc"}
+{"version":3,"file":"lyra12.cjs","sources":["../src/components/button/button-link.tsx"],"sourcesContent":["import { ForwardedRef, useCallback } from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { BaseButtonProps, buttonStyles } from \".\";\n\nexport type ButtonLinkProps = LinkProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\nconst _ButtonLink = (props: ButtonLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <Link\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={buttonStyles({\n          variant: props.variant,\n          fullWidth: props.fullWidth,\n          isDisabled: props.isDisabled,\n          isLoading: props.isLoading,\n          className: props.className,\n        })}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </Link>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const ButtonLink = fixedForwardRef(_ButtonLink);\n// @ts-ignore\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["_ButtonLink","props","ref","renderButton","useCallback","jsx","Link","buttonStyles","renderProps","jsxs","Fragment","Spinner","Tooltip","ButtonLink","fixedForwardRef"],"mappings":"yVAaMA,EAAc,CAACC,EAAwBC,IAAyC,CACpF,MAAMC,EAAeC,EAAA,YACnB,IACEC,EAAA,kBAAA,IAACC,EAAA,KAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAWM,EAAAA,aAAa,CACtB,QAASN,EAAM,QACf,UAAWA,EAAM,UACjB,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,UAAWA,EAAM,SAAA,CAClB,EAEA,SAACO,GAEGC,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAT,EAAM,UAAaI,wBAAA,MAAA,CAAI,UAAU,eAAgB,SAAAJ,EAAM,UAAU,EAAS,KAC1E,OAAOA,EAAM,UAAa,WAAaA,EAAM,SAASO,CAAW,EAAIP,EAAM,SAC3EA,EAAM,QAAWI,wBAAA,MAAA,CAAI,UAAU,eAAgB,SAAAJ,EAAM,QAAQ,EAAS,KACtEA,EAAM,UACLI,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,4EACb,SAAAA,EAAAA,kBAAAA,IAACM,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,EACE,IAAA,EACN,CAAA,CAEJ,EAEF,CAACV,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAA,kBAAA,IAACO,EAAA,QAAA,CACC,QAASX,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAaE,EAAA,CAAA,CAAA,EAKbA,EAAa,CACtB,EAEaU,EAAaC,kBAAgBd,CAAW,EAErDa,EAAW,YAAc"}

package/dist/lyra12.js

@@ -1,85 +1,49 @@
-import { j as t } from "./lyra90.js";
-import { useCallback as o } from "react";
+import { j as i } from "./lyra90.js";
+import { useCallback as a } from "react";
 import { Link as r } from "./lyra89.js";
-import { fixedForwardRef as s } from "./lyra93.js";
-import { Spinner as a } from "./lyra63.js";
+import { fixedForwardRef as o } from "./lyra93.js";
+import { Spinner as c } from "./lyra63.js";
 import "./lyra64.js";
-import { Tooltip as m } from "./lyra75.js";
+import { Tooltip as d } from "./lyra75.js";
 import "./lyra11.js";
 import "./lyra13.js";
-import { buttonStyles as u } from "./lyra14.js";
-const c = (e, n) => {
-  const i = o(
-    () => /* @__PURE__ */ t.jsxDEV(
+import { buttonStyles as m } from "./lyra14.js";
+const s = (t, e) => {
+  const n = a(
+    () => /* @__PURE__ */ i.jsx(
       r,
       {
-        ...e,
-        ref: n,
-        isDisabled: e.isDisabled,
-        className: u({
-          variant: e.variant,
-          fullWidth: e.fullWidth,
-          isDisabled: e.isDisabled,
-          isLoading: e.isLoading,
-          className: e.className
+        ...t,
+        ref: e,
+        isDisabled: t.isDisabled,
+        className: m({
+          variant: t.variant,
+          fullWidth: t.fullWidth,
+          isDisabled: t.isDisabled,
+          isLoading: t.isLoading,
+          className: t.className
         }),
-        children: (l) => /* @__PURE__ */ t.jsxDEV(t.Fragment, { children: [
-          e.startIcon ? /* @__PURE__ */ t.jsxDEV("div", { className: "text-current", children: e.startIcon }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-            lineNumber: 31,
-            columnNumber: 32
-          }, void 0) : null,
-          typeof e.children == "function" ? e.children(l) : e.children,
-          e.endIcon ? /* @__PURE__ */ t.jsxDEV("div", { className: "text-current", children: e.endIcon }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-            lineNumber: 33,
-            columnNumber: 30
-          }, void 0) : null,
-          e.isLoading ? /* @__PURE__ */ t.jsxDEV("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary", children: /* @__PURE__ */ t.jsxDEV(a, { size: "small" }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-            lineNumber: 36,
-            columnNumber: 17
-          }, void 0) }, void 0, !1, {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-            lineNumber: 35,
-            columnNumber: 15
-          }, void 0) : null
-        ] }, void 0, !0, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-          lineNumber: 30,
-          columnNumber: 11
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-        lineNumber: 17,
-        columnNumber: 7
-      },
-      void 0
+        children: (l) => /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          t.startIcon ? /* @__PURE__ */ i.jsx("div", { className: "text-current", children: t.startIcon }) : null,
+          typeof t.children == "function" ? t.children(l) : t.children,
+          t.endIcon ? /* @__PURE__ */ i.jsx("div", { className: "text-current", children: t.endIcon }) : null,
+          t.isLoading ? /* @__PURE__ */ i.jsx("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary", children: /* @__PURE__ */ i.jsx(c, { size: "small" }) }) : null
+        ] })
+      }
     ),
-    [e, n]
+    [t, e]
   );
-  return e.tooltip ? /* @__PURE__ */ t.jsxDEV(
-    m,
-    {
-      tooltip: e.tooltip,
-      placement: e.tooltipPlacement,
-      trigger: e.tooltipTrigger,
-      children: i()
-    },
-    void 0,
-    !1,
+  return t.tooltip ? /* @__PURE__ */ i.jsx(
+    d,
     {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-link.tsx",
-      lineNumber: 48,
-      columnNumber: 7
-    },
-    void 0
-  ) : i();
-}, d = s(c);
-d.displayName = "ButtonLink";
+      tooltip: t.tooltip,
+      placement: t.tooltipPlacement,
+      trigger: t.tooltipTrigger,
+      children: n()
+    }
+  ) : n();
+}, u = o(s);
+u.displayName = "ButtonLink";
 export {
-  d as ButtonLink
+  u as ButtonLink
 };

package/dist/lyra12.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra12.js","sources":["../src/components/button/button-link.tsx"],"sourcesContent":["import { ForwardedRef, useCallback } from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { BaseButtonProps, buttonStyles } from \".\";\n\nexport type ButtonLinkProps = LinkProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\nconst _ButtonLink = (props: ButtonLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <Link\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={buttonStyles({\n          variant: props.variant,\n          fullWidth: props.fullWidth,\n          isDisabled: props.isDisabled,\n          isLoading: props.isLoading,\n          className: props.className,\n        })}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </Link>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const ButtonLink = fixedForwardRef(_ButtonLink);\n// @ts-ignore\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["_ButtonLink","props","ref","renderButton","useCallback","jsxDEV","Link","buttonStyles","renderProps","Fragment","this","Spinner","Tooltip","ButtonLink","fixedForwardRef"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAc,CAACC,GAAwBC,MAAyC;AACpF,QAAMC,IAAeC;AAAA,IACnB,MACEC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,KAAAC;AAAA,QACA,YAAYD,EAAM;AAAA,QAClB,WAAWM,EAAa;AAAA,UACtB,SAASN,EAAM;AAAA,UACf,WAAWA,EAAM;AAAA,UACjB,YAAYA,EAAM;AAAA,UAClB,WAAWA,EAAM;AAAA,UACjB,WAAWA,EAAM;AAAA,QAAA,CAClB;AAAA,QAEA,UAAA,CAACO,MAEGH,gBAAAA,EAAA,OAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAR,EAAM,YAAaI,gBAAAA,EAAAA,OAAA,OAAA,EAAI,WAAU,gBAAgB,YAAM,UAArC,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAK,MAA+C,IAAS;AAAA,UAC1E,OAAOT,EAAM,YAAa,aAAaA,EAAM,SAASO,CAAW,IAAIP,EAAM;AAAA,UAC3EA,EAAM,UAAUI,gBAAAA,EAAAA,OAAC,SAAI,WAAU,gBAAgB,YAAM,QAArC,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAK,MAA6C,IAAS;AAAA,UACtET,EAAM,YACJI,gBAAAA,EAAA,OAAA,OAAA,EAAI,WAAU,6EACb,UAAAA,gBAAAA,EAAAA,OAACM,GAAQ,EAAA,MAAK,QAAd,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAD,MAAsB,EADxB,GAAA,QAAA,IAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAA,MAEA,IACE;AAAA,QAAA,KARN,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QASA,GAAAA,MAAA;AAAA,MAAA;AAAA,MAtBJ;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAAA;AAAAA,IAwBA;AAAA,IAEF,CAACT,GAAOC,CAAG;AAAA,EAAA;AAGb,SAAID,EAAM,UAENI,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAASX,EAAM;AAAA,MACf,WAAWA,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MAEd,UAAaE,EAAA;AAAA,IAAA;AAAA,IALhB;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAO;AAAAA,EAAA,IAUGP,EAAa;AACtB,GAEaU,IAAaC,EAAgBd,CAAW;AAErDa,EAAW,cAAc;"}
+{"version":3,"file":"lyra12.js","sources":["../src/components/button/button-link.tsx"],"sourcesContent":["import { ForwardedRef, useCallback } from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { BaseButtonProps, buttonStyles } from \".\";\n\nexport type ButtonLinkProps = LinkProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\nconst _ButtonLink = (props: ButtonLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <Link\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={buttonStyles({\n          variant: props.variant,\n          fullWidth: props.fullWidth,\n          isDisabled: props.isDisabled,\n          isLoading: props.isLoading,\n          className: props.className,\n        })}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </Link>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const ButtonLink = fixedForwardRef(_ButtonLink);\n// @ts-ignore\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["_ButtonLink","props","ref","renderButton","useCallback","jsx","Link","buttonStyles","renderProps","jsxs","Fragment","Spinner","Tooltip","ButtonLink","fixedForwardRef"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAc,CAACC,GAAwBC,MAAyC;AACpF,QAAMC,IAAeC;AAAA,IACnB,MACEC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,KAAAC;AAAA,QACA,YAAYD,EAAM;AAAA,QAClB,WAAWM,EAAa;AAAA,UACtB,SAASN,EAAM;AAAA,UACf,WAAWA,EAAM;AAAA,UACjB,YAAYA,EAAM;AAAA,UAClB,WAAWA,EAAM;AAAA,UACjB,WAAWA,EAAM;AAAA,QAAA,CAClB;AAAA,QAEA,UAAA,CAACO,MAEGC,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAT,EAAM,YAAaI,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBAAgB,UAAAJ,EAAM,WAAU,IAAS;AAAA,UAC1E,OAAOA,EAAM,YAAa,aAAaA,EAAM,SAASO,CAAW,IAAIP,EAAM;AAAA,UAC3EA,EAAM,UAAWI,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBAAgB,UAAAJ,EAAM,SAAQ,IAAS;AAAA,UACtEA,EAAM,YACLI,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,6EACb,UAAAA,gBAAAA,EAAAA,IAACM,GAAQ,EAAA,MAAK,QAAQ,CAAA,EAAA,CACxB,IACE;AAAA,QAAA,GACN;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,CAACV,GAAOC,CAAG;AAAA,EAAA;AAGb,SAAID,EAAM,UAENI,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,SAASX,EAAM;AAAA,MACf,WAAWA,EAAM;AAAA,MACjB,SAASA,EAAM;AAAA,MAEd,UAAaE,EAAA;AAAA,IAAA;AAAA,EAAA,IAKbA,EAAa;AACtB,GAEaU,IAAaC,EAAgBd,CAAW;AAErDa,EAAW,cAAc;"}

package/dist/lyra13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),i=require("./lyra89.cjs"),x=require("./lyra93.cjs"),b=require("./lyra14.cjs"),v=({children:c,className:d,isDisabled:a,orientation:m,style:p},f)=>s.jsxDevRuntimeExports.jsxDEV("div",{ref:f,className:b.buttonGroupStyles({orientation:m,className:d}),style:p,children:s.jsxDevRuntimeExports.jsxDEV(i.Provider,{values:[[i.ButtonContext,{isDisabled:a,onKeyDown:o=>{var r,u;const e=Array.from(o.currentTarget.parentElement.querySelectorAll("button:not([disabled])")),n=e.indexOf(o.currentTarget);if(o.key==="ArrowLeft"){const t=(n-1+e.length)%e.length;t!==void 0&&e[t]&&((r=e[t])==null||r.focus())}else if(o.key==="ArrowRight"){const t=(n+1)%e.length;t!==void 0&&e[t]&&((u=e[t])==null||u.focus())}}}]],children:c},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-group.tsx",lineNumber:23,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button/button-group.tsx",lineNumber:22,columnNumber:5},void 0),l=x.fixedForwardRef(v);l.displayName="ButtonGroup";exports.ButtonGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),i=require("./lyra89.cjs"),y=require("./lyra93.cjs"),m=require("./lyra14.cjs"),B=({children:l,className:d,isDisabled:a,orientation:f,style:x},p)=>s.jsxRuntimeExports.jsx("div",{ref:p,className:m.buttonGroupStyles({orientation:f,className:d}),style:x,children:s.jsxRuntimeExports.jsx(i.Provider,{values:[[i.ButtonContext,{isDisabled:a,onKeyDown:o=>{var r,u;const t=Array.from(o.currentTarget.parentElement.querySelectorAll("button:not([disabled])")),n=t.indexOf(o.currentTarget);if(o.key==="ArrowLeft"){const e=(n-1+t.length)%t.length;e!==void 0&&t[e]&&((r=t[e])==null||r.focus())}else if(o.key==="ArrowRight"){const e=(n+1)%t.length;e!==void 0&&t[e]&&((u=t[e])==null||u.focus())}}}]],children:l})}),c=y.fixedForwardRef(B);c.displayName="ButtonGroup";exports.ButtonGroup=c;

package/dist/lyra13.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra13.cjs","sources":["../src/components/button/button-group.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\nimport { ButtonContext, Provider } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { buttonGroupStyles } from \"./button.styles\";\n\nexport type ButtonGroupProps = VariantProps<typeof buttonGroupStyles> & {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  isDisabled?: boolean;\n};\n\nconst _ButtonGroup = (\n  { children, className, isDisabled, orientation, style }: ButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} className={buttonGroupStyles({ orientation, className })} style={style}>\n      <Provider\n        values={[\n          [\n            ButtonContext,\n            {\n              isDisabled,\n              onKeyDown: (e) => {\n                const focusableButtons: HTMLButtonElement[] = Array.from(\n                  e.currentTarget.parentElement.querySelectorAll(\"button:not([disabled])\"),\n                );\n                const focusedButtonIndex = focusableButtons.indexOf(e.currentTarget);\n\n                if (e.key === \"ArrowLeft\") {\n                  const previousButtonIndex =\n                    (focusedButtonIndex - 1 + focusableButtons.length) % focusableButtons.length;\n                  if (\n                    previousButtonIndex !== undefined &&\n                    !!focusableButtons[previousButtonIndex]\n                  ) {\n                    focusableButtons[previousButtonIndex]?.focus();\n                  }\n                } else if (e.key === \"ArrowRight\") {\n                  const nextButtonIndex = (focusedButtonIndex + 1) % focusableButtons.length;\n                  if (nextButtonIndex !== undefined && !!focusableButtons[nextButtonIndex]) {\n                    focusableButtons[nextButtonIndex]?.focus();\n                  }\n                }\n              },\n            },\n          ],\n        ]}\n      >\n        {children}\n      </Provider>\n    </div>\n  );\n};\n\nexport const ButtonGroup = fixedForwardRef(_ButtonGroup);\n// @ts-ignore\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["_ButtonGroup","children","className","isDisabled","orientation","style","ref","jsxDEV","buttonGroupStyles","Provider","ButtonContext","e","focusableButtons","focusedButtonIndex","previousButtonIndex","_a","nextButtonIndex","_b","this","ButtonGroup","fixedForwardRef"],"mappings":"8LAgBMA,EAAe,CACnB,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,MAAAC,CAAM,EACtDC,IAGEC,8BAAC,MAAI,CAAA,IAAAD,EAAU,UAAWE,EAAAA,kBAAkB,CAAE,YAAAJ,EAAa,UAAAF,CAAW,CAAA,EAAG,MAAAG,EACvE,SAAAE,EAAA,qBAAA,OAACE,EAAA,SAAA,CACC,OAAQ,CACN,CACEC,EAAA,cACA,CACE,WAAAP,EACA,UAAYQ,GAAM,SAChB,MAAMC,EAAwC,MAAM,KAClDD,EAAE,cAAc,cAAc,iBAAiB,wBAAwB,CAAA,EAEnEE,EAAqBD,EAAiB,QAAQD,EAAE,aAAa,EAE/D,GAAAA,EAAE,MAAQ,YAAa,CACzB,MAAMG,GACHD,EAAqB,EAAID,EAAiB,QAAUA,EAAiB,OAEtEE,IAAwB,QACtBF,EAAiBE,CAAmB,KAErBC,EAAAH,EAAAE,CAAmB,IAAnB,MAAAC,EAAsB,QACzC,SACSJ,EAAE,MAAQ,aAAc,CAC3B,MAAAK,GAAmBH,EAAqB,GAAKD,EAAiB,OAChEI,IAAoB,QAAeJ,EAAiBI,CAAe,KACpDC,EAAAL,EAAAI,CAAe,IAAf,MAAAC,EAAkB,QAEvC,CACF,CACF,CACF,CACF,EAEC,SAAAhB,CAAA,EAhCH,OAAA,GAAA,CAAA,SAAA,0EAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,GADF,OAAA,GAAA,CAAA,SAAA,0EAAA,WAAA,GAAA,aAAA,CAmCA,EAAAA,MAAA,EAISC,EAAcC,kBAAgBpB,CAAY,EAEvDmB,EAAY,YAAc"}
+{"version":3,"file":"lyra13.cjs","sources":["../src/components/button/button-group.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\nimport { ButtonContext, Provider } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { buttonGroupStyles } from \"./button.styles\";\n\nexport type ButtonGroupProps = VariantProps<typeof buttonGroupStyles> & {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  isDisabled?: boolean;\n};\n\nconst _ButtonGroup = (\n  { children, className, isDisabled, orientation, style }: ButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} className={buttonGroupStyles({ orientation, className })} style={style}>\n      <Provider\n        values={[\n          [\n            ButtonContext,\n            {\n              isDisabled,\n              onKeyDown: (e) => {\n                const focusableButtons: HTMLButtonElement[] = Array.from(\n                  e.currentTarget.parentElement.querySelectorAll(\"button:not([disabled])\"),\n                );\n                const focusedButtonIndex = focusableButtons.indexOf(e.currentTarget);\n\n                if (e.key === \"ArrowLeft\") {\n                  const previousButtonIndex =\n                    (focusedButtonIndex - 1 + focusableButtons.length) % focusableButtons.length;\n                  if (\n                    previousButtonIndex !== undefined &&\n                    !!focusableButtons[previousButtonIndex]\n                  ) {\n                    focusableButtons[previousButtonIndex]?.focus();\n                  }\n                } else if (e.key === \"ArrowRight\") {\n                  const nextButtonIndex = (focusedButtonIndex + 1) % focusableButtons.length;\n                  if (nextButtonIndex !== undefined && !!focusableButtons[nextButtonIndex]) {\n                    focusableButtons[nextButtonIndex]?.focus();\n                  }\n                }\n              },\n            },\n          ],\n        ]}\n      >\n        {children}\n      </Provider>\n    </div>\n  );\n};\n\nexport const ButtonGroup = fixedForwardRef(_ButtonGroup);\n// @ts-ignore\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["_ButtonGroup","children","className","isDisabled","orientation","style","ref","jsx","buttonGroupStyles","Provider","ButtonContext","e","focusableButtons","focusedButtonIndex","previousButtonIndex","_a","nextButtonIndex","_b","ButtonGroup","fixedForwardRef"],"mappings":"8LAgBMA,EAAe,CACnB,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,MAAAC,CAAM,EACtDC,IAGEC,wBAAC,MAAI,CAAA,IAAAD,EAAU,UAAWE,EAAAA,kBAAkB,CAAE,YAAAJ,EAAa,UAAAF,CAAW,CAAA,EAAG,MAAAG,EACvE,SAAAE,EAAA,kBAAA,IAACE,EAAA,SAAA,CACC,OAAQ,CACN,CACEC,EAAA,cACA,CACE,WAAAP,EACA,UAAYQ,GAAM,SAChB,MAAMC,EAAwC,MAAM,KAClDD,EAAE,cAAc,cAAc,iBAAiB,wBAAwB,CAAA,EAEnEE,EAAqBD,EAAiB,QAAQD,EAAE,aAAa,EAE/D,GAAAA,EAAE,MAAQ,YAAa,CACzB,MAAMG,GACHD,EAAqB,EAAID,EAAiB,QAAUA,EAAiB,OAEtEE,IAAwB,QACtBF,EAAiBE,CAAmB,KAErBC,EAAAH,EAAAE,CAAmB,IAAnB,MAAAC,EAAsB,QACzC,SACSJ,EAAE,MAAQ,aAAc,CAC3B,MAAAK,GAAmBH,EAAqB,GAAKD,EAAiB,OAChEI,IAAoB,QAAeJ,EAAiBI,CAAe,KACpDC,EAAAL,EAAAI,CAAe,IAAf,MAAAC,EAAkB,QAEvC,CACF,CACF,CACF,CACF,EAEC,SAAAhB,CAAA,CAEL,CAAA,CAAA,EAISiB,EAAcC,kBAAgBnB,CAAY,EAEvDkB,EAAY,YAAc"}

package/dist/lyra13.js

@@ -1,46 +1,34 @@
 import { j as u } from "./lyra90.js";
-import { Provider as m, ButtonContext as p } from "./lyra89.js";
-import { fixedForwardRef as b } from "./lyra93.js";
-import { buttonGroupStyles as x } from "./lyra14.js";
-const v = ({ children: i, className: c, isDisabled: a, orientation: d, style: f }, l) => /* @__PURE__ */ u.jsxDEV("div", { ref: l, className: x({ orientation: d, className: c }), style: f, children: /* @__PURE__ */ u.jsxDEV(
-  m,
+import { Provider as p, ButtonContext as x } from "./lyra89.js";
+import { fixedForwardRef as m } from "./lyra93.js";
+import { buttonGroupStyles as b } from "./lyra14.js";
+const B = ({ children: c, className: i, isDisabled: a, orientation: d, style: f }, l) => /* @__PURE__ */ u.jsx("div", { ref: l, className: b({ orientation: d, className: i }), style: f, children: /* @__PURE__ */ u.jsx(
+  p,
   {
     values: [
       [
-        p,
+        x,
         {
           isDisabled: a,
-          onKeyDown: (o) => {
+          onKeyDown: (e) => {
             var n, s;
             const t = Array.from(
-              o.currentTarget.parentElement.querySelectorAll("button:not([disabled])")
-            ), r = t.indexOf(o.currentTarget);
-            if (o.key === "ArrowLeft") {
-              const e = (r - 1 + t.length) % t.length;
-              e !== void 0 && t[e] && ((n = t[e]) == null || n.focus());
-            } else if (o.key === "ArrowRight") {
-              const e = (r + 1) % t.length;
-              e !== void 0 && t[e] && ((s = t[e]) == null || s.focus());
+              e.currentTarget.parentElement.querySelectorAll("button:not([disabled])")
+            ), r = t.indexOf(e.currentTarget);
+            if (e.key === "ArrowLeft") {
+              const o = (r - 1 + t.length) % t.length;
+              o !== void 0 && t[o] && ((n = t[o]) == null || n.focus());
+            } else if (e.key === "ArrowRight") {
+              const o = (r + 1) % t.length;
+              o !== void 0 && t[o] && ((s = t[o]) == null || s.focus());
             }
           }
         }
       ]
     ],
-    children: i
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-group.tsx",
-    lineNumber: 23,
-    columnNumber: 7
-  },
-  void 0
-) }, void 0, !1, {
-  fileName: "/Users/timkapitein/projects/lyra/src/components/button/button-group.tsx",
-  lineNumber: 22,
-  columnNumber: 5
-}, void 0), y = b(v);
+    children: c
+  }
+) }), y = m(B);
 y.displayName = "ButtonGroup";
 export {
   y as ButtonGroup

package/dist/lyra13.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra13.js","sources":["../src/components/button/button-group.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\nimport { ButtonContext, Provider } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { buttonGroupStyles } from \"./button.styles\";\n\nexport type ButtonGroupProps = VariantProps<typeof buttonGroupStyles> & {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  isDisabled?: boolean;\n};\n\nconst _ButtonGroup = (\n  { children, className, isDisabled, orientation, style }: ButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} className={buttonGroupStyles({ orientation, className })} style={style}>\n      <Provider\n        values={[\n          [\n            ButtonContext,\n            {\n              isDisabled,\n              onKeyDown: (e) => {\n                const focusableButtons: HTMLButtonElement[] = Array.from(\n                  e.currentTarget.parentElement.querySelectorAll(\"button:not([disabled])\"),\n                );\n                const focusedButtonIndex = focusableButtons.indexOf(e.currentTarget);\n\n                if (e.key === \"ArrowLeft\") {\n                  const previousButtonIndex =\n                    (focusedButtonIndex - 1 + focusableButtons.length) % focusableButtons.length;\n                  if (\n                    previousButtonIndex !== undefined &&\n                    !!focusableButtons[previousButtonIndex]\n                  ) {\n                    focusableButtons[previousButtonIndex]?.focus();\n                  }\n                } else if (e.key === \"ArrowRight\") {\n                  const nextButtonIndex = (focusedButtonIndex + 1) % focusableButtons.length;\n                  if (nextButtonIndex !== undefined && !!focusableButtons[nextButtonIndex]) {\n                    focusableButtons[nextButtonIndex]?.focus();\n                  }\n                }\n              },\n            },\n          ],\n        ]}\n      >\n        {children}\n      </Provider>\n    </div>\n  );\n};\n\nexport const ButtonGroup = fixedForwardRef(_ButtonGroup);\n// @ts-ignore\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["_ButtonGroup","children","className","isDisabled","orientation","style","ref","jsxDEV","buttonGroupStyles","Provider","ButtonContext","e","focusableButtons","focusedButtonIndex","previousButtonIndex","_a","nextButtonIndex","_b","this","ButtonGroup","fixedForwardRef"],"mappings":";;;;AAgBA,MAAMA,IAAe,CACnB,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,OAAAC,EAAM,GACtDC,MAGEC,gBAAAA,SAAC,OAAI,EAAA,KAAAD,GAAU,WAAWE,EAAkB,EAAE,aAAAJ,GAAa,WAAAF,EAAW,CAAA,GAAG,OAAAG,GACvE,UAAAE,gBAAAA,EAAA;AAAA,EAACE;AAAAA,EAAA;AAAA,IACC,QAAQ;AAAA,MACN;AAAA,QACEC;AAAAA,QACA;AAAA,UACE,YAAAP;AAAA,UACA,WAAW,CAACQ,MAAM;;AAChB,kBAAMC,IAAwC,MAAM;AAAA,cAClDD,EAAE,cAAc,cAAc,iBAAiB,wBAAwB;AAAA,YAAA,GAEnEE,IAAqBD,EAAiB,QAAQD,EAAE,aAAa;AAE/D,gBAAAA,EAAE,QAAQ,aAAa;AACzB,oBAAMG,KACHD,IAAqB,IAAID,EAAiB,UAAUA,EAAiB;AACxE,cACEE,MAAwB,UACtBF,EAAiBE,CAAmB,OAErBC,IAAAH,EAAAE,CAAmB,MAAnB,QAAAC,EAAsB;AAAA,YACzC,WACSJ,EAAE,QAAQ,cAAc;AAC3B,oBAAAK,KAAmBH,IAAqB,KAAKD,EAAiB;AACpE,cAAII,MAAoB,UAAeJ,EAAiBI,CAAe,OACpDC,IAAAL,EAAAI,CAAe,MAAf,QAAAC,EAAkB;AAAA,YAEvC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEC,UAAAhB;AAAA,EAAA;AAAA,EAhCH;AAAA,EAAA;AAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA;AAAA,EAAAiB;AAAA,KADF,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAmCA,GAAAA,MAAA,GAISC,IAAcC,EAAgBpB,CAAY;AAEvDmB,EAAY,cAAc;"}
+{"version":3,"file":"lyra13.js","sources":["../src/components/button/button-group.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\nimport { ButtonContext, Provider } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { buttonGroupStyles } from \"./button.styles\";\n\nexport type ButtonGroupProps = VariantProps<typeof buttonGroupStyles> & {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  isDisabled?: boolean;\n};\n\nconst _ButtonGroup = (\n  { children, className, isDisabled, orientation, style }: ButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} className={buttonGroupStyles({ orientation, className })} style={style}>\n      <Provider\n        values={[\n          [\n            ButtonContext,\n            {\n              isDisabled,\n              onKeyDown: (e) => {\n                const focusableButtons: HTMLButtonElement[] = Array.from(\n                  e.currentTarget.parentElement.querySelectorAll(\"button:not([disabled])\"),\n                );\n                const focusedButtonIndex = focusableButtons.indexOf(e.currentTarget);\n\n                if (e.key === \"ArrowLeft\") {\n                  const previousButtonIndex =\n                    (focusedButtonIndex - 1 + focusableButtons.length) % focusableButtons.length;\n                  if (\n                    previousButtonIndex !== undefined &&\n                    !!focusableButtons[previousButtonIndex]\n                  ) {\n                    focusableButtons[previousButtonIndex]?.focus();\n                  }\n                } else if (e.key === \"ArrowRight\") {\n                  const nextButtonIndex = (focusedButtonIndex + 1) % focusableButtons.length;\n                  if (nextButtonIndex !== undefined && !!focusableButtons[nextButtonIndex]) {\n                    focusableButtons[nextButtonIndex]?.focus();\n                  }\n                }\n              },\n            },\n          ],\n        ]}\n      >\n        {children}\n      </Provider>\n    </div>\n  );\n};\n\nexport const ButtonGroup = fixedForwardRef(_ButtonGroup);\n// @ts-ignore\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["_ButtonGroup","children","className","isDisabled","orientation","style","ref","jsx","buttonGroupStyles","Provider","ButtonContext","focusableButtons","focusedButtonIndex","previousButtonIndex","_a","nextButtonIndex","_b","ButtonGroup","fixedForwardRef"],"mappings":";;;;AAgBA,MAAMA,IAAe,CACnB,EAAE,UAAAC,GAAU,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,OAAAC,EAAM,GACtDC,MAGEC,gBAAAA,MAAC,OAAI,EAAA,KAAAD,GAAU,WAAWE,EAAkB,EAAE,aAAAJ,GAAa,WAAAF,EAAW,CAAA,GAAG,OAAAG,GACvE,UAAAE,gBAAAA,EAAA;AAAA,EAACE;AAAAA,EAAA;AAAA,IACC,QAAQ;AAAA,MACN;AAAA,QACEC;AAAAA,QACA;AAAA,UACE,YAAAP;AAAA,UACA,WAAW,CAAC,MAAM;;AAChB,kBAAMQ,IAAwC,MAAM;AAAA,cAClD,EAAE,cAAc,cAAc,iBAAiB,wBAAwB;AAAA,YAAA,GAEnEC,IAAqBD,EAAiB,QAAQ,EAAE,aAAa;AAE/D,gBAAA,EAAE,QAAQ,aAAa;AACzB,oBAAME,KACHD,IAAqB,IAAID,EAAiB,UAAUA,EAAiB;AACxE,cACEE,MAAwB,UACtBF,EAAiBE,CAAmB,OAErBC,IAAAH,EAAAE,CAAmB,MAAnB,QAAAC,EAAsB;AAAA,YACzC,WACS,EAAE,QAAQ,cAAc;AAC3B,oBAAAC,KAAmBH,IAAqB,KAAKD,EAAiB;AACpE,cAAII,MAAoB,UAAeJ,EAAiBI,CAAe,OACpDC,IAAAL,EAAAI,CAAe,MAAf,QAAAC,EAAkB;AAAA,YAEvC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEC,UAAAf;AAAA,EAAA;AAEL,EAAA,CAAA,GAISgB,IAAcC,EAAgBlB,CAAY;AAEvDiB,EAAY,cAAc;"}

package/dist/lyra15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),c=require("./lyra93.cjs"),d=require("./lyra16.cjs"),l=({className:t,disableAnimation:i,style:r},o)=>{const{innerCircle:u,outerCircle:s}=d.ButtonIndicatorStyles({});return e.jsxDevRuntimeExports.jsxDEV("div",{ref:o,style:r,children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:s({className:t==null?void 0:t.outerCircle,isAnimated:!i})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",lineNumber:16,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:u({className:t==null?void 0:t.innerCircle})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",lineNumber:22,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",lineNumber:15,columnNumber:5},void 0)},n=c.fixedForwardRef(l);n.displayName="ButtonIndicator";exports.ButtonIndicator=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),s=require("./lyra93.cjs"),c=require("./lyra16.cjs"),x=({className:t,disableAnimation:e,style:i},o)=>{const{innerCircle:u,outerCircle:d}=c.ButtonIndicatorStyles({});return r.jsxRuntimeExports.jsxs("div",{ref:o,style:i,children:[r.jsxRuntimeExports.jsx("div",{className:d({className:t==null?void 0:t.outerCircle,isAnimated:!e})}),r.jsxRuntimeExports.jsx("div",{className:u({className:t==null?void 0:t.innerCircle})})]})},n=s.fixedForwardRef(x);n.displayName="ButtonIndicator";exports.ButtonIndicator=n;

package/dist/lyra15.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra15.cjs","sources":["../src/components/button-indicator/button-indicator.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { ButtonIndicatorStyles } from \"./button-indicator.styles\";\nimport { ButtonIndicatorProps } from \"./button-indicator.types\";\n\nconst _ButtonIndicator = (\n  { className, disableAnimation, style }: ButtonIndicatorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { innerCircle, outerCircle } = ButtonIndicatorStyles({});\n\n  return (\n    <div ref={ref} style={style}>\n      <div\n        className={outerCircle({\n          className: className?.outerCircle,\n          isAnimated: !disableAnimation,\n        })}\n      />\n      <div className={innerCircle({ className: className?.innerCircle })} />\n    </div>\n  );\n};\n\nexport const ButtonIndicator = fixedForwardRef(_ButtonIndicator);\n// @ts-ignore\nButtonIndicator.displayName = \"ButtonIndicator\";\n"],"names":["_ButtonIndicator","className","disableAnimation","style","ref","innerCircle","outerCircle","ButtonIndicatorStyles","jsxDEV","this","ButtonIndicator","fixedForwardRef"],"mappings":"oKAOMA,EAAmB,CACvB,CAAE,UAAAC,EAAW,iBAAAC,EAAkB,MAAAC,CAAA,EAC/BC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,YAAAC,CAAgB,EAAAC,EAAA,sBAAsB,CAAE,CAAA,EAG3D,OAAAC,EAAA,qBAAA,OAAC,MAAI,CAAA,IAAAJ,EAAU,MAAAD,EACb,SAAA,CAAAK,EAAA,qBAAA,OAAC,MAAA,CACC,UAAWF,EAAY,CACrB,UAAWL,GAAA,YAAAA,EAAW,YACtB,WAAY,CAACC,CAAA,CACd,CAAA,EAJH,OAAA,GAAA,CAAA,SAAA,wFAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAKA,EACAD,EAAAA,qBAAAA,OAAC,OAAI,UAAWH,EAAY,CAAE,UAAWJ,GAAA,YAAAA,EAAW,WAAY,CAAC,CAAjE,EAAA,OAAA,GAAA,CAAA,SAAA,wFAAA,WAAA,GAAA,aAAA,CAAoE,EAAAQ,MAAA,CAAA,GAPtE,OAAA,GAAA,CAAA,SAAA,wFAAA,WAAA,GAAA,aAAA,CAQA,EAAAA,MAAA,CAEJ,EAEaC,EAAkBC,kBAAgBX,CAAgB,EAE/DU,EAAgB,YAAc"}
+{"version":3,"file":"lyra15.cjs","sources":["../src/components/button-indicator/button-indicator.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { ButtonIndicatorStyles } from \"./button-indicator.styles\";\nimport { ButtonIndicatorProps } from \"./button-indicator.types\";\n\nconst _ButtonIndicator = (\n  { className, disableAnimation, style }: ButtonIndicatorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { innerCircle, outerCircle } = ButtonIndicatorStyles({});\n\n  return (\n    <div ref={ref} style={style}>\n      <div\n        className={outerCircle({\n          className: className?.outerCircle,\n          isAnimated: !disableAnimation,\n        })}\n      />\n      <div className={innerCircle({ className: className?.innerCircle })} />\n    </div>\n  );\n};\n\nexport const ButtonIndicator = fixedForwardRef(_ButtonIndicator);\n// @ts-ignore\nButtonIndicator.displayName = \"ButtonIndicator\";\n"],"names":["_ButtonIndicator","className","disableAnimation","style","ref","innerCircle","outerCircle","ButtonIndicatorStyles","jsxs","jsx","ButtonIndicator","fixedForwardRef"],"mappings":"oKAOMA,EAAmB,CACvB,CAAE,UAAAC,EAAW,iBAAAC,EAAkB,MAAAC,CAAA,EAC/BC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,YAAAC,CAAgB,EAAAC,EAAA,sBAAsB,CAAE,CAAA,EAG3D,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,IAAAJ,EAAU,MAAAD,EACb,SAAA,CAAAM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWH,EAAY,CACrB,UAAWL,GAAA,YAAAA,EAAW,YACtB,WAAY,CAACC,CAAA,CACd,CAAA,CACH,EACAO,wBAAC,OAAI,UAAWJ,EAAY,CAAE,UAAWJ,GAAA,YAAAA,EAAW,WAAa,CAAA,EAAG,CACtE,CAAA,CAAA,CAEJ,EAEaS,EAAkBC,kBAAgBX,CAAgB,EAE/DU,EAAgB,YAAc"}

package/dist/lyra15.js

@@ -1,38 +1,22 @@
-import { j as i } from "./lyra90.js";
+import { j as r } from "./lyra90.js";
 import { fixedForwardRef as u } from "./lyra93.js";
 import { ButtonIndicatorStyles as c } from "./lyra16.js";
-const m = ({ className: t, disableAnimation: n, style: r }, e) => {
-  const { innerCircle: o, outerCircle: d } = c({});
-  return /* @__PURE__ */ i.jsxDEV("div", { ref: e, style: r, children: [
-    /* @__PURE__ */ i.jsxDEV(
+const x = ({ className: t, disableAnimation: i, style: o }, n) => {
+  const { innerCircle: d, outerCircle: e } = c({});
+  return /* @__PURE__ */ r.jsxs("div", { ref: n, style: o, children: [
+    /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: d({
+        className: e({
           className: t == null ? void 0 : t.outerCircle,
-          isAnimated: !n
+          isAnimated: !i
         })
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",
-        lineNumber: 16,
-        columnNumber: 7
-      },
-      void 0
+      }
     ),
-    /* @__PURE__ */ i.jsxDEV("div", { className: o({ className: t == null ? void 0 : t.innerCircle }) }, void 0, !1, {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",
-      lineNumber: 22,
-      columnNumber: 7
-    }, void 0)
-  ] }, void 0, !0, {
-    fileName: "/Users/timkapitein/projects/lyra/src/components/button-indicator/button-indicator.tsx",
-    lineNumber: 15,
-    columnNumber: 5
-  }, void 0);
-}, s = u(m);
-s.displayName = "ButtonIndicator";
+    /* @__PURE__ */ r.jsx("div", { className: d({ className: t == null ? void 0 : t.innerCircle }) })
+  ] });
+}, p = u(x);
+p.displayName = "ButtonIndicator";
 export {
-  s as ButtonIndicator
+  p as ButtonIndicator
 };

package/dist/lyra15.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra15.js","sources":["../src/components/button-indicator/button-indicator.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { ButtonIndicatorStyles } from \"./button-indicator.styles\";\nimport { ButtonIndicatorProps } from \"./button-indicator.types\";\n\nconst _ButtonIndicator = (\n  { className, disableAnimation, style }: ButtonIndicatorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { innerCircle, outerCircle } = ButtonIndicatorStyles({});\n\n  return (\n    <div ref={ref} style={style}>\n      <div\n        className={outerCircle({\n          className: className?.outerCircle,\n          isAnimated: !disableAnimation,\n        })}\n      />\n      <div className={innerCircle({ className: className?.innerCircle })} />\n    </div>\n  );\n};\n\nexport const ButtonIndicator = fixedForwardRef(_ButtonIndicator);\n// @ts-ignore\nButtonIndicator.displayName = \"ButtonIndicator\";\n"],"names":["_ButtonIndicator","className","disableAnimation","style","ref","innerCircle","outerCircle","ButtonIndicatorStyles","jsxDEV","this","ButtonIndicator","fixedForwardRef"],"mappings":";;;AAOA,MAAMA,IAAmB,CACvB,EAAE,WAAAC,GAAW,kBAAAC,GAAkB,OAAAC,EAAA,GAC/BC,MACG;AACH,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAC,EAAsB,CAAE,CAAA;AAG3D,SAAAC,gBAAAA,EAAA,OAAC,OAAI,EAAA,KAAAJ,GAAU,OAAAD,GACb,UAAA;AAAA,IAAAK,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAY;AAAA,UACrB,WAAWL,KAAA,gBAAAA,EAAW;AAAA,UACtB,YAAY,CAACC;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,MAJH;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAAO;AAAAA,IAKA;AAAA,IACAD,gBAAAA,EAAAA,OAAC,SAAI,WAAWH,EAAY,EAAE,WAAWJ,KAAA,gBAAAA,EAAW,YAAY,CAAC,EAAjE,GAAA,QAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAoE,GAAAQ,MAAA;AAAA,EAAA,KAPtE,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAQA,GAAAA,MAAA;AAEJ,GAEaC,IAAkBC,EAAgBX,CAAgB;AAE/DU,EAAgB,cAAc;"}
+{"version":3,"file":"lyra15.js","sources":["../src/components/button-indicator/button-indicator.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { ButtonIndicatorStyles } from \"./button-indicator.styles\";\nimport { ButtonIndicatorProps } from \"./button-indicator.types\";\n\nconst _ButtonIndicator = (\n  { className, disableAnimation, style }: ButtonIndicatorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { innerCircle, outerCircle } = ButtonIndicatorStyles({});\n\n  return (\n    <div ref={ref} style={style}>\n      <div\n        className={outerCircle({\n          className: className?.outerCircle,\n          isAnimated: !disableAnimation,\n        })}\n      />\n      <div className={innerCircle({ className: className?.innerCircle })} />\n    </div>\n  );\n};\n\nexport const ButtonIndicator = fixedForwardRef(_ButtonIndicator);\n// @ts-ignore\nButtonIndicator.displayName = \"ButtonIndicator\";\n"],"names":["_ButtonIndicator","className","disableAnimation","style","ref","innerCircle","outerCircle","ButtonIndicatorStyles","jsxs","jsx","ButtonIndicator","fixedForwardRef"],"mappings":";;;AAOA,MAAMA,IAAmB,CACvB,EAAE,WAAAC,GAAW,kBAAAC,GAAkB,OAAAC,EAAA,GAC/BC,MACG;AACH,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAC,EAAsB,CAAE,CAAA;AAG3D,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,KAAAJ,GAAU,OAAAD,GACb,UAAA;AAAA,IAAAM,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAY;AAAA,UACrB,WAAWL,KAAA,gBAAAA,EAAW;AAAA,UACtB,YAAY,CAACC;AAAA,QAAA,CACd;AAAA,MAAA;AAAA,IACH;AAAA,IACAO,gBAAAA,MAAC,SAAI,WAAWJ,EAAY,EAAE,WAAWJ,KAAA,gBAAAA,EAAW,YAAa,CAAA,GAAG;AAAA,EACtE,EAAA,CAAA;AAEJ,GAEaS,IAAkBC,EAAgBX,CAAgB;AAE/DU,EAAgB,cAAc;"}

package/dist/lyra16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs");require("./lyra486.cjs");const t=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full bg-action-highlight"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full bg-indication-blue"]},variants:{isAnimated:{true:{outerCircle:"animation-pulse"}}}});exports.ButtonIndicatorStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs");require("./lyra464.cjs");const t=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full bg-action-highlight"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full bg-indication-blue"]},variants:{isAnimated:{true:{outerCircle:"animation-pulse"}}}});exports.ButtonIndicatorStyles=t;