@elliemae/ds-button-v2 3.12.0-rc.5

package/dist/cjs/styles.js

@@ -0,0 +1,213 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  DefaultButton: () => DefaultButton,
+  FilledButton: () => FilledButton,
+  OutlineButton: () => OutlineButton,
+  RawButton: () => RawButton,
+  TextButton: () => TextButton
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants");
+var import_DSButtonV2Definitions = require("./DSButtonV2Definitions");
+const pseudoBorder = import_ds_system.css`
+  position: absolute;
+  content: '';
+  border-style: solid;
+  border-width: ${({ size, buttonType }) => size === import_constants.BUTTON_SIZES.S && buttonType === import_constants.BUTTON_TYPES.FILLED ? "1px" : "2px"};
+  ${({ buttonType, shape, theme }) => {
+  if (buttonType === import_constants.BUTTON_TYPES.FILLED || buttonType === import_constants.BUTTON_TYPES.ICON_FILLED) {
+    return `
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          border-color: ${theme.colors.neutral["000"]};
+          border-radius: ${shape !== import_constants.BUTTON_SHAPES.DEFAULT ? "50%" : "0px"};
+      `;
+  }
+  return `
+    top: -1px;
+    left: -1px;
+    width: calc(100% + 2px);
+    height: calc(100% + 2px);
+    border-radius:  ${shape !== import_constants.BUTTON_SHAPES.DEFAULT ? "50%" : "2px"};
+`;
+}}
+`;
+const fontSizeSettings = import_ds_system.css`
+  ${({ theme, size, buttonType }) => {
+  switch (size) {
+    case import_constants.BUTTON_SIZES.S:
+      if (buttonType === import_constants.BUTTON_TYPES.TEXT)
+        return `font-size: ${theme.fontSizes.label[200]};`;
+      return `font-size: ${theme.fontSizes.label[300]};`;
+    case import_constants.BUTTON_SIZES.L:
+      return `
+        font-size: ${theme.fontSizes.value[600]};
+    `;
+    default:
+      return `
+        font-size: ${theme.fontSizes.value[500]};
+    `;
+  }
+}}
+`;
+const RawButton = (0, import_ds_system.styled)("button", {
+  name: import_DSButtonV2Definitions.DSButtonV2Name,
+  slot: import_DSButtonV2Definitions.DSButtonV2Slots.ROOT
+})`
+  outline: none;
+  border: none;
+  background: transparent;
+  &:hover {
+    background: transparent;
+  }
+`;
+const DefaultButton = (0, import_ds_system.styled)(RawButton)`
+  display: inline-grid;
+  grid-gap: 8px;
+  position: relative;
+  grid-auto-flow: column;
+  place-items: center;
+  align-items: center;
+  justify-items: center;
+  width: fit-content;
+  cursor: pointer;
+  font-weight: 600;
+  padding: ${({ theme, buttonType }) => buttonType !== import_constants.BUTTON_TYPES.ICON && buttonType !== import_constants.BUTTON_TYPES.ICON_OUTLINE && buttonType !== import_constants.BUTTON_TYPES.ICON_FILLED ? `0 ${theme.space.xs}` : "0"};
+  border-style: solid;
+  height: ${({ size }) => import_constants.sizes[size]};
+  min-width: ${({ size }) => import_constants.sizes[size]};
+  border-radius: ${({ shape }) => shape === import_constants.BUTTON_SHAPES.DEFAULT ? "2px" : "50%"};
+  ${fontSizeSettings}
+  ${({ buttonType }) => buttonType === import_constants.BUTTON_TYPES.TEXT ? "text-transform: uppercase;" : ""}
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+  ${import_ds_system.xStyledCommonProps}
+`;
+const FilledButton = (0, import_ds_system.styled)(DefaultButton)`
+  background-color: ${import_ds_system.th.color("brand-600")};
+  border-color: ${import_ds_system.th.color("brand-600")};
+  color: ${import_ds_system.th.color("neutral-000")};
+  border-width: ${({ size }) => size === "s" ? "1px;" : "2px"};
+  &:focus,
+  &[data-testemulatestate='focus'] {
+    &:after {
+      ${pseudoBorder}
+    }
+    border-color: brand-700;
+  }
+  & .em-ds-icon svg {
+    fill: neutral-000;
+  }
+  &:hover,
+  &:active,
+  &[data-testemulatestate='hover'],
+  &[data-testemulatestate='active'] {
+    background-color: brand-700;
+    border-color: brand-700;
+  }
+  &[aria-disabled='true'] {
+    background-color: neutral-100;
+    border-color: neutral-100;
+    color: #5c6574;
+    & .em-ds-icon svg {
+      fill: #5c6574;
+    }
+  }
+`;
+const OutlineButton = (0, import_ds_system.styled)(DefaultButton)`
+  background: ${import_ds_system.th.color("neutral-000")};
+  border-color: ${import_ds_system.th.color("neutral-400")};
+  color: ${import_ds_system.th.color("brand-600")};
+  border-width: 1px;
+  &:focus,
+  &[data-testemulatestate='focus'] {
+    &:after {
+      ${pseudoBorder}
+      border-color: brand-600;
+    }
+  }
+  & .em-ds-icon svg {
+    fill: brand-600;
+  }
+  &:hover,
+  &:active,
+  &[data-testemulatestate='hover'],
+  &[data-testemulatestate='active'] {
+    border-color: brand-700;
+    color: brand-700;
+    & .em-ds-icon svg {
+      fill: brand-700;
+    }
+  }
+  &:disabled {
+    border-color: neutral-400;
+    color: neutral-500;
+    & .em-ds-icon svg {
+      fill: neutral-500;
+    }
+  }
+`;
+const TextButton = (0, import_ds_system.styled)(DefaultButton)`
+  border-color: transparent;
+  background-color: transparent;
+  border-width: 1px;
+  &:focus,
+  &[data-testemulatestate='focus'] {
+    &:after {
+      ${pseudoBorder}
+      border-color: brand-700;
+    }
+  }
+  color: brand-700;
+  & .em-ds-icon svg {
+    fill: brand-700;
+  }
+  &:hover:not([aria-disabled='true']),
+  &[data-testemulatestate='hover'] {
+    background-color: brand-200;
+    color: brand-700;
+    & .em-ds-icon svg {
+      fill: brand-700;
+    }
+  }
+  &:active,
+  &[data-testemulatestate='active'] {
+    color: brand-700;
+  }
+  &[aria-disabled='true'] {
+    color: neutral-500;
+    & .em-ds-icon svg {
+      fill: neutral-500;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { type ComponentType } from 'react';\nimport { css, styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { BUTTON_TYPES, BUTTON_SIZES, BUTTON_SHAPES, sizes } from './constants';\nimport type { ButtonShapesT, ButtonSizesT, ButtonTypesT } from './sharedTypes';\nimport type { DSButtonT } from './react-desc-prop-types';\nimport { DSButtonV2Slots, DSButtonV2Name } from './DSButtonV2Definitions';\n\nexport interface StyledButtonPropsT {\n  size: ButtonSizesT;\n  buttonType: ButtonTypesT;\n  shape: ButtonShapesT;\n}\n\nconst pseudoBorder = css<StyledButtonPropsT>`\n  position: absolute;\n  content: '';\n  border-style: solid;\n  border-width: ${({ size, buttonType }) =>\n    size === BUTTON_SIZES.S && buttonType === BUTTON_TYPES.FILLED ? '1px' : '2px'};\n  ${({ buttonType, shape, theme }) => {\n    if (buttonType === BUTTON_TYPES.FILLED || buttonType === BUTTON_TYPES.ICON_FILLED) {\n      return `\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          border-color: ${theme.colors.neutral['000']};\n          border-radius: ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '0px'};\n      `;\n    }\n    return `\n    top: -1px;\n    left: -1px;\n    width: calc(100% + 2px);\n    height: calc(100% + 2px);\n    border-radius:  ${shape !== BUTTON_SHAPES.DEFAULT ? '50%' : '2px'};\n`;\n  }}\n`;\n\nconst fontSizeSettings = css<StyledButtonPropsT>`\n  ${({ theme, size, buttonType }) => {\n    switch (size) {\n      case BUTTON_SIZES.S:\n        if (buttonType === BUTTON_TYPES.TEXT) return `font-size: ${theme.fontSizes.label[200]};`;\n        return `font-size: ${theme.fontSizes.label[300]};`;\n      case BUTTON_SIZES.L:\n        return `\n        font-size: ${theme.fontSizes.value[600]};\n    `;\n      default:\n        return `\n        font-size: ${theme.fontSizes.value[500]};\n    `;\n    }\n  }}\n`;\nexport const RawButton = styled('button', {\n  name: DSButtonV2Name,\n  slot: DSButtonV2Slots.ROOT,\n})<DSButtonT.Props>`\n  outline: none;\n  border: none;\n  background: transparent;\n  &:hover {\n    background: transparent;\n  }\n`;\n\nexport const DefaultButton = styled(RawButton)<StyledButtonPropsT>`\n  display: inline-grid;\n  grid-gap: 8px;\n  position: relative;\n  grid-auto-flow: column;\n  place-items: center;\n  align-items: center;\n  justify-items: center;\n  width: fit-content;\n  cursor: pointer;\n  font-weight: 600;\n  padding: ${({ theme, buttonType }) =>\n    buttonType !== BUTTON_TYPES.ICON &&\n    buttonType !== BUTTON_TYPES.ICON_OUTLINE &&\n    buttonType !== BUTTON_TYPES.ICON_FILLED\n      ? `0 ${theme.space.xs}`\n      : '0'};\n  border-style: solid;\n  height: ${({ size }) => sizes[size]};\n  min-width: ${({ size }) => sizes[size]};\n  border-radius: ${({ shape }) => (shape === BUTTON_SHAPES.DEFAULT ? '2px' : '50%')};\n  ${fontSizeSettings}\n  ${({ buttonType }) => (buttonType === BUTTON_TYPES.TEXT ? 'text-transform: uppercase;' : '')}\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n  ${xStyledCommonProps}\n`;\n\nexport const FilledButton = styled(DefaultButton)<StyledButtonPropsT>`\n  background-color: ${th.color('brand-600')};\n  border-color: ${th.color('brand-600')};\n  color: ${th.color('neutral-000')};\n  border-width: ${({ size }) => (size === 's' ? '1px;' : '2px')};\n  &:focus,\n  &[data-testemulatestate='focus'] {\n    &:after {\n      ${pseudoBorder}\n    }\n    border-color: brand-700;\n  }\n  & .em-ds-icon svg {\n    fill: neutral-000;\n  }\n  &:hover,\n  &:active,\n  &[data-testemulatestate='hover'],\n  &[data-testemulatestate='active'] {\n    background-color: brand-700;\n    border-color: brand-700;\n  }\n  &[aria-disabled='true'] {\n    background-color: neutral-100;\n    border-color: neutral-100;\n    color: #5c6574;\n    & .em-ds-icon svg {\n      fill: #5c6574;\n    }\n  }\n`;\n\nexport const OutlineButton = styled(DefaultButton)`\n  background: ${th.color('neutral-000')};\n  border-color: ${th.color('neutral-400')};\n  color: ${th.color('brand-600')};\n  border-width: 1px;\n  &:focus,\n  &[data-testemulatestate='focus'] {\n    &:after {\n      ${pseudoBorder}\n      border-color: brand-600;\n    }\n  }\n  & .em-ds-icon svg {\n    fill: brand-600;\n  }\n  &:hover,\n  &:active,\n  &[data-testemulatestate='hover'],\n  &[data-testemulatestate='active'] {\n    border-color: brand-700;\n    color: brand-700;\n    & .em-ds-icon svg {\n      fill: brand-700;\n    }\n  }\n  &:disabled {\n    border-color: neutral-400;\n    color: neutral-500;\n    & .em-ds-icon svg {\n      fill: neutral-500;\n    }\n  }\n`;\n\nexport const TextButton = styled(DefaultButton)`\n  border-color: transparent;\n  background-color: transparent;\n  border-width: 1px;\n  &:focus,\n  &[data-testemulatestate='focus'] {\n    &:after {\n      ${pseudoBorder}\n      border-color: brand-700;\n    }\n  }\n  color: brand-700;\n  & .em-ds-icon svg {\n    fill: brand-700;\n  }\n  &:hover:not([aria-disabled='true']),\n  &[data-testemulatestate='hover'] {\n    background-color: brand-200;\n    color: brand-700;\n    & .em-ds-icon svg {\n      fill: brand-700;\n    }\n  }\n  &:active,\n  &[data-testemulatestate='active'] {\n    color: brand-700;\n  }\n  &[aria-disabled='true'] {\n    color: neutral-500;\n    & .em-ds-icon svg {\n      fill: neutral-500;\n    }\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DSButtonV2.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-utilities";
+import { useButtonV2 } from "./config/useButtonV2";
+import { DSButtonPropTypes } from "./react-desc-prop-types";
+import { DSButtonV2Name } from "./DSButtonV2Definitions";
+const DSButtonV2 = (props) => {
+  const {
+    propsWithDefault,
+    tabIndex,
+    handleOnMouseDown,
+    globalProps,
+    xstyledProps,
+    handleOnKeyDown,
+    handleOnClick,
+    ButtonRenderer
+  } = useButtonV2(props);
+  const { size, buttonType, innerRef, children, type, shape } = propsWithDefault;
+  const { disabled, ...restGlobalProps } = globalProps;
+  return /* @__PURE__ */ jsx(
+    ButtonRenderer,
+    {
+      "aria-disabled": disabled ? "true" : false,
+      ...restGlobalProps,
+      ...xstyledProps,
+      shape,
+      type,
+      buttonType,
+      tabIndex,
+      size,
+      ref: innerRef,
+      onKeyDown: handleOnKeyDown,
+      onClick: handleOnClick,
+      onMouseDown: handleOnMouseDown,
+      children
+    }
+  );
+};
+DSButtonV2.propTypes = DSButtonPropTypes;
+DSButtonV2.displayName = DSButtonV2Name;
+const DSButtonV2WithSchema = describe(DSButtonV2);
+DSButtonV2WithSchema.propTypes = DSButtonPropTypes;
+export {
+  DSButtonV2,
+  DSButtonV2WithSchema
+};
+//# sourceMappingURL=DSButtonV2.js.map

package/dist/esm/DSButtonV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSButtonV2.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { useButtonV2 } from './config/useButtonV2';\nimport type { DSButtonT } from './react-desc-prop-types';\nimport { DSButtonPropTypes } from './react-desc-prop-types';\nimport { DSButtonV2Name } from './DSButtonV2Definitions';\n\nconst DSButtonV2: React.ComponentType<DSButtonT.Props> = (props) => {\n  const {\n    propsWithDefault,\n    tabIndex,\n    handleOnMouseDown,\n    globalProps,\n    xstyledProps,\n    handleOnKeyDown,\n    handleOnClick,\n    ButtonRenderer,\n  } = useButtonV2(props);\n  const { size, buttonType, innerRef, children, type, shape } = propsWithDefault;\n  const { disabled, ...restGlobalProps } = globalProps;\n  return (\n    <ButtonRenderer\n      aria-disabled={disabled ? 'true' : false}\n      {...restGlobalProps}\n      {...xstyledProps}\n      shape={shape}\n      type={type}\n      buttonType={buttonType}\n      tabIndex={tabIndex}\n      size={size}\n      ref={innerRef}\n      onKeyDown={handleOnKeyDown}\n      onClick={handleOnClick}\n      onMouseDown={handleOnMouseDown}\n    >\n      {children}\n    </ButtonRenderer>\n  );\n};\n\nDSButtonV2.propTypes = DSButtonPropTypes;\nDSButtonV2.displayName = DSButtonV2Name;\nconst DSButtonV2WithSchema = describe(DSButtonV2);\nDSButtonV2WithSchema.propTypes = DSButtonPropTypes;\n\nexport { DSButtonV2, DSButtonV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBnB;AApBJ,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAE/B,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AACrB,QAAM,EAAE,MAAM,YAAY,UAAU,UAAU,MAAM,MAAM,IAAI;AAC9D,QAAM,EAAE,aAAa,gBAAgB,IAAI;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe,WAAW,SAAS;AAAA,MAClC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/DSButtonV2Definitions.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const DSButtonV2Name = "DSButtonV2";
+const DSButtonV2DataTestId = {
+  ROOT: "ds-button"
+};
+const DSButtonV2Slots = {
+  ROOT: "root"
+};
+export {
+  DSButtonV2DataTestId,
+  DSButtonV2Name,
+  DSButtonV2Slots
+};
+//# sourceMappingURL=DSButtonV2Definitions.js.map

package/dist/esm/DSButtonV2Definitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSButtonV2Definitions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSButtonV2Name = 'DSButtonV2';\n\nexport const DSButtonV2DataTestId = {\n  ROOT: 'ds-button',\n};\nexport const DSButtonV2Slots = {\n  ROOT: 'root',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAEvB,MAAM,uBAAuB;AAAA,EAClC,MAAM;AACR;AACO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
+  "names": []
+}

package/dist/esm/config/useButtonRenderer.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import React2 from "react";
+import { DefaultButton, RawButton, FilledButton, OutlineButton, TextButton } from "../styles";
+const buttonMap = {
+  filled: FilledButton,
+  iconFilled: FilledButton,
+  outline: OutlineButton,
+  iconOutline: OutlineButton,
+  text: TextButton,
+  icon: TextButton,
+  raw: RawButton
+};
+const useButtonRenderer = (propsWithDefault) => {
+  const { buttonType } = propsWithDefault;
+  return React2.useMemo(() => buttonMap[buttonType] || DefaultButton, [buttonType]);
+};
+export {
+  useButtonRenderer
+};
+//# sourceMappingURL=useButtonRenderer.js.map

package/dist/esm/config/useButtonRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useButtonRenderer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSButtonT } from '../react-desc-prop-types';\nimport { DefaultButton, RawButton, FilledButton, OutlineButton, TextButton } from '../styles';\n\nconst buttonMap = {\n  filled: FilledButton,\n  iconFilled: FilledButton,\n  outline: OutlineButton,\n  iconOutline: OutlineButton,\n  text: TextButton,\n  icon: TextButton,\n  raw: RawButton,\n} as const;\n\nexport const useButtonRenderer = (propsWithDefault: DSButtonT.InternalProps) => {\n  const { buttonType } = propsWithDefault;\n  return React.useMemo(() => buttonMap[buttonType] || DefaultButton, [buttonType]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,SAAS,eAAe,WAAW,cAAc,eAAe,kBAAkB;AAElF,MAAM,YAAY;AAAA,EAChB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AACP;AAEO,MAAM,oBAAoB,CAAC,qBAA8C;AAC9E,QAAM,EAAE,WAAW,IAAI;AACvB,SAAOA,OAAM,QAAQ,MAAM,UAAU,eAAe,eAAe,CAAC,UAAU,CAAC;AACjF;",
+  "names": ["React"]
+}

package/dist/esm/config/useButtonV2.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { defaultProps, DSButtonPropTypes } from "../react-desc-prop-types";
+import { useValidateProps } from "./useValidateProps";
+import { useButtonRenderer } from "./useButtonRenderer";
+const useButtonV2 = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateProps(props, DSButtonPropTypes);
+  const globalProps = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const { disabled } = globalProps;
+  const ButtonRenderer = useButtonRenderer(propsWithDefault);
+  const { onKeyDown, onClick, onMouseDown } = propsWithDefault;
+  const handleOnKeyDown = React2.useCallback(
+    (e) => {
+      if (disabled || !onKeyDown) {
+        return;
+      }
+      onKeyDown?.(e);
+      const { key } = e;
+      if (["Space", " ", "Enter"].includes(key)) {
+        e.preventDefault();
+        onClick(e);
+      }
+    },
+    [disabled, onClick, onKeyDown]
+  );
+  const handleOnClick = React2.useCallback(
+    (e) => {
+      if (!disabled && onClick) {
+        onClick(e);
+      }
+    },
+    [disabled, onClick]
+  );
+  const handleOnMouseDown = React2.useCallback(
+    (e) => {
+      if (disabled) {
+        e.preventDefault();
+        return;
+      }
+      onMouseDown?.(e);
+    },
+    [disabled, onMouseDown]
+  );
+  const tabIndex = globalProps.disabled ? -1 : globalProps.tabIndex;
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      ButtonRenderer,
+      handleOnKeyDown,
+      handleOnClick,
+      tabIndex,
+      handleOnMouseDown
+    }),
+    [
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      ButtonRenderer,
+      handleOnKeyDown,
+      handleOnClick,
+      tabIndex,
+      handleOnMouseDown
+    ]
+  );
+};
+export {
+  useButtonV2
+};
+//# sourceMappingURL=useButtonV2.js.map

