@gobolt/genesis 0.2.20 → 0.3.0

package/dist/components/Tooltip/Tooltip.js

@@ -8,14 +8,14 @@ const Tooltip = ({ tip = "", children }) => {
     {
       "data-testid": "Tooltip",
       placement: "top",
-      color: "white",
-      title: /* @__PURE__ */ jsx(
+      title: /* @__PURE__ */ jsx("div", { style: { marginTop: 2 }, children: /* @__PURE__ */ jsx(
         Typography,
         {
-          variant: TYPOGRAPHY_VARIANT.body1,
+          variant: TYPOGRAPHY_VARIANT.body2,
+          color: "white",
           children: tip
         }
-      ),
+      ) }),
       children
     }
   );

package/dist/components/Tooltip/styles.cjs

@@ -2,8 +2,24 @@
 var styled = require("styled-components");
 var index = require("../../node_modules/antd/es/tooltip/index.cjs");
 const getGenesisClass = ({ colors, borderRadius, sizing }, type = "primary", state = "active") => `
-  
- `;
+  .ant-tooltip {
+    --antd-arrow-background-color: ${colors.surface.dark};
+  }
+
+  .ant-tooltip-inner {
+    background-color: ${colors.surface.dark};
+    border-radius: ${borderRadius.sm};
+    padding: ${sizing.xs} ${sizing.sm};
+    font-size: 14px;
+    line-height: 20px;
+    color: ${colors.onsurface.white};
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .ant-tooltip-arrow-content {
+    background-color: ${colors.surface.dark};
+  }
+`;
 const Tooltip = styled(index)`
   ${({ theme, type, state }) => {
   return getGenesisClass(theme, type, state);

package/dist/components/Tooltip/styles.d.ts

@@ -1,5 +1,5 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledTooltipProps {
+interface StyledTooltipProperties {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";
     state?: "active" | "disabled";
@@ -13,7 +13,7 @@ export declare const Tooltip: import('styled-components/dist/types').IStyledComp
     ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
 }) | (Omit<import('antd/es/tooltip').TooltipPropsWithOverlay & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
     ref?: import('react').Ref<import('antd/es/tooltip').TooltipRef>;
-}), StyledTooltipProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').TooltipProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
+}), StyledTooltipProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').TooltipProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/tooltip/PurePanel').PurePanelProps>;
 }, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Tooltip/styles.js

