@xylabs/sdk-react 2.11.16 → 2.12.3

package/dist/esm/mergeBoxlikeStyles.js

@@ -0,0 +1,40 @@
+import { calcSpacing } from './calcSpacing';
+const mergeBoxlikeStyles = (theme, props, defaultProps) => {
+    const { alignContent, alignItems, alignSelf, bgcolor, border, borderColor, display, flexGrow, flexShrink, flexDirection, flexWrap, justifyContent, justifyItems, justifySelf, height, minHeight, minWidth, margin, marginX, marginY, marginTop, marginLeft, marginRight, marginBottom, padding, paddingX, paddingY, paddingTop, paddingLeft, paddingRight, paddingBottom, position, style, width, ...rootProps } = { ...defaultProps, ...props };
+    const mergedStyle = {
+        alignContent,
+        alignItems,
+        alignSelf,
+        backgroundColor: bgcolor,
+        border,
+        borderColor,
+        display,
+        flexDirection,
+        flexGrow,
+        flexShrink,
+        flexWrap,
+        height,
+        justifyContent,
+        justifyItems,
+        justifySelf,
+        marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]),
+        marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]),
+        marginRight: calcSpacing(theme, [marginRight, marginX, margin]),
+        marginTop: calcSpacing(theme, [marginTop, marginY, margin]),
+        minHeight,
+        minWidth,
+        paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]),
+        paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]),
+        paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]),
+        paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]),
+        position,
+        width,
+        ...style,
+    };
+    return {
+        ...rootProps,
+        style: mergedStyle,
+    };
+};
+export { mergeBoxlikeStyles };
+//# sourceMappingURL=mergeBoxlikeStyles.js.map

package/dist/esm/mergeBoxlikeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeBoxlikeStyles.js","sourceRoot":"","sources":["../../src/mergeBoxlikeStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,kBAAkB,GAAG,CAAkC,KAAY,EAAE,KAA4B,EAAE,YAAoC,EAAK,EAAE;IAClJ,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,SAAS,EACb,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAA;IACjC,MAAM,WAAW,GAAwB;QACvC,YAAY;QACZ,UAAU;QACV,SAAS;QACT,eAAe,EAAE,OAAO;QACxB,MAAM;QACN,WAAW;QACX,OAAO;QACP,aAAa;QACb,QAAQ;QACR,UAAU;QACV,QAAQ;QACR,MAAM;QACN,cAAc;QACd,YAAY;QACZ,WAAW;QACX,YAAY,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACjE,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7D,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAC/D,SAAS,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAC3D,SAAS;QACT,QAAQ;QACR,aAAa,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACrE,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACjE,YAAY,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACnE,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC/D,QAAQ;QACR,KAAK;QACL,GAAG,KAAK;KACT,CAAA;IACD,OAAO;QACL,GAAG,SAAS;QACZ,KAAK,EAAE,WAAW;KACd,CAAA;AACR,CAAC,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/package.json

@@ -12,12 +12,13 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@ethersproject/abstract-signer": "^5.6.0",
-    "@ethersproject/providers": "^5.6.4",
+    "@ethersproject/providers": "^5.6.5",
     "@mui/icons-material": "^5.6.2",
-    "@mui/material": "^5.6.3",
+    "@mui/material": "^5.6.4",
     "@mui/styles": "^5.6.2",
     "@xylabs/pixel": "^1.3.7",
-    "@xylabs/sdk-js": "^2.5.4",
+    "@xylabs/sdk-js": "^2.5.5",
+    "axios": "^0.27.2",
     "lodash": "^4.17.21",
     "md5": "^2.3.0",
     "numeral": "^2.0.6",
@@ -28,32 +29,46 @@
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-docs": "^6.4.22",
+    "@storybook/addon-essentials": "^6.4.22",
+    "@storybook/addon-interactions": "^6.4.22",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/addons": "^6.4.22",
+    "@storybook/api": "^6.4.22",
+    "@storybook/builder-webpack5": "^6.4.22",
+    "@storybook/components": "^6.4.22",
+    "@storybook/core-events": "^6.4.22",
+    "@storybook/manager-webpack5": "^6.4.22",
     "@storybook/react": "^6.4.22",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.4.22",
     "@types/lodash": "^4.14.182",
     "@types/md5": "^2.3.2",
     "@types/numeral": "^2.0.2",
     "@types/react": "^18.0.8",