package/dist/esm/config/useButtonV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useButtonV2.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport type { DSButtonT } from '../react-desc-prop-types';\nimport { defaultProps, DSButtonPropTypes } from '../react-desc-prop-types';\nimport { useValidateProps } from './useValidateProps';\nimport { useButtonRenderer } from './useButtonRenderer';\n\nexport interface ButtonV2Configuration {\n  propsWithDefault: DSButtonT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  ButtonRenderer: ReturnType<typeof useButtonRenderer>;\n  handleOnKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;\n  tabIndex: boolean;\n  handleOnClick: React.MouseEventHandler<HTMLButtonElement>;\n  handleOnMouseDown: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const useButtonV2 = (props: DSButtonT.Props): ButtonV2Configuration => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSButtonT.InternalProps>(props, defaultProps);\n  useValidateProps(props, DSButtonPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSButtonT.InternalProps, HTMLButtonElement>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  const { disabled } = globalProps;\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const ButtonRenderer = useButtonRenderer(propsWithDefault);\n  const { onKeyDown, onClick, onMouseDown } = propsWithDefault;\n\n  const handleOnKeyDown: React.KeyboardEventHandler<HTMLButtonElement> = React.useCallback(\n    (e) => {\n      if (disabled || !onKeyDown) {\n        return;\n      }\n\n      onKeyDown?.(e);\n      const { key } = e;\n      if (['Space', ' ', 'Enter'].includes(key)) {\n        e.preventDefault();\n        onClick(e);\n      }\n    },\n    [disabled, onClick, onKeyDown],\n  );\n\n  const handleOnClick: React.MouseEventHandler<HTMLButtonElement> = React.useCallback(\n    (e) => {\n      if (!disabled && onClick) {\n        onClick(e);\n      }\n    },\n    [disabled, onClick],\n  );\n\n  const handleOnMouseDown: React.MouseEventHandler<HTMLButtonElement> = React.useCallback(\n    (e) => {\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n      onMouseDown?.(e);\n    },\n    [disabled, onMouseDown],\n  );\n\n  const tabIndex = globalProps.disabled ? -1 : globalProps.tabIndex;\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      ButtonRenderer,\n      handleOnKeyDown,\n      handleOnClick,\n      tabIndex,\n      handleOnMouseDown,\n    }),\n    [\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      ButtonRenderer,\n      handleOnKeyDown,\n      handleOnClick,\n      tabIndex,\n      handleOnMouseDown,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AAEzF,SAAS,cAAc,yBAAyB;AAChD,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAa3B,MAAM,cAAc,CAAC,UAAkD;AAI5E,QAAM,mBAAmB,6BAAsD,OAAO,YAAY;AAClG,mBAAiB,OAAO,iBAAiB;AAIzC,QAAM,cAAc,uBAAmE,gBAAgB;AACvG,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,EAAE,SAAS,IAAI;AAIrB,QAAM,iBAAiB,kBAAkB,gBAAgB;AACzD,QAAM,EAAE,WAAW,SAAS,YAAY,IAAI;AAE5C,QAAM,kBAAiEA,OAAM;AAAA,IAC3E,CAAC,MAAM;AACL,UAAI,YAAY,CAAC,WAAW;AAC1B;AAAA,MACF;AAEA,kBAAY,CAAC;AACb,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,CAAC,SAAS,KAAK,OAAO,EAAE,SAAS,GAAG,GAAG;AACzC,UAAE,eAAe;AACjB,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,SAAS,SAAS;AAAA,EAC/B;AAEA,QAAM,gBAA4DA,OAAM;AAAA,IACtE,CAAC,MAAM;AACL,UAAI,CAAC,YAAY,SAAS;AACxB,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,UAAU,OAAO;AAAA,EACpB;AAEA,QAAM,oBAAgEA,OAAM;AAAA,IAC1E,CAAC,MAAM;AACL,UAAI,UAAU;AACZ,UAAE,eAAe;AACjB;AAAA,MACF;AACA,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,WAAW,YAAY,WAAW,KAAK,YAAY;AAEzD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
+import { DSButtonV2Name } from "../DSButtonV2Definitions";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSButtonV2Name);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport { DSButtonV2Name } from '../DSButtonV2Definitions';\nimport type { DSButtonT } from '../react-desc-prop-types';\n\nexport const useValidateProps = (props: DSButtonT.Props, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSButtonV2Name);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAE/C,SAAS,sBAAsB;AAGxB,MAAM,mBAAmB,CAAC,OAAwB,cAAgD;AAEvG,iCAA+B,OAAO,WAAW,cAAc;AACjE;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+const BUTTON_TYPES = {
+  FILLED: "filled",
+  OUTLINE: "outline",
+  TEXT: "text",
+  ICON: "icon",
+  ICON_FILLED: "iconFilled",
+  ICON_OUTLINE: "iconOutline",
+  RAW: "raw"
+};
+const BUTTON_SHAPES = {
+  DEFAULT: "default",
+  ROUND: "round"
+};
+const BUTTON_SIZES = {
+  S: "s",
+  M: "m",
+  L: "l"
+};
+const sizes = {
+  s: "20px",
+  m: "28px",
+  l: "40px"
+};
+const ButtonTypesValuesArray = Object.values(BUTTON_TYPES);
+const ButtonSizesValuesArray = Object.values(BUTTON_SIZES);
+const ButtonShapesValuesArray = Object.values(BUTTON_SHAPES);
+const ButtonInteractionStates = ["hover", "focus", "active"];
+const ButtonTypesValuesString = JSON.stringify(ButtonTypesValuesArray);
+const ButtonSizesValuesString = JSON.stringify(ButtonSizesValuesArray);
+const ButtonShapesValuesString = JSON.stringify(ButtonShapesValuesArray);
+const ButtonInteractionStatesValuesString = JSON.stringify(ButtonInteractionStates);
+export {
+  BUTTON_SHAPES,
+  BUTTON_SIZES,
+  BUTTON_TYPES,
+  ButtonInteractionStates,
+  ButtonInteractionStatesValuesString,
+  ButtonShapesValuesArray,
+  ButtonShapesValuesString,
+  ButtonSizesValuesArray,
+  ButtonSizesValuesString,
+  ButtonTypesValuesArray,
+  ButtonTypesValuesString,
+  sizes
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const BUTTON_TYPES = {\n  FILLED: 'filled',\n  OUTLINE: 'outline',\n  TEXT: 'text',\n  ICON: 'icon',\n  ICON_FILLED: 'iconFilled',\n  ICON_OUTLINE: 'iconOutline',\n  RAW: 'raw',\n} as const;\n\nexport const BUTTON_SHAPES = {\n  DEFAULT: 'default',\n  ROUND: 'round',\n} as const;\n\nexport const BUTTON_SIZES = {\n  S: 's',\n  M: 'm',\n  L: 'l',\n} as const;\n\nexport const sizes = {\n  s: '20px',\n  m: '28px',\n  l: '40px',\n} as const;\n\nexport const ButtonTypesValuesArray = Object.values(BUTTON_TYPES);\nexport const ButtonSizesValuesArray = Object.values(BUTTON_SIZES);\nexport const ButtonShapesValuesArray = Object.values(BUTTON_SHAPES);\nexport const ButtonInteractionStates = ['hover', 'focus', 'active'];\n\nexport const ButtonTypesValuesString = JSON.stringify(ButtonTypesValuesArray);\nexport const ButtonSizesValuesString = JSON.stringify(ButtonSizesValuesArray);\nexport const ButtonShapesValuesString = JSON.stringify(ButtonShapesValuesArray);\nexport const ButtonInteractionStatesValuesString = JSON.stringify(ButtonInteractionStates);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,cAAc;AAAA,EACd,KAAK;AACP;AAEO,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,QAAQ;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,yBAAyB,OAAO,OAAO,YAAY;AACzD,MAAM,yBAAyB,OAAO,OAAO,YAAY;AACzD,MAAM,0BAA0B,OAAO,OAAO,aAAa;AAC3D,MAAM,0BAA0B,CAAC,SAAS,SAAS,QAAQ;AAE3D,MAAM,0BAA0B,KAAK,UAAU,sBAAsB;AACrE,MAAM,0BAA0B,KAAK,UAAU,sBAAsB;AACrE,MAAM,2BAA2B,KAAK,UAAU,uBAAuB;AACvE,MAAM,sCAAsC,KAAK,UAAU,uBAAuB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { DSButtonV2, DSButtonV2WithSchema } from "./DSButtonV2";
+import { BUTTON_SIZES, BUTTON_TYPES, BUTTON_SHAPES } from "./constants";
+export {
+  BUTTON_SHAPES,
+  BUTTON_SIZES,
+  BUTTON_TYPES,
+  DSButtonV2,
+  DSButtonV2WithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSButtonV2, DSButtonV2WithSchema } from './DSButtonV2';\nexport { BUTTON_SIZES, BUTTON_TYPES, BUTTON_SHAPES } from './constants';\nexport type { DSButtonT } from './react-desc-prop-types';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY,4BAA4B;AACjD,SAAS,cAAc,cAAc,qBAAqB;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import {
+  BUTTON_SIZES,
+  BUTTON_TYPES,
+  BUTTON_SHAPES,
+  ButtonSizesValuesArray,
+  ButtonInteractionStates,
+  ButtonSizesValuesString,
+  ButtonInteractionStatesValuesString,
+  ButtonTypesValuesArray,
+  ButtonTypesValuesString,
+  ButtonShapesValuesArray,
+  ButtonShapesValuesString
+} from "./constants";
+import { DSButtonV2DataTestId } from "./DSButtonV2Definitions";
+const defaultProps = {
+  size: BUTTON_SIZES.M,
+  buttonType: BUTTON_TYPES.FILLED,
+  shape: BUTTON_SHAPES.DEFAULT,
+  "data-testid": DSButtonV2DataTestId.ROOT,
+  type: "button",
+  onClick: () => {
+  }
+};
+const DSButtonPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).description(
+    "String, Number and/or Dimsum Icon"
+  ).isRequired,
+  buttonType: PropTypes.oneOf(ButtonTypesValuesArray).description(ButtonTypesValuesString).defaultValue(BUTTON_TYPES.FILLED),
+  shape: PropTypes.oneOf(ButtonShapesValuesArray).description(ButtonShapesValuesString).defaultValue(BUTTON_SHAPES.DEFAULT),
+  type: PropTypes.string.description('html "type" props').defaultValue("button"),
+  size: PropTypes.oneOf(ButtonSizesValuesArray).description(ButtonSizesValuesString).defaultValue(BUTTON_SIZES.M),
+  onClick: PropTypes.func.description('function executed when the button is activated (via keyboard "space" or enter OR via mouse)').signature("(( e: React.SyntheticEvent ) => void )").defaultValue(() => {
+  }),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to button component."),
+  "data-testid": PropTypes.string.description("root element data-testid").defaultValue(DSButtonV2DataTestId.ROOT),
+  "data-testemulatestate": PropTypes.oneOf(ButtonInteractionStates).description(
+    `Emulates button states. Useful for e2e tests. ${ButtonInteractionStatesValuesString}`
+  )
+};
+export {
+  DSButtonPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { RefCallback, WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport {\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  BUTTON_SHAPES,\n  ButtonSizesValuesArray,\n  ButtonInteractionStates,\n  ButtonSizesValuesString,\n  ButtonInteractionStatesValuesString,\n  ButtonTypesValuesArray,\n  ButtonTypesValuesString,\n  ButtonShapesValuesArray,\n  ButtonShapesValuesString,\n} from './constants';\nimport { DSButtonV2DataTestId } from './DSButtonV2Definitions';\nimport type { ButtonSizesT, ButtonTypesT, ButtonShapesT } from './sharedTypes';\n\nexport const defaultProps: DSButtonT.DefaultProps = {\n  size: BUTTON_SIZES.M,\n  buttonType: BUTTON_TYPES.FILLED,\n  shape: BUTTON_SHAPES.DEFAULT,\n  'data-testid': DSButtonV2DataTestId.ROOT,\n  type: 'button',\n  onClick: () => {},\n};\n\nexport declare namespace DSButtonT {\n  type HTMLButtonTypeProp = GlobalAttributesT<HTMLButtonElement>['type'];\n\n  export interface DefaultProps {\n    'data-testid': string;\n    size: ButtonSizesT;\n    type: HTMLButtonTypeProp;\n    buttonType: ButtonTypesT;\n    onClick: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;\n    shape: ButtonShapesT;\n  }\n  export interface OptionalProps {\n    innerRef?: React.RefObject<HTMLButtonElement> | RefCallback<HTMLButtonElement>;\n  }\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSButtonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).description(\n    'String, Number and/or Dimsum Icon',\n  ).isRequired,\n  buttonType: PropTypes.oneOf(ButtonTypesValuesArray)\n    .description(ButtonTypesValuesString)\n    .defaultValue(BUTTON_TYPES.FILLED),\n  shape: PropTypes.oneOf(ButtonShapesValuesArray)\n    .description(ButtonShapesValuesString)\n    .defaultValue(BUTTON_SHAPES.DEFAULT),\n  type: PropTypes.string.description('html \"type\" props').defaultValue('button'),\n  size: PropTypes.oneOf(ButtonSizesValuesArray).description(ButtonSizesValuesString).defaultValue(BUTTON_SIZES.M),\n  onClick: PropTypes.func\n    .description('function executed when the button is activated (via keyboard \"space\" or enter OR via mouse)')\n    .signature('(( e: React.SyntheticEvent ) => void )')\n    .defaultValue(() => {}),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n\n  'data-testid': PropTypes.string.description('root element data-testid').defaultValue(DSButtonV2DataTestId.ROOT),\n  'data-testemulatestate': PropTypes.oneOf(ButtonInteractionStates).description(\n    `Emulates button states. Useful for e2e tests. ${ButtonInteractionStatesValuesString}`,\n  ),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AAG9B,MAAM,eAAuC;AAAA,EAClD,MAAM,aAAa;AAAA,EACnB,YAAY,aAAa;AAAA,EACzB,OAAO,cAAc;AAAA,EACrB,eAAe,qBAAqB;AAAA,EACpC,MAAM;AAAA,EACN,SAAS,MAAM;AAAA,EAAC;AAClB;AAmCO,MAAM,oBAAoB;AAAA,EAC/B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,QAAQ,UAAU,IAAI,CAAC,CAAC,EAAE;AAAA,IACjF;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,MAAM,sBAAsB,EAC/C,YAAY,uBAAuB,EACnC,aAAa,aAAa,MAAM;AAAA,EACnC,OAAO,UAAU,MAAM,uBAAuB,EAC3C,YAAY,wBAAwB,EACpC,aAAa,cAAc,OAAO;AAAA,EACrC,MAAM,UAAU,OAAO,YAAY,mBAAmB,EAAE,aAAa,QAAQ;AAAA,EAC7E,MAAM,UAAU,MAAM,sBAAsB,EAAE,YAAY,uBAAuB,EAAE,aAAa,aAAa,CAAC;AAAA,EAC9G,SAAS,UAAU,KAChB,YAAY,6FAA6F,EACzG,UAAU,wCAAwC,EAClD,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAE9G,eAAe,UAAU,OAAO,YAAY,0BAA0B,EAAE,aAAa,qBAAqB,IAAI;AAAA,EAC9G,yBAAyB,UAAU,MAAM,uBAAuB,EAAE;AAAA,IAChE,iDAAiD;AAAA,EACnD;AACF;",
+  "names": []
+}

package/dist/esm/sharedTypes.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=sharedTypes.js.map

package/dist/esm/sharedTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}