@@ -1,8 +1,24 @@
 import styled from "styled-components";
 import Tooltip$1 from "../../node_modules/antd/es/tooltip/index.js";
 const getGenesisClass = ({ colors, borderRadius, sizing }, type = "primary", state = "active") => `
-  
- `;
+  .ant-tooltip {
+    --antd-arrow-background-color: ${colors.surface.dark};
+  }
+
+  .ant-tooltip-inner {
+    background-color: ${colors.surface.dark};
+    border-radius: ${borderRadius.sm};
+    padding: ${sizing.xs} ${sizing.sm};
+    font-size: 14px;
+    line-height: 20px;
+    color: ${colors.onsurface.white};
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+  .ant-tooltip-arrow-content {
+    background-color: ${colors.surface.dark};
+  }
+`;
 const Tooltip = styled(Tooltip$1)`
   ${({ theme, type, state }) => {
   return getGenesisClass(theme, type, state);

package/dist/components/Typography/Typography.cjs

@@ -26,7 +26,7 @@ const Typography = ({
         variant,
         breakpoint,
         color,
-        level: parseInt(level),
+        level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style,
         disabled: isDisabled,

package/dist/components/Typography/Typography.js

@@ -25,7 +25,7 @@ const Typography = ({
         variant,
         breakpoint,
         color,
-        level: parseInt(level),
+        level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style,
         disabled: isDisabled,

package/dist/components/Typography/styles.cjs

@@ -17,7 +17,7 @@ const getColor = (color, colors, $themeType) => {
 };
 const getFontFamily = (variant) => {
   return `
-    ${!variant.includes("digits") ? "'Inter', sans-serif" : "'Roboto Mono', sans-serif"} !important;
+    ${variant.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
   `;
 };
 const getGenesisTypographyClass = ({ colors, typography }, $themeType, variant, state, breakpoint, color, $isFullWidth) => `
@@ -57,7 +57,9 @@ const Headline = styled(index.Title)`
   );
 }}
 `;
-const Paragraph = styled(index.Paragraph)`
+const Paragraph = styled(
+  index.Paragraph
+)`
   ${({
   theme,
   $themeType,

package/dist/components/Typography/styles.d.ts

@@ -1,6 +1,6 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 import { TYPE, STATE } from '../../constants';
-interface TypographyStyledProps {
+interface TypographyStyledProperties {
     theme: GenesisTheme;
     $themeType?: keyof typeof TYPE;
     variant?: string;
@@ -11,11 +11,11 @@ interface TypographyStyledProps {
 }
 export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: import('react').Ref<HTMLElement>;
-}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+}, TypographyStyledProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const Paragraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: import('react').Ref<HTMLElement>;
-}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+}, TypographyStyledProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Paragraph').ParagraphProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: import('react').Ref<HTMLSpanElement>;
-}, TypographyStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+}, TypographyStyledProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Typography/styles.js

@@ -16,7 +16,7 @@ const getColor = (color, colors, $themeType) => {
 };
 const getFontFamily = (variant) => {
   return `
-    ${!variant.includes("digits") ? "'Inter', sans-serif" : "'Roboto Mono', sans-serif"} !important;
+    ${variant.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
   `;
 };
 const getGenesisTypographyClass = ({ colors, typography }, $themeType, variant, state, breakpoint, color, $isFullWidth) => `
@@ -56,7 +56,9 @@ const Headline = styled(Typography.Title)`
   );
 }}
 `;
-const Paragraph = styled(Typography.Paragraph)`
+const Paragraph = styled(
+  Typography.Paragraph
+)`
   ${({
   theme,
   $themeType,

package/dist/components/index.d.ts

@@ -15,6 +15,8 @@ export { default as Card } from './Card';
 export type { CardProps } from './Card';
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
+export { default as Chat } from './Chat';
+export type { ChatProps } from './Chat';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { default as DateRangePicker } from './DateRangePicker';
@@ -25,6 +27,8 @@ export { default as ErrorBoundaryFallback } from './ErrorBoundaryFallback';
 export type { ErrorBoundaryFallbackProps } from './ErrorBoundaryFallback';
 export { default as Form } from './Form';
 export type { FormProps } from './Form';
+export { default as UnitNumber } from './Glyph/custom/UnitNumber';
+export type { UnitNumberProps } from './Glyph/custom/UnitNumber';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as Layout } from './Layout';
@@ -45,8 +49,6 @@ export { default as SegmentedControls } from './SegmentedControls';
 export type { SegmentedControlsProps } from './SegmentedControls';
 export { default as Select } from './Select';
 export type { SelectProps } from './Select';
-export { default as MultiSelectCount } from './Select/MultiSelectCount';
-export type { MultiSelectCountProps } from './Select/MultiSelectCount';
 export { default as Shapes } from './Shapes';
 export type { ShapesProps } from './Shapes';
 export { default as Switch } from './Switch';

package/dist/components/shared/DropdownChevron.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
 var useGenesis = require("../../providers/useGenesis.cjs");
-const DropdownChevron = (props) => {
+const DropdownChevron = (properties) => {
   const { theme } = useGenesis.useGenesis();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -10,11 +10,11 @@ const DropdownChevron = (props) => {
       width: 20,
       height: 20,
       fill: "none",
-      ...props,
+      ...properties,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          fill: theme.colors.inputs.onsurface.placeholder,
+          fill: "#222",
           fillRule: "evenodd",
           d: "M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",
           clipRule: "evenodd"

package/dist/components/shared/DropdownChevron.d.ts

@@ -1,2 +1,2 @@
-declare const DropdownChevron: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownChevron: (properties: any) => import("react/jsx-runtime").JSX.Element;
 export default DropdownChevron;

package/dist/components/shared/DropdownChevron.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useGenesis } from "../../providers/useGenesis.js";
-const DropdownChevron = (props) => {
+const DropdownChevron = (properties) => {
   const { theme } = useGenesis();
   return /* @__PURE__ */ jsx(
     "svg",
@@ -9,11 +9,11 @@ const DropdownChevron = (props) => {
       width: 20,
       height: 20,
       fill: "none",
-      ...props,
+      ...properties,
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          fill: theme.colors.inputs.onsurface.placeholder,
+          fill: "#222",
           fillRule: "evenodd",
           d: "M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",
           clipRule: "evenodd"

package/dist/genesis/GenesisThemeDemo.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface GenesisThemeDemoProps {
+export interface GenesisThemeDemoProperties {
 }
-declare const GenesisThemeDemo: React.FC<GenesisThemeDemoProps>;
+declare const GenesisThemeDemo: React.FC<GenesisThemeDemoProperties>;
 export default GenesisThemeDemo;

package/dist/genesis/styles.d.ts

@@ -1,11 +1,11 @@
 import { DefaultTheme } from 'styled-components';
-interface StyledProps {
+interface StyledProperties {
     theme: DefaultTheme;
 }
 export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
-}, StyledProps>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
+}, StyledProperties>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
 export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {
     ref?: import('react').Ref<HTMLElement>;
-}, StyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+}, StyledProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/index.cjs

@@ -9,11 +9,13 @@ var UtilityButton = require("./components/Button/UtilityButton.cjs");
 var IconButton = require("./components/Button/IconButton.cjs");
 var Card = require("./components/Card/Card.cjs");
 var Checkbox = require("./components/Checkbox/Checkbox.cjs");
+var Chat = require("./components/Chat/Chat.cjs");
 var DatePicker = require("./components/DatePicker/DatePicker.cjs");
 var DateRangePicker = require("./components/DateRangePicker/DateRangePicker.cjs");
 var ErrorBoundary = require("./components/ErrorBoundary/ErrorBoundary.cjs");
 var ErrorBoundaryFallback = require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs");
 var Form = require("./components/Form/Form.cjs");
+var UnitNumber = require("./components/Glyph/custom/UnitNumber.cjs");
 var Input = require("./components/Input/Input.cjs");
 var Layout = require("./components/Layout/Layout.cjs");
 var Message = require("./components/Message/Message.cjs");
@@ -24,10 +26,9 @@ var RadioGroup = require("./components/Radio/RadioGroup.cjs");
 var Row = require("./components/Row/Row.cjs");
 var SegmentedControls = require("./components/SegmentedControls/SegmentedControls.cjs");
 var Select = require("./components/Select/Select.cjs");
-var MultiSelectCount = require("./components/Select/MultiSelectCount.cjs");
 var Shapes = require("./components/Shapes/Shapes.cjs");
 var Switch = require("./components/Switch/Switch.cjs");
-var Table = require("./components/Table/Table.cjs");
+var TablePagination = require("./components/Table/TablePagination.cjs");
 var TableWithControls = require("./components/Table/TableWithControls/TableWithControls.cjs");
 var Tabs = require("./components/Tabs/Tabs.cjs");
 var Tile = require("./components/Tile/Tile.cjs");
@@ -49,11 +50,13 @@ exports.UtilityButton = UtilityButton;
 exports.IconButton = IconButton;
 exports.Card = Card;
 exports.Checkbox = Checkbox;
+exports.Chat = Chat;
 exports.DatePicker = DatePicker;
 exports.DateRangePicker = DateRangePicker;
 exports.ErrorBoundary = ErrorBoundary;
 exports.ErrorBoundaryFallback = ErrorBoundaryFallback;
 exports.Form = Form.default;
+exports.UnitNumber = UnitNumber;
 exports.Input = Input;
 exports.Layout = Layout;
 exports.Message = Message;
@@ -64,10 +67,9 @@ exports.RadioGroup = RadioGroup;
 exports.Row = Row;
 exports.SegmentedControls = SegmentedControls;
 exports.Select = Select;
-exports.MultiSelectCount = MultiSelectCount;
 exports.Shapes = Shapes;
 exports.Switch = Switch;
-exports.Table = Table;
+exports.Table = TablePagination;
 exports.TableWithControls = TableWithControls;
 exports.Tabs = Tabs;
 exports.Tile = Tile;

package/dist/index.js

@@ -8,31 +8,32 @@ import { default as default7 } from "./components/Button/UtilityButton.js";
 import { default as default8 } from "./components/Button/IconButton.js";
 import { default as default9 } from "./components/Card/Card.js";
 import { default as default10 } from "./components/Checkbox/Checkbox.js";
-import { default as default11 } from "./components/DatePicker/DatePicker.js";
-import { default as default12 } from "./components/DateRangePicker/DateRangePicker.js";
-import { default as default13 } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as default14 } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-import { default as default15 } from "./components/Form/Form.js";
-import { default as default16 } from "./components/Input/Input.js";
-import { default as default17 } from "./components/Layout/Layout.js";
-import { default as default18 } from "./components/Message/Message.js";
-import { default as default19 } from "./components/Notification/Notification.js";
-import { default as default20 } from "./components/Popover/Popover.js";
-import { default as default21 } from "./components/Progress/Progress.js";
-import { default as default22 } from "./components/Radio/RadioGroup.js";
-import { default as default23 } from "./components/Row/Row.js";
-import { default as default24 } from "./components/SegmentedControls/SegmentedControls.js";
-import { default as default25 } from "./components/Select/Select.js";
-import { default as default26 } from "./components/Select/MultiSelectCount.js";
-import { default as default27 } from "./components/Shapes/Shapes.js";
-import { default as default28 } from "./components/Switch/Switch.js";
-import { default as default29 } from "./components/Table/Table.js";
-import { default as default30 } from "./components/Table/TableWithControls/TableWithControls.js";
-import { default as default31 } from "./components/Tabs/Tabs.js";
-import { default as default32 } from "./components/Tile/Tile.js";
-import { default as default33 } from "./components/Toast/Toast.js";
-import { default as default34 } from "./components/Tooltip/Tooltip.js";
-import { default as default35 } from "./components/Typography/Typography.js";
+import { default as default11 } from "./components/Chat/Chat.js";
+import { default as default12 } from "./components/DatePicker/DatePicker.js";
+import { default as default13 } from "./components/DateRangePicker/DateRangePicker.js";
+import { default as default14 } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as default15 } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import { default as default16 } from "./components/Form/Form.js";
+import { default as default17 } from "./components/Glyph/custom/UnitNumber.js";
+import { default as default18 } from "./components/Input/Input.js";
+import { default as default19 } from "./components/Layout/Layout.js";
+import { default as default20 } from "./components/Message/Message.js";
+import { default as default21 } from "./components/Notification/Notification.js";
+import { default as default22 } from "./components/Popover/Popover.js";
+import { default as default23 } from "./components/Progress/Progress.js";
+import { default as default24 } from "./components/Radio/RadioGroup.js";
+import { default as default25 } from "./components/Row/Row.js";
+import { default as default26 } from "./components/SegmentedControls/SegmentedControls.js";
+import { default as default27 } from "./components/Select/Select.js";
+import { default as default28 } from "./components/Shapes/Shapes.js";
+import { default as default29 } from "./components/Switch/Switch.js";
+import { default as default30 } from "./components/Table/TablePagination.js";
+import { default as default31 } from "./components/Table/TableWithControls/TableWithControls.js";
+import { default as default32 } from "./components/Tabs/Tabs.js";
+import { default as default33 } from "./components/Tile/Tile.js";
+import { default as default34 } from "./components/Toast/Toast.js";
+import { default as default35 } from "./components/Tooltip/Tooltip.js";
+import { default as default36 } from "./components/Typography/Typography.js";
 import { GenesisProvider } from "./providers/GenesisProvider.js";
 import { useTable } from "./components/Table/useTable.js";
 import { useTableWithControls } from "./components/Table/TableWithControls/useTableWithControls.js";
@@ -44,37 +45,38 @@ export {
   default5 as Breadcrumb,
   default6 as Button,
   default9 as Card,
+  default11 as Chat,
   default10 as Checkbox,
-  default11 as DatePicker,
-  default12 as DateRangePicker,
-  default13 as ErrorBoundary,
-  default14 as ErrorBoundaryFallback,
-  default15 as Form,
+  default12 as DatePicker,
+  default13 as DateRangePicker,
+  default14 as ErrorBoundary,
+  default15 as ErrorBoundaryFallback,
+  default16 as Form,
   default2 as GENESIS,
   GenesisProvider,
   GlobalStyles,
   default8 as IconButton,
-  default16 as Input,
-  default17 as Layout,
-  default18 as Message,
-  default26 as MultiSelectCount,
-  default19 as Notification,
-  default20 as Popover,
-  default21 as Progress,
-  default22 as RadioGroup,
-  default23 as Row,
-  default24 as SegmentedControls,
-  default25 as Select,
-  default27 as Shapes,
-  default28 as Switch,
-  default29 as Table,
-  default30 as TableWithControls,
-  default31 as Tabs,
-  default32 as Tile,
-  default33 as Toast,
-  default34 as Tooltip,
-  default35 as Typography,
+  default18 as Input,
+  default19 as Layout,
+  default20 as Message,
+  default21 as Notification,
+  default22 as Popover,
+  default23 as Progress,
+  default24 as RadioGroup,
+  default25 as Row,
+  default26 as SegmentedControls,
+  default27 as Select,
+  default28 as Shapes,
+  default29 as Switch,
+  default30 as Table,
+  default31 as TableWithControls,
+  default32 as Tabs,
+  default33 as Tile,
+  default34 as Toast,
+  default35 as Tooltip,
+  default36 as Typography,
   TypographySizeKey,
+  default17 as UnitNumber,
   default7 as UtilityButton,
   baseTokens,
   breakpoints,

package/dist/node_modules/@socket.io/component-emitter/lib/esm/index.cjs

@@ -0,0 +1,72 @@
+"use strict";
+function Emitter(obj) {
+  if (obj) return mixin(obj);
+}
+function mixin(obj) {
+  for (var key in Emitter.prototype) {
+    obj[key] = Emitter.prototype[key];
+  }
+  return obj;
+}
+Emitter.prototype.on = Emitter.prototype.addEventListener = function(event, fn) {
+  this._callbacks = this._callbacks || {};
+  (this._callbacks["$" + event] = this._callbacks["$" + event] || []).push(fn);
+  return this;
+};
+Emitter.prototype.once = function(event, fn) {
+  function on() {
+    this.off(event, on);
+    fn.apply(this, arguments);
+  }
+  on.fn = fn;
+  this.on(event, on);
+  return this;
+};
+Emitter.prototype.off = Emitter.prototype.removeListener = Emitter.prototype.removeAllListeners = Emitter.prototype.removeEventListener = function(event, fn) {
+  this._callbacks = this._callbacks || {};
+  if (0 == arguments.length) {
+    this._callbacks = {};
+    return this;
+  }
+  var callbacks = this._callbacks["$" + event];
+  if (!callbacks) return this;
+  if (1 == arguments.length) {
+    delete this._callbacks["$" + event];
+    return this;
+  }
+  var cb;
+  for (var i = 0; i < callbacks.length; i++) {
+    cb = callbacks[i];
+    if (cb === fn || cb.fn === fn) {
+      callbacks.splice(i, 1);
+      break;
+    }
+  }
+  if (callbacks.length === 0) {
+    delete this._callbacks["$" + event];
+  }
+  return this;
+};
+Emitter.prototype.emit = function(event) {
+  this._callbacks = this._callbacks || {};
+  var args = new Array(arguments.length - 1), callbacks = this._callbacks["$" + event];
+  for (var i = 1; i < arguments.length; i++) {
+    args[i - 1] = arguments[i];
+  }
+  if (callbacks) {
+    callbacks = callbacks.slice(0);
+    for (var i = 0, len = callbacks.length; i < len; ++i) {
+      callbacks[i].apply(this, args);
+    }
+  }
+  return this;
+};
+Emitter.prototype.emitReserved = Emitter.prototype.emit;
+Emitter.prototype.listeners = function(event) {
+  this._callbacks = this._callbacks || {};
+  return this._callbacks["$" + event] || [];
+};
+Emitter.prototype.hasListeners = function(event) {
+  return !!this.listeners(event).length;
+};
+exports.Emitter = Emitter;

package/dist/node_modules/@socket.io/component-emitter/lib/esm/index.js

@@ -0,0 +1,73 @@
+function Emitter(obj) {
+  if (obj) return mixin(obj);
+}
+function mixin(obj) {
+  for (var key in Emitter.prototype) {
+    obj[key] = Emitter.prototype[key];
+  }
+  return obj;
+}
+Emitter.prototype.on = Emitter.prototype.addEventListener = function(event, fn) {
+  this._callbacks = this._callbacks || {};
+  (this._callbacks["$" + event] = this._callbacks["$" + event] || []).push(fn);
+  return this;
+};
+Emitter.prototype.once = function(event, fn) {
+  function on() {
+    this.off(event, on);
+    fn.apply(this, arguments);
+  }
+  on.fn = fn;
+  this.on(event, on);
+  return this;
+};
+Emitter.prototype.off = Emitter.prototype.removeListener = Emitter.prototype.removeAllListeners = Emitter.prototype.removeEventListener = function(event, fn) {
+  this._callbacks = this._callbacks || {};
+  if (0 == arguments.length) {
+    this._callbacks = {};
+    return this;
+  }
+  var callbacks = this._callbacks["$" + event];
+  if (!callbacks) return this;
+  if (1 == arguments.length) {
+    delete this._callbacks["$" + event];
+    return this;
+  }
+  var cb;
+  for (var i = 0; i < callbacks.length; i++) {
+    cb = callbacks[i];
+    if (cb === fn || cb.fn === fn) {
+      callbacks.splice(i, 1);
+      break;
+    }
+  }
+  if (callbacks.length === 0) {
+    delete this._callbacks["$" + event];
+  }
+  return this;
+};
+Emitter.prototype.emit = function(event) {
+  this._callbacks = this._callbacks || {};
+  var args = new Array(arguments.length - 1), callbacks = this._callbacks["$" + event];
+  for (var i = 1; i < arguments.length; i++) {
+    args[i - 1] = arguments[i];
+  }
+  if (callbacks) {
+    callbacks = callbacks.slice(0);
+    for (var i = 0, len = callbacks.length; i < len; ++i) {
+      callbacks[i].apply(this, args);
+    }
+  }
+  return this;
+};
+Emitter.prototype.emitReserved = Emitter.prototype.emit;
+Emitter.prototype.listeners = function(event) {
+  this._callbacks = this._callbacks || {};
+  return this._callbacks["$" + event] || [];
+};
+Emitter.prototype.hasListeners = function(event) {
+  return !!this.listeners(event).length;
+};
+export {
+  Emitter
+};