@xylabs/react-button 3.4.0 → 3.4.2

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ButtonEx.tsx","../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport { ButtonExProps } from './ButtonExProps.tsx'\nimport { ButtonToEx } from './ButtonExTo.tsx'\n\nconst ButtonEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, ...props }, ref) => {\n  return to ? <ButtonToEx to={to} ref={ref} {...props} /> : <ButtonExBase {...props} />\n})\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import { Button, useTheme } from '@mui/material'\nimport { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from '@xylabs/react-shared'\nimport React, { forwardRef, MouseEvent } from 'react'\n\nimport { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {\n  const theme = useTheme()\n  const { busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!busy) {\n      onClick?.(event)\n    }\n  }\n\n  return (\n    <Button ref={ref} onClick={localOnClick} {...rootProps}>\n      {busy && busyVariant === 'linear'\n        ? <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n        : null}\n      {busy && busyVariant === 'circular'\n        ? <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n        : null}\n      {children}\n    </Button>\n  )\n})\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import React, { forwardRef, MouseEvent } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.tsx'\nimport { ButtonExProps } from './ButtonExProps.tsx'\n\nconst ButtonToEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, toOptions, onClick, ...props }, ref) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n})\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n"],"mappings":";;;;AAAA,OAAOA,UAASC,cAAAA,mBAAkB;;;ACAlC,SAASC,QAAQC,gBAAgB;AACjC,SAASC,sBAAsBC,oBAAoBC,0BAA0B;AAC7E,OAAOC,SAASC,kBAA8B;AAI9C,IAAMC,eAAeC,2BAA6C,CAACC,OAAOC,QAAAA;AACxE,QAAMC,QAAQC,SAAAA;AACd,QAAM,EAAEC,MAAMC,cAAc,UAAUC,aAAaC,SAASC,UAAU,GAAGC,UAAAA,IAAcC,mBAAkCR,OAAOF,KAAAA;AAEhI,QAAMW,eAAe,wBAACC,UAAAA;AACpB,QAAI,CAACR,MAAM;AACTG,yCAAUK;IACZ;EACF,GAJqB;AAMrB,SACE,sBAAA,cAACC,QAAAA;IAAOZ;IAAUM,SAASI;IAAe,GAAGF;KAC1CL,QAAQC,gBAAgB,WACrB,sBAAA,cAACS,oBAAAA;IAAmBC,SAAAA;IAAQC,SAASV,eAAe;OACpD,MACHF,QAAQC,gBAAgB,aACrB,sBAAA,cAACY,sBAAAA;IAAqBF,SAAAA;IAAQG,MAAM;IAAIF,SAASV,eAAe;OAChE,MACHE,QAAAA;AAGP,CAAA;AAEAV,aAAaqB,cAAc;;;AC7B3B,OAAOC,UAASC,cAAAA,mBAA8B;AAC9C,SAASC,mBAAmB;AAK5B,IAAMC,aAAaC,gBAAAA,YAA6C,CAAC,EAAEC,IAAIC,WAAWC,SAAS,GAAGC,MAAAA,GAASC,QAAAA;AACrG,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,eAAe,wBAACC,UAAAA;AACpBN,uCAAUM;AACV,QAAIR,IAAI;AACNK,eAASL,IAAIC,SAAAA;IACf;EACF,GALqB;AAOrB,SAAO,gBAAAQ,OAAA,cAACC,cAAAA;IAAaN;IAAUF,SAASK;IAAe,GAAGJ;;AAC5D,CAAA;AAEAL,WAAWa,cAAc;;;AFZzB,IAAMC,WAAWC,gBAAAA,YAA6C,CAAC,EAAEC,IAAI,GAAGC,MAAAA,GAASC,QAAAA;AAC/E,SAAOF,KAAK,gBAAAG,OAAA,cAACC,YAAAA;IAAWJ;IAAQE;IAAW,GAAGD;OAAY,gBAAAE,OAAA,cAACE,cAAiBJ,KAAAA;AAC9E,CAAA;AAEAH,SAASQ,cAAc;","names":["React","forwardRef","Button","useTheme","BusyCircularProgress","BusyLinearProgress","mergeBoxlikeStyles","React","forwardRef","ButtonExBase","forwardRef","props","ref","theme","useTheme","busy","busyVariant","busyOpacity","onClick","children","rootProps","mergeBoxlikeStyles","localOnClick","event","Button","BusyLinearProgress","rounded","opacity","BusyCircularProgress","size","displayName","React","forwardRef","useNavigate","ButtonToEx","forwardRef","to","toOptions","onClick","props","ref","navigate","useNavigate","localOnClick","event","React","ButtonExBase","displayName","ButtonEx","forwardRef","to","props","ref","React","ButtonToEx","ButtonExBase","displayName"]}