-    "@types/react-dom": "^18.0.2",
+    "@types/react-dom": "^18.0.3",
     "@types/react-helmet": "^6.1.5",
     "@xylabs/eslint-config-react": "^2.1.5",
     "@xylabs/rollup-config": "^1.1.17",
-    "@xylabs/ts-scripts": "^1.0.55",
+    "@xylabs/ts-scripts": "^1.0.65",
     "@xylabs/tsconfig": "^1.0.13",
-    "axios": "^0.27.2",
     "copyfiles": "^2.4.1",
     "depcheck": "^1.4.3",
     "eslint": "^8.14.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.70.2",
+    "rollup": "^2.72.0",
+    "storybook-dark-mode": "^1.1.0",
     "ts-node": "^10.7.0",
     "typedoc": "^0.22.15",
-    "typescript": "^4.6.3"
+    "typescript": "^4.6.4",
+    "webpack": "^5.72.0"
   },
   "peerDependencies": {
-    "axios": ">0.26",
     "react": "*",
     "react-dom": "*"
   },
@@ -61,23 +76,27 @@
     "react": "^18",
     "react-dom": "^18"
   },
+  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
-  "browser": "dist/index.js",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/bundle/node-esm/index.js",
-        "require": "./dist/bundle/node/index.js"
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
       },