package/package.json

@@ -13,18 +13,18 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-shared": "^3.4.0",
-    "react-router-dom": "^6.24.1"
+    "@xylabs/react-shared": "^3.4.2",
+    "react-router-dom": "^6.26.0"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@storybook/react": "^8.2.1",
+    "@storybook/react": "^8.2.7",
     "@types/react": "^18.3.3",
-    "@xylabs/react-flexbox": "^3.4.0",
-    "@xylabs/ts-scripts-yarn3": "^3.11.12",
-    "@xylabs/tsconfig-react": "^3.11.12",
+    "@xylabs/react-flexbox": "^3.4.2",
+    "@xylabs/ts-scripts-yarn3": "^3.15.16",
+    "@xylabs/tsconfig-react": "^3.15.16",
     "react": "^18.3.1",
-    "typescript": "^5.5.3"
+    "typescript": "^5.5.4"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -36,7 +36,7 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.js"
+          "default": "./dist/node/index.mjs"
         },
         "require": {
           "types": "./dist/node/index.d.cts",
@@ -46,20 +46,20 @@
       "browser": {
         "import": {
           "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.js"
+          "default": "./dist/browser/index.mjs"
         },
         "require": {
           "types": "./dist/browser/index.d.cts",
           "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.js"
+      "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
   "types": "dist/browser/index.d.ts",
   "main": "./dist/browser/index.cjs",
-  "module": "./dist/browser/index.js",
+  "module": "./dist/browser/index.mjs",
   "homepage": "https://xylabs.com",
   "keywords": [
     "utility",
@@ -75,6 +75,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.4.0",
+  "version": "3.4.2",
   "type": "module"
 }

package/src/components/ButtonEx.stories.tsx

@@ -1,6 +1,8 @@
 import { Meta, StoryFn } from '@storybook/react'
-import { ButtonEx } from '@xylabs/react-button'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
+
+import { ButtonEx } from './ButtonEx.tsx'
 
 const StorybookEntry = {
   argTypes: {},
@@ -13,7 +15,7 @@ const StorybookEntry = {
   title: 'button/ButtonEx',
 } as Meta<typeof ButtonEx>
 
-const DefaultTemplate: StoryFn<typeof ButtonEx> = (args) => (
+const DefaultTemplate: StoryFn<typeof ButtonEx> = args => (
   <FlexRow justifyContent="flex-start">
     <FlexCol marginX={1}>
       <ButtonEx {...args}>Default</ButtonEx>
@@ -41,5 +43,5 @@ const BusyLinear = DefaultTemplate.bind({})
 BusyLinear.args = { busy: true, busyVariant: 'linear' }
 
 export { BusyCircular, BusyLinear, Default }
-// eslint-disable-next-line import/no-default-export
+
 export default StorybookEntry

package/src/components/ButtonEx.tsx

@@ -1,8 +1,8 @@
-import { forwardRef } from 'react'
+import React, { forwardRef } from 'react'
 
-import { ButtonExBase } from './ButtonExBase.jsx'
-import { ButtonExProps } from './ButtonExProps.jsx'
-import { ButtonToEx } from './ButtonExTo.jsx'
+import { ButtonExBase } from './ButtonExBase.tsx'
+import { ButtonExProps } from './ButtonExProps.tsx'
+import { ButtonToEx } from './ButtonExTo.tsx'
 
 const ButtonEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, ...props }, ref) => {
   return to ? <ButtonToEx to={to} ref={ref} {...props} /> : <ButtonExBase {...props} />

package/src/components/ButtonExBase.tsx

@@ -1,8 +1,8 @@
 import { Button, useTheme } from '@mui/material'
 import { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from '@xylabs/react-shared'
-import { forwardRef, MouseEvent } from 'react'
+import React, { forwardRef, MouseEvent } from 'react'
 
-import { ButtonExProps } from './ButtonExProps.jsx'
+import { ButtonExProps } from './ButtonExProps.tsx'
 
 const ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {
   const theme = useTheme()
@@ -16,12 +16,12 @@ const ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) =
 
   return (
     <Button ref={ref} onClick={localOnClick} {...rootProps}>
-      {busy && busyVariant === 'linear' ?
-        <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />
-      : null}
-      {busy && busyVariant === 'circular' ?
-        <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />
-      : null}
+      {busy && busyVariant === 'linear'
+        ? <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />
+        : null}
+      {busy && busyVariant === 'circular'
+        ? <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />
+        : null}
       {children}
     </Button>
   )

package/src/components/ButtonExTo.tsx

@@ -1,8 +1,8 @@
-import { forwardRef, MouseEvent } from 'react'
+import React, { forwardRef, MouseEvent } from 'react'
 import { useNavigate } from 'react-router-dom'
 
-import { ButtonExBase } from './ButtonExBase.jsx'
-import { ButtonExProps } from './ButtonExProps.jsx'
+import { ButtonExBase } from './ButtonExBase.tsx'
+import { ButtonExProps } from './ButtonExProps.tsx'
 
 const ButtonToEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, toOptions, onClick, ...props }, ref) => {
   const navigate = useNavigate()

package/src/components/index.ts

@@ -1,2 +1,2 @@
-export * from './ButtonEx.jsx'
-export * from './ButtonExProps.jsx'
+export * from './ButtonEx.tsx'
+export * from './ButtonExProps.tsx'

package/src/index.ts

@@ -1 +1 @@
-export * from './components/index.js'
+export * from './components/index.ts'

package/dist/browser/index.js

@@ -1,50 +0,0 @@
-// src/components/ButtonEx.tsx
-import { forwardRef as forwardRef3 } from "react";
-
-// src/components/ButtonExBase.tsx
-import { Button, useTheme } from "@mui/material";
-import { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from "@xylabs/react-shared";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ButtonExBase = forwardRef((props, ref) => {
-  const theme = useTheme();
-  const { busy, busyVariant = "linear", busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles(theme, props);
-  const localOnClick = (event) => {
-    if (!busy) {
-      onClick?.(event);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Button, { ref, onClick: localOnClick, ...rootProps, children: [
-    busy && busyVariant === "linear" ? /* @__PURE__ */ jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity ?? 0 }) : null,
-    busy && busyVariant === "circular" ? /* @__PURE__ */ jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity ?? 0.5 }) : null,
-    children
-  ] });
-});
-ButtonExBase.displayName = "ButtonExBaseXYLabs";
-
-// src/components/ButtonExTo.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { useNavigate } from "react-router-dom";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ButtonToEx = forwardRef2(({ to, toOptions, onClick, ...props }, ref) => {
-  const navigate = useNavigate();
-  const localOnClick = (event) => {
-    onClick?.(event);
-    if (to) {
-      navigate(to, toOptions);
-    }
-  };
-  return /* @__PURE__ */ jsx2(ButtonExBase, { ref, onClick: localOnClick, ...props });
-});
-ButtonToEx.displayName = "ButtonToExXYLabs";
-
-// src/components/ButtonEx.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ButtonEx = forwardRef3(({ to, ...props }, ref) => {
-  return to ? /* @__PURE__ */ jsx3(ButtonToEx, { to, ref, ...props }) : /* @__PURE__ */ jsx3(ButtonExBase, { ...props });
-});
-ButtonEx.displayName = "ButtonExXYLabs";
-export {
-  ButtonEx
-};
-//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ButtonEx.tsx","../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\nimport { ButtonToEx } from './ButtonExTo.jsx'\n\nconst ButtonEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, ...props }, ref) => {\n  return to ? <ButtonToEx to={to} ref={ref} {...props} /> : <ButtonExBase {...props} />\n})\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import { Button, useTheme } from '@mui/material'\nimport { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from '@xylabs/react-shared'\nimport { forwardRef, MouseEvent } from 'react'\n\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {\n  const theme = useTheme()\n  const { busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!busy) {\n      onClick?.(event)\n    }\n  }\n\n  return (\n    <Button ref={ref} onClick={localOnClick} {...rootProps}>\n      {busy && busyVariant === 'linear' ?\n        <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n      : null}\n      {busy && busyVariant === 'circular' ?\n        <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n      : null}\n      {children}\n    </Button>\n  )\n})\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import { forwardRef, MouseEvent } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonToEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, toOptions, onClick, ...props }, ref) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n})\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n"],"mappings":";AAAA,SAAS,cAAAA,mBAAkB;;;ACA3B,SAAS,QAAQ,gBAAgB;AACjC,SAAS,sBAAsB,oBAAoB,0BAA0B;AAC7E,SAAS,kBAA8B;AAenC,SAEI,KAFJ;AAXJ,IAAM,eAAe,WAA6C,CAAC,OAAO,QAAQ;AAChF,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,MAAM,cAAc,UAAU,aAAa,SAAS,UAAU,GAAG,UAAU,IAAI,mBAAkC,OAAO,KAAK;AAErI,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,CAAC,MAAM;AACT,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE,qBAAC,UAAO,KAAU,SAAS,cAAe,GAAG,WAC1C;AAAA,YAAQ,gBAAgB,WACvB,oBAAC,sBAAmB,SAAO,MAAC,SAAS,eAAe,GAAG,IACvD;AAAA,IACD,QAAQ,gBAAgB,aACvB,oBAAC,wBAAqB,SAAO,MAAC,MAAM,IAAI,SAAS,eAAe,KAAK,IACrE;AAAA,IACD;AAAA,KACH;AAEJ,CAAC;AAED,aAAa,cAAc;;;AC7B3B,SAAS,cAAAC,mBAA8B;AACvC,SAAS,mBAAmB;AAcnB,gBAAAC,YAAA;AATT,IAAM,aAAaC,YAA6C,CAAC,EAAE,IAAI,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,CAAC,UAAyC;AAC7D,cAAU,KAAK;AACf,QAAI,IAAI;AACN,eAAS,IAAI,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,gBAAAD,KAAC,gBAAa,KAAU,SAAS,cAAe,GAAG,OAAO;AACnE,CAAC;AAED,WAAW,cAAc;;;AFXX,gBAAAE,YAAA;AADd,IAAM,WAAWC,YAA6C,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ;AACvF,SAAO,KAAK,gBAAAD,KAAC,cAAW,IAAQ,KAAW,GAAG,OAAO,IAAK,gBAAAA,KAAC,gBAAc,GAAG,OAAO;AACrF,CAAC;AAED,SAAS,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","forwardRef"]}

package/dist/neutral/index.js

@@ -1,50 +0,0 @@
-// src/components/ButtonEx.tsx
-import { forwardRef as forwardRef3 } from "react";
-
-// src/components/ButtonExBase.tsx
-import { Button, useTheme } from "@mui/material";
-import { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from "@xylabs/react-shared";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ButtonExBase = forwardRef((props, ref) => {
-  const theme = useTheme();
-  const { busy, busyVariant = "linear", busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles(theme, props);
-  const localOnClick = (event) => {
-    if (!busy) {
-      onClick?.(event);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Button, { ref, onClick: localOnClick, ...rootProps, children: [
-    busy && busyVariant === "linear" ? /* @__PURE__ */ jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity ?? 0 }) : null,
-    busy && busyVariant === "circular" ? /* @__PURE__ */ jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity ?? 0.5 }) : null,
-    children
-  ] });
-});
-ButtonExBase.displayName = "ButtonExBaseXYLabs";
-
-// src/components/ButtonExTo.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { useNavigate } from "react-router-dom";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ButtonToEx = forwardRef2(({ to, toOptions, onClick, ...props }, ref) => {
-  const navigate = useNavigate();
-  const localOnClick = (event) => {
-    onClick?.(event);
-    if (to) {
-      navigate(to, toOptions);
-    }
-  };
-  return /* @__PURE__ */ jsx2(ButtonExBase, { ref, onClick: localOnClick, ...props });
-});
-ButtonToEx.displayName = "ButtonToExXYLabs";
-
-// src/components/ButtonEx.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ButtonEx = forwardRef3(({ to, ...props }, ref) => {
-  return to ? /* @__PURE__ */ jsx3(ButtonToEx, { to, ref, ...props }) : /* @__PURE__ */ jsx3(ButtonExBase, { ...props });
-});
-ButtonEx.displayName = "ButtonExXYLabs";
-export {
-  ButtonEx
-};
-//# sourceMappingURL=index.js.map