-      "default": "./dist/index.js"
+      "default": "./dist/esm/index.js"
     },
     "./dist/docs.json": {
       "default": "./dist/docs.json"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/bundle/node/index.js",
-  "module": "dist/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "homepage": "https://xylabs.com",
   "keywords": [
     "utility",
@@ -98,12 +117,15 @@
     "deploy": "yarn version patch -i && yarn build && yarn npm publish",
     "lint-pkg": "npmPkgJsonLint .",
     "start": "start-storybook -p 6006",
+    "copy-images": "yarn copy-images-esm && yarn copy-images-cjs",
+    "copy-images-esm": "copyfiles -u 1 \"src/**/*.svg\" \"src/**/*.jpg\" \"src/**/*.gif\" \"src/**/*.png\" dist/esm",
+    "copy-images-cjs": "copyfiles -u 1 \"src/**/*.svg\" \"src/**/*.jpg\" \"src/**/*.gif\" \"src/**/*.png\" dist/cjs",
     "test": "env TS_NODE_PROJECT=\"tsconfig.test.json\" mocha -r ts-node/register 'src/**/*.spec.ts'",
-    "build": "yarn xylabs-build && yarn gen:docs",
-    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.build.json"
+    "build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn copy-images && yarn gen:docs",
+    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json"
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts",
-  "version": "2.11.16",
+  "types": "dist/esm/index.d.ts",
+  "version": "2.12.3",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/EthAccount/EthAccountBox.stories.tsx

@@ -0,0 +1,97 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { EthAddress } from '@xylabs/sdk-js'
+
+import { FlexRow } from '../FlexBox'
+import { EthAccountBox } from './EthAccountBox'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: EthAccountBox,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'EthAccount/Box',
+} as ComponentMeta<typeof EthAccountBox>
+
+const Template: ComponentStory<typeof EthAccountBox> = (args) => (
+  <FlexRow>
+    <EthAccountBox {...args}></EthAccountBox>
+  </FlexRow>
+)
+
+const Long = Template.bind({})
+Long.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'long',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const LongEmpty = Template.bind({})
+LongEmpty.args = {
+  addressLength: 'long',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Medium = Template.bind({})
+Medium.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const MediumEmpty = Template.bind({})
+MediumEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Short = Template.bind({})
+Short.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const ShortEmpty = Template.bind({})
+ShortEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Auto = Template.bind({})
+Auto.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const AutoEmpty = Template.bind({})
+AutoEmpty.args = {
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/EthAccount/EthAccountBox.tsx

@@ -0,0 +1,59 @@
+import { Typography, useTheme } from '@mui/material'
+import { assertEx, EthAddress } from '@xylabs/sdk-js'
+import { useContext } from 'react'
+
+import { EthersContext } from '../../contexts'
+import { useMediaQuery } from '../../hooks'
+import { FlexBoxProps, FlexRow } from '../FlexBox'
+import { Identicon } from '../Identicon'
+import { EthAccountProps } from './EthAccountProps'
+
+export const EthAccountBox: React.FC<EthAccountProps & FlexBoxProps> = ({
+  address,
+  icon = false,
+  iconSize = 16,
+  iconOnly = false,
+  shortenedLength,
+  addressLength = 'auto',
+  fontFamily = '"Source Code Pro",monospace',
+  ...props
+}) => {
+  const { localAddress } = useContext(EthersContext)
+  const theme = useTheme()
+
+  const large = useMediaQuery(theme.breakpoints.up('md'))
+
+  const isLocalAddress = address ? localAddress?.toString() === address.toString() : false
+
+  const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address')
+
+  const textToDisplay =
+    addressLength === 'long'
+      ? addressToDisplay.toString()
+      : addressLength === 'short'
+      ? addressToDisplay.toShortString(shortenedLength)
+      : large
+      ? addressToDisplay.toString()
+      : addressToDisplay.toShortString()
+
+  // Note: We use the all zero address for spacing in case it is
+
+  return (
+    <FlexRow justifyContent="space-between" alignItems="center" {...props}>
+      {icon && address ? <Identicon size={iconSize} value={address?.toHex()} /> : null}
+      {iconOnly ? null : (
+        <FlexRow>
+          <Typography marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily} visibility={address ? 'inherit' : 'hidden'}>
+            {textToDisplay}
+          </Typography>
+          {address ? null : (
+            <Typography position="absolute" marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
+              -- --
+            </Typography>
+          )}
+        </FlexRow>
+      )}
+      {isLocalAddress ? <FlexRow marginLeft={0.5}>(You)</FlexRow> : null}
+    </FlexRow>
+  )
+}

package/src/components/EthAccount/EthAccountButton.stories.tsx

@@ -0,0 +1,97 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { EthAddress } from '@xylabs/sdk-js'
+
+import { FlexRow } from '../FlexBox'
+import { EthAccountButton } from './EthAccountButton'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: EthAccountButton,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'EthAccount/Button',
+} as ComponentMeta<typeof EthAccountButton>
+
+const Template: ComponentStory<typeof EthAccountButton> = (args) => (
+  <FlexRow>
+    <EthAccountButton variant="outlined" {...args}></EthAccountButton>
+  </FlexRow>
+)
+
+const Long = Template.bind({})
+Long.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'long',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const LongEmpty = Template.bind({})
+LongEmpty.args = {
+  addressLength: 'long',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Medium = Template.bind({})
+Medium.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const MediumEmpty = Template.bind({})
+MediumEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  shortenedLength: 8,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Short = Template.bind({})
+Short.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const ShortEmpty = Template.bind({})
+ShortEmpty.args = {
+  addressLength: 'short',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const Auto = Template.bind({})
+Auto.args = {
+  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+const AutoEmpty = Template.bind({})
+AutoEmpty.args = {
+  addressLength: 'auto',
+  icon: true,
+  title: 'Sample EthAccount',
+  toEtherScan: true,
+}
+
+export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/EthAccount/EthAccountButton.tsx

@@ -0,0 +1,48 @@
+import { MouseEvent } from 'react'
+
+import { ButtonEx, ButtonExProps } from '../ButtonEx'
+import { EthAccountBox } from './EthAccountBox'
+import { EthAccountProps } from './EthAccountProps'
+
+export interface EthAccountButtonProps extends EthAccountProps {
+  toEtherScan?: boolean
+}
+
+export const EthAccountButton: React.FC<EthAccountButtonProps & ButtonExProps> = ({
+  address,
+  full,
+  icon = false,
+  iconSize = 16,
+  iconOnly = false,
+  shortenedLength,
+  addressLength = 'auto',
+  fontFamily = '"Source Code Pro",monospace',
+  toEtherScan,
+  onClick,
+  ...props
+}) => {
+  const onClickLocal = (event: MouseEvent<HTMLButtonElement>) => {
+    onClick?.(event)
+    if (toEtherScan && address) {
+      window.open(`https://etherscan.io/address/${address.toString()}`, '_blank')
+    }
+  }
+
+  return (
+    <ButtonEx onClick={onClickLocal} title={`0x${address?.toHex()}`} {...props}>
+      <EthAccountBox
+        address={address}
+        addressLength={addressLength}
+        shortenedLength={shortenedLength}
+        full={full}
+        icon={icon}
+        iconSize={iconSize}
+        iconOnly={iconOnly}
+        fontFamily={fontFamily}
+      />
+    </ButtonEx>
+  )
+}
+
+/** @deprecated use EthAccountButton or EthAccountBox */
+export const EthAccount = EthAccountButton

package/src/components/EthAccount/EthAccountProps.tsx

@@ -1,9 +1,6 @@
 import { EthAddress } from '@xylabs/sdk-js'
-import { MouseEventHandler } from 'react'
 
-import { ButtonExProps } from '../ButtonEx'
-
-interface EthAccountProps extends ButtonExProps {
+interface EthAccountProps {
   address?: EthAddress | null
   addressLength?: 'auto' | 'short' | 'long'
   shortenedLength?: number
@@ -11,11 +8,8 @@ interface EthAccountProps extends ButtonExProps {
   icon?: boolean
   iconSize?: number
   iconOnly?: boolean
-  text?: boolean
-  page?: string
   toEtherScan?: boolean
   fontFamily?: string
-  onButtonClick?: MouseEventHandler<HTMLButtonElement>
 }
 
 export type { EthAccountProps }

package/src/components/EthAccount/index.ts

@@ -1,5 +1,3 @@
-import { EthAccount } from './EthAccount'
-import { EthAccountProps } from './EthAccountProps'
-
-export { EthAccount }
-export type { EthAccountProps }
+export * from './EthAccountBox'
+export * from './EthAccountButton'
+export * from './EthAccountProps'

package/dist/BoxlikeComponentProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxlikeComponentProps.js","sourceRoot":"","sources":["../src/BoxlikeComponentProps.ts"],"names":[],"mappings":""}

package/dist/BusyProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BusyProps.js","sourceRoot":"","sources":["../src/BusyProps.ts"],"names":[],"mappings":""}

package/dist/Margin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Margin.js","sourceRoot":"","sources":["../src/Margin.ts"],"names":[],"mappings":""}

package/dist/Padding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Padding.js","sourceRoot":"","sources":["../src/Padding.ts"],"names":[],"mappings":""}

package/dist/WithChildren.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WithChildren.js","sourceRoot":"","sources":["../src/WithChildren.ts"],"names":[],"mappings":""}

package/dist/bundle/node/BoxlikeComponentProps.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import { Margin } from './Margin';
-import { Padding } from './Padding';
-export declare type FlexValue = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
-export interface BoxlikeComponentProps {
-    alignContent?: FlexValue;
-    alignItems?: FlexValue;
-    alignSelf?: FlexValue;
-    bgcolor?: string;
-    border?: string;
-    borderColor?: string;
-    display?: 'block' | 'inline' | 'flex' | 'inline-block' | 'inherit';
-    flexDirection?: 'row' | 'column';
-    flexGrow?: number;
-    flexShrink?: number;
-    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-    height?: number | string;
-    justifyContent?: FlexValue;
-    justifyItems?: FlexValue;
-    justifySelf?: FlexValue;
-    margin?: Margin;
-    marginBottom?: Margin;
-    marginLeft?: Margin;
-    marginRight?: Margin;
-    marginTop?: Margin;
-    marginX?: Margin;
-    marginY?: Margin;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    padding?: Padding;
-    paddingBottom?: Padding;
-    paddingLeft?: Padding;
-    paddingRight?: Padding;
-    paddingTop?: Padding;
-    paddingX?: Padding;
-    paddingY?: Padding;
-    position?: 'static' | 'absolute' | 'fixed' | 'relative' | 'sticky' | 'initial' | 'inherit';
-    style?: React.CSSProperties;
-    width?: number | string;
-}

package/dist/bundle/node/BusyProps.d.ts

@@ -1,12 +0,0 @@
-import { CircularProgressProps, LinearProgressProps } from '@mui/material';
-export declare type MaterialUIThemeColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-export declare type BusyVariant = 'circular' | 'linear';
-export interface BusyProps {
-    busy?: boolean;
-    busyOpacity?: string | number;
-    busyColor?: MaterialUIThemeColor;
-    busyVariant?: BusyVariant;
-    busyCircularProps?: CircularProgressProps;
-    busyLinearProps?: LinearProgressProps;
-    busySize?: number;
-}

package/dist/bundle/node/Margin.d.ts

@@ -1 +0,0 @@
-export declare type Margin = string | number | undefined;

package/dist/bundle/node/Padding.d.ts

@@ -1 +0,0 @@
-export declare type Padding = string | number | undefined;

package/dist/bundle/node/WithChildren.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from 'react';
-export declare type WithChildren<T = unknown> = Omit<T, 'children'> & {
-    children?: ReactNode | undefined;
-};

package/dist/bundle/node/components/AppBarEx/AppBarEx.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./AppBarExProps").AppBarExProps>>;
-declare const Empty: ComponentStory<import("react").FC<import("./AppBarExProps").AppBarExProps>>;
-export { Empty };
-export default StorybookEntry;

package/dist/bundle/node/components/BasePage/BasePage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BasePageProps").BasePageProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./BasePageProps").BasePageProps>>;
-export { Default };
-export default StorybookEntry;

package/dist/bundle/node/components/Breadcrumbs/BreadcrumbsEx.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./BreadcrumbsEx").BreadcrumbsExProps>>;
-declare const SingleLevel: ComponentStory<import("react").FC<import("./BreadcrumbsEx").BreadcrumbsExProps>>;
-declare const DoubleLevel: ComponentStory<import("react").FC<import("./BreadcrumbsEx").BreadcrumbsExProps>>;
-export { DoubleLevel, SingleLevel };
-export default StorybookEntry;

package/dist/bundle/node/components/ButtonEx/ButtonEx.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const BusyCircular: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-declare const BusyLinear: ComponentStory<import("react").FC<import("./ButtonExProps").ButtonExProps>>;
-export { BusyCircular, BusyLinear, Default };
-export default StorybookEntry;

package/dist/bundle/node/components/CookieConsent/CookieConsent.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./CookieConsentProps").CookieConsentProps>>;
-declare const WithContext: ComponentStory<import("react").FC<import("./CookieConsentProps").CookieConsentProps>>;
-declare const WithoutContext: ComponentStory<import("react").FC<import("./CookieConsentProps").CookieConsentProps>>;
-export { WithContext, WithoutContext };
-export default StorybookEntry;

package/dist/bundle/node/components/Errors/ErrorViewer.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ErrorViewerProps").ErrorViewerProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./ErrorViewerProps").ErrorViewerProps>>;
-export { Default };
-export default StorybookEntry;

package/dist/bundle/node/components/Errors/ErrorsViewer.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const StorybookEntry: ComponentMeta<import("react").FC<import("./ErrorsViewerProps").ErrorsViewerProps>>;
-declare const Default: ComponentStory<import("react").FC<import("./ErrorsViewerProps").ErrorsViewerProps>>;
-export { Default };
-export default StorybookEntry;

package/dist/bundle/node/components/EthAccount/EthAccount.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { EthAccountProps } from './EthAccountProps';
-declare const EthAccount: React.FC<EthAccountProps>;
-export { EthAccount };