package/dist/neutral/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ButtonEx.tsx","../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\nimport { ButtonToEx } from './ButtonExTo.jsx'\n\nconst ButtonEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, ...props }, ref) => {\n  return to ? <ButtonToEx to={to} ref={ref} {...props} /> : <ButtonExBase {...props} />\n})\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import { Button, useTheme } from '@mui/material'\nimport { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from '@xylabs/react-shared'\nimport { forwardRef, MouseEvent } from 'react'\n\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {\n  const theme = useTheme()\n  const { busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!busy) {\n      onClick?.(event)\n    }\n  }\n\n  return (\n    <Button ref={ref} onClick={localOnClick} {...rootProps}>\n      {busy && busyVariant === 'linear' ?\n        <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n      : null}\n      {busy && busyVariant === 'circular' ?\n        <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n      : null}\n      {children}\n    </Button>\n  )\n})\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import { forwardRef, MouseEvent } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonToEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, toOptions, onClick, ...props }, ref) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n})\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n"],"mappings":";AAAA,SAAS,cAAAA,mBAAkB;;;ACA3B,SAAS,QAAQ,gBAAgB;AACjC,SAAS,sBAAsB,oBAAoB,0BAA0B;AAC7E,SAAS,kBAA8B;AAenC,SAEI,KAFJ;AAXJ,IAAM,eAAe,WAA6C,CAAC,OAAO,QAAQ;AAChF,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,MAAM,cAAc,UAAU,aAAa,SAAS,UAAU,GAAG,UAAU,IAAI,mBAAkC,OAAO,KAAK;AAErI,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,CAAC,MAAM;AACT,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE,qBAAC,UAAO,KAAU,SAAS,cAAe,GAAG,WAC1C;AAAA,YAAQ,gBAAgB,WACvB,oBAAC,sBAAmB,SAAO,MAAC,SAAS,eAAe,GAAG,IACvD;AAAA,IACD,QAAQ,gBAAgB,aACvB,oBAAC,wBAAqB,SAAO,MAAC,MAAM,IAAI,SAAS,eAAe,KAAK,IACrE;AAAA,IACD;AAAA,KACH;AAEJ,CAAC;AAED,aAAa,cAAc;;;AC7B3B,SAAS,cAAAC,mBAA8B;AACvC,SAAS,mBAAmB;AAcnB,gBAAAC,YAAA;AATT,IAAM,aAAaC,YAA6C,CAAC,EAAE,IAAI,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,CAAC,UAAyC;AAC7D,cAAU,KAAK;AACf,QAAI,IAAI;AACN,eAAS,IAAI,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,gBAAAD,KAAC,gBAAa,KAAU,SAAS,cAAe,GAAG,OAAO;AACnE,CAAC;AAED,WAAW,cAAc;;;AFXX,gBAAAE,YAAA;AADd,IAAM,WAAWC,YAA6C,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ;AACvF,SAAO,KAAK,gBAAAD,KAAC,cAAW,IAAQ,KAAW,GAAG,OAAO,IAAK,gBAAAA,KAAC,gBAAc,GAAG,OAAO;AACrF,CAAC;AAED,SAAS,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","forwardRef"]}

package/dist/node/index.js

@@ -1,50 +0,0 @@
-// src/components/ButtonEx.tsx
-import { forwardRef as forwardRef3 } from "react";
-
-// src/components/ButtonExBase.tsx
-import { Button, useTheme } from "@mui/material";
-import { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from "@xylabs/react-shared";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ButtonExBase = forwardRef((props, ref) => {
-  const theme = useTheme();
-  const { busy, busyVariant = "linear", busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles(theme, props);
-  const localOnClick = (event) => {
-    if (!busy) {
-      onClick == null ? void 0 : onClick(event);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Button, { ref, onClick: localOnClick, ...rootProps, children: [
-    busy && busyVariant === "linear" ? /* @__PURE__ */ jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity ?? 0 }) : null,
-    busy && busyVariant === "circular" ? /* @__PURE__ */ jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity ?? 0.5 }) : null,
-    children
-  ] });
-});
-ButtonExBase.displayName = "ButtonExBaseXYLabs";
-
-// src/components/ButtonExTo.tsx
-import { forwardRef as forwardRef2 } from "react";
-import { useNavigate } from "react-router-dom";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ButtonToEx = forwardRef2(({ to, toOptions, onClick, ...props }, ref) => {
-  const navigate = useNavigate();
-  const localOnClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    if (to) {
-      navigate(to, toOptions);
-    }
-  };
-  return /* @__PURE__ */ jsx2(ButtonExBase, { ref, onClick: localOnClick, ...props });
-});
-ButtonToEx.displayName = "ButtonToExXYLabs";
-
-// src/components/ButtonEx.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ButtonEx = forwardRef3(({ to, ...props }, ref) => {
-  return to ? /* @__PURE__ */ jsx3(ButtonToEx, { to, ref, ...props }) : /* @__PURE__ */ jsx3(ButtonExBase, { ...props });
-});
-ButtonEx.displayName = "ButtonExXYLabs";
-export {
-  ButtonEx
-};
-//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ButtonEx.tsx","../../src/components/ButtonExBase.tsx","../../src/components/ButtonExTo.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\nimport { ButtonToEx } from './ButtonExTo.jsx'\n\nconst ButtonEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, ...props }, ref) => {\n  return to ? <ButtonToEx to={to} ref={ref} {...props} /> : <ButtonExBase {...props} />\n})\n\nButtonEx.displayName = 'ButtonExXYLabs'\n\nexport { ButtonEx }\n","import { Button, useTheme } from '@mui/material'\nimport { BusyCircularProgress, BusyLinearProgress, mergeBoxlikeStyles } from '@xylabs/react-shared'\nimport { forwardRef, MouseEvent } from 'react'\n\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonExBase = forwardRef<HTMLButtonElement, ButtonExProps>((props, ref) => {\n  const theme = useTheme()\n  const { busy, busyVariant = 'linear', busyOpacity, onClick, children, ...rootProps } = mergeBoxlikeStyles<ButtonExProps>(theme, props)\n\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!busy) {\n      onClick?.(event)\n    }\n  }\n\n  return (\n    <Button ref={ref} onClick={localOnClick} {...rootProps}>\n      {busy && busyVariant === 'linear' ?\n        <BusyLinearProgress rounded opacity={busyOpacity ?? 0} />\n      : null}\n      {busy && busyVariant === 'circular' ?\n        <BusyCircularProgress rounded size={24} opacity={busyOpacity ?? 0.5} />\n      : null}\n      {children}\n    </Button>\n  )\n})\n\nButtonExBase.displayName = 'ButtonExBaseXYLabs'\n\nexport { ButtonExBase }\n","import { forwardRef, MouseEvent } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport { ButtonExBase } from './ButtonExBase.jsx'\nimport { ButtonExProps } from './ButtonExProps.jsx'\n\nconst ButtonToEx = forwardRef<HTMLButtonElement, ButtonExProps>(({ to, toOptions, onClick, ...props }, ref) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ButtonExBase ref={ref} onClick={localOnClick} {...props} />\n})\n\nButtonToEx.displayName = 'ButtonToExXYLabs'\n\nexport { ButtonToEx }\n"],"mappings":";AAAA,SAAS,cAAAA,mBAAkB;;;ACA3B,SAAS,QAAQ,gBAAgB;AACjC,SAAS,sBAAsB,oBAAoB,0BAA0B;AAC7E,SAAS,kBAA8B;AAenC,SAEI,KAFJ;AAXJ,IAAM,eAAe,WAA6C,CAAC,OAAO,QAAQ;AAChF,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,MAAM,cAAc,UAAU,aAAa,SAAS,UAAU,GAAG,UAAU,IAAI,mBAAkC,OAAO,KAAK;AAErI,QAAM,eAAe,CAAC,UAAyC;AAC7D,QAAI,CAAC,MAAM;AACT,yCAAU;AAAA,IACZ;AAAA,EACF;AAEA,SACE,qBAAC,UAAO,KAAU,SAAS,cAAe,GAAG,WAC1C;AAAA,YAAQ,gBAAgB,WACvB,oBAAC,sBAAmB,SAAO,MAAC,SAAS,eAAe,GAAG,IACvD;AAAA,IACD,QAAQ,gBAAgB,aACvB,oBAAC,wBAAqB,SAAO,MAAC,MAAM,IAAI,SAAS,eAAe,KAAK,IACrE;AAAA,IACD;AAAA,KACH;AAEJ,CAAC;AAED,aAAa,cAAc;;;AC7B3B,SAAS,cAAAC,mBAA8B;AACvC,SAAS,mBAAmB;AAcnB,gBAAAC,YAAA;AATT,IAAM,aAAaC,YAA6C,CAAC,EAAE,IAAI,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,CAAC,UAAyC;AAC7D,uCAAU;AACV,QAAI,IAAI;AACN,eAAS,IAAI,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,gBAAAD,KAAC,gBAAa,KAAU,SAAS,cAAe,GAAG,OAAO;AACnE,CAAC;AAED,WAAW,cAAc;;;AFXX,gBAAAE,YAAA;AADd,IAAM,WAAWC,YAA6C,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ;AACvF,SAAO,KAAK,gBAAAD,KAAC,cAAW,IAAQ,KAAW,GAAG,OAAO,IAAK,gBAAAA,KAAC,gBAAc,GAAG,OAAO;AACrF,CAAC;AAED,SAAS,cAAc;","names":["forwardRef","forwardRef","jsx","forwardRef","jsx","forwardRef"]}