@elliemae/ds-chip 3.57.0-next.9 → 3.57.0-rc.0

package/dist/cjs/DSChip.js

@@ -38,7 +38,7 @@ var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_useConfig = require("./config/useConfig.js");
 var import_styles = require("./styles.js");
-var import_constants = require("./constants.js");
+var import_constants = require("./constants/index.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const DSChip = (props) => {
   const {
@@ -84,5 +84,5 @@ const DSChip = (props) => {
 };
 DSChip.displayName = "DSChip";
 const DSChipWithSchema = (0, import_ds_props_helpers.describe)(DSChip);
-DSChipWithSchema.propTypes = import_react_desc_prop_types.DSChipPropTypes;
+DSChipWithSchema.propTypes = import_react_desc_prop_types.DSChipPropTypesSchema;
 //# sourceMappingURL=DSChip.js.map

package/dist/cjs/DSChip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSChip.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useConfig } from './config/useConfig.js';\nimport { StyledChip, StyledChipLabel, StyledWrapper, StyledRoundShape, StyledSpanWithEllipsis } from './styles.js';\nimport { CHIP_SHAPES } from './constants.js';\nimport type { DSChipT } from './react-desc-prop-types.js';\nimport { DSChipPropTypes } from './react-desc-prop-types.js';\n\nconst DSChip: React.ComponentType<DSChipT.Props> = (props) => {\n  const {\n    size,\n    shape,\n    selected,\n    applyAriaDisabled,\n    innerRef,\n    icon: Icon,\n    label,\n    globalAttrs,\n    xStyledAttrs,\n    ownerPropsConfig,\n  } = useConfig(props);\n\n  const { disabled, className, onClick, ...restGlobals } = globalAttrs;\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (applyAriaDisabled) return;\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [applyAriaDisabled, onClick],\n  );\n\n  return (\n    <StyledWrapper buttonShape={shape} buttonSize={size} className={className} {...xStyledAttrs} {...ownerPropsConfig}>\n      <StyledChip\n        buttonShape={shape}\n        aria-disabled={disabled || applyAriaDisabled}\n        disabled={disabled}\n        innerRef={innerRef}\n        selected={selected}\n        role=\"button\"\n        onClick={handleOnClick}\n        {...restGlobals}\n        {...ownerPropsConfig}\n      >\n        {shape === CHIP_SHAPES.ROUND ? (\n          <StyledRoundShape disabled={disabled} size={size} {...ownerPropsConfig}>\n            <Icon />\n          </StyledRoundShape>\n        ) : (\n          <Icon />\n        )}\n        <StyledChipLabel size={size} {...ownerPropsConfig}>\n          <StyledSpanWithEllipsis {...ownerPropsConfig}>{label}</StyledSpanWithEllipsis>\n        </StyledChipLabel>\n      </StyledChip>\n    </StyledWrapper>\n  );\n};\n\nDSChip.displayName = 'DSChip';\nconst DSChipWithSchema = describe(DSChip);\nDSChipWithSchema.propTypes = DSChipPropTypes;\n\nexport { DSChip, DSChipWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCjB;AApCN,mBAAmC;AACnC,8BAAyB;AACzB,uBAA0B;AAC1B,oBAAqG;AACrG,uBAA4B;AAE5B,mCAAgC;AAEhC,MAAM,SAA6C,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,4BAAU,KAAK;AAEnB,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,YAAY,IAAI;AAEzD,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAuD;AACtD,UAAI,kBAAmB;AACvB,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,OAAO;AAAA,EAC7B;AAEA,SACE,4CAAC,+BAAc,aAAa,OAAO,YAAY,MAAM,WAAuB,GAAG,cAAe,GAAG,kBAC/F;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAe,YAAY;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,kBAAU,6BAAY,QACrB,4CAAC,kCAAiB,UAAoB,MAAa,GAAG,kBACpD,sDAAC,QAAK,GACR,IAEA,4CAAC,QAAK;AAAA,QAER,4CAAC,iCAAgB,MAAa,GAAG,kBAC/B,sDAAC,wCAAwB,GAAG,kBAAmB,iBAAM,GACvD;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,OAAO,cAAc;AACrB,MAAM,uBAAmB,kCAAS,MAAM;AACxC,iBAAiB,YAAY;",
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useConfig } from './config/useConfig.js';\nimport { StyledChip, StyledChipLabel, StyledWrapper, StyledRoundShape, StyledSpanWithEllipsis } from './styles.js';\nimport { CHIP_SHAPES } from './constants/index.js';\nimport type { DSChipT } from './react-desc-prop-types.js';\nimport { DSChipPropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSChip: React.ComponentType<DSChipT.Props> = (props) => {\n  const {\n    size,\n    shape,\n    selected,\n    applyAriaDisabled,\n    innerRef,\n    icon: Icon,\n    label,\n    globalAttrs,\n    xStyledAttrs,\n    ownerPropsConfig,\n  } = useConfig(props);\n\n  const { disabled, className, onClick, ...restGlobals } = globalAttrs;\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (applyAriaDisabled) return;\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [applyAriaDisabled, onClick],\n  );\n\n  return (\n    <StyledWrapper buttonShape={shape} buttonSize={size} className={className} {...xStyledAttrs} {...ownerPropsConfig}>\n      <StyledChip\n        buttonShape={shape}\n        aria-disabled={disabled || applyAriaDisabled}\n        disabled={disabled}\n        innerRef={innerRef}\n        selected={selected}\n        role=\"button\"\n        onClick={handleOnClick}\n        {...restGlobals}\n        {...ownerPropsConfig}\n      >\n        {shape === CHIP_SHAPES.ROUND ? (\n          <StyledRoundShape disabled={disabled} size={size} {...ownerPropsConfig}>\n            <Icon />\n          </StyledRoundShape>\n        ) : (\n          <Icon />\n        )}\n        <StyledChipLabel size={size} {...ownerPropsConfig}>\n          <StyledSpanWithEllipsis {...ownerPropsConfig}>{label}</StyledSpanWithEllipsis>\n        </StyledChipLabel>\n      </StyledChip>\n    </StyledWrapper>\n  );\n};\n\nDSChip.displayName = 'DSChip';\nconst DSChipWithSchema = describe(DSChip);\nDSChipWithSchema.propTypes = DSChipPropTypesSchema;\n\nexport { DSChip, DSChipWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCjB;AApCN,mBAAmC;AACnC,8BAAyB;AACzB,uBAA0B;AAC1B,oBAAqG;AACrG,uBAA4B;AAE5B,mCAAsC;AAEtC,MAAM,SAA6C,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,4BAAU,KAAK;AAEnB,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,YAAY,IAAI;AAEzD,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAuD;AACtD,UAAI,kBAAmB;AACvB,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,OAAO;AAAA,EAC7B;AAEA,SACE,4CAAC,+BAAc,aAAa,OAAO,YAAY,MAAM,WAAuB,GAAG,cAAe,GAAG,kBAC/F;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAe,YAAY;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,kBAAU,6BAAY,QACrB,4CAAC,kCAAiB,UAAoB,MAAa,GAAG,kBACpD,sDAAC,QAAK,GACR,IAEA,4CAAC,QAAK;AAAA,QAER,4CAAC,iCAAgB,MAAa,GAAG,kBAC/B,sDAAC,wCAAwB,GAAG,kBAAmB,iBAAM,GACvD;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,OAAO,cAAc;AACrB,MAAM,uBAAmB,kCAAS,MAAM;AACxC,iBAAiB,YAAY;",
   "names": []
 }

package/dist/cjs/config/useConfig.js

@@ -33,12 +33,13 @@ __export(useConfig_exports, {
 module.exports = __toCommonJS(useConfig_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_exported_related = require("../exported_related/index.js");
+var import_constants = require("../constants/index.js");
 var import_react_desc_prop_types = require("../react-desc-prop-types.js");
 const useConfig = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSChipPropTypes, import_exported_related.DSChipName);
-  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.DSChipDefaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSChipPropTypes, import_constants.DSChipName);
+  const { shape, label, ...globalPropsWithoutReusedReservedKeywords } = propsWithDefault;
+  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(globalPropsWithoutReusedReservedKeywords);
   const xStyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
   const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault, { ...props });
   return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };

package/dist/cjs/config/useConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// import { useCallback } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { DSChipName } from '../exported_related/index.js';\nimport type { DSChipT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSChipPropTypes } from '../react-desc-prop-types.js';\n\nexport const useConfig = (props: DSChipT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSChipT.InternalProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes, DSChipName);\n\n  // const { applyAriaDisabled, onClick } = propsWithDefault;\n  // const handleOnClick = useCallback(\n  //   (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n  //     if (applyAriaDisabled) {\n  //       console.log('retorno viejo');\n  //       return;\n  //     }\n  //     if (onClick) {\n  //       onClick(e);\n  //     }\n  //   },\n  //   [applyAriaDisabled, onClick],\n  // );\n\n  const globalAttrs = useGetGlobalAttributes<\n    DSChipT.InternalProps,\n    HTMLButtonElement,\n    { type?: 'button' | 'reset' | 'submit' }\n  >(propsWithDefault);\n  // >(propsWithDefault, { onClick: handleOnClick });\n\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n  return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAMO;AACP,8BAA2B;AAE3B,mCAA8C;AAEvC,MAAM,YAAY,CAAC,UAAyB;AACjD,QAAM,uBAAmB,sDAA8D,OAAO,yCAAY;AAE1G,8DAA+B,kBAAkB,8CAAiB,kCAAU;AAgB5E,QAAM,kBAAc,gDAIlB,gBAAgB;AAGlB,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,uBAAmB,uCAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SAAO,EAAE,GAAG,kBAAkB,aAAa,cAAc,iBAAiB;AAC5E;",
+  "sourcesContent": ["// import { useCallback } from 'react';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { DSChipName } from '../constants/index.js';\nimport type { DSChipT } from '../react-desc-prop-types.js';\nimport { DSChipDefaultProps, DSChipPropTypes } from '../react-desc-prop-types.js';\n\nexport const useConfig = (props: DSChipT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChipT.InternalProps>(props, DSChipDefaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes, DSChipName);\n\n  // const { applyAriaDisabled, onClick } = propsWithDefault;\n  // const handleOnClick = useCallback(\n  //   (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n  //     if (applyAriaDisabled) {\n  //       console.log('retorno viejo');\n  //       return;\n  //     }\n  //     if (onClick) {\n  //       onClick(e);\n  //     }\n  //   },\n  //   [applyAriaDisabled, onClick],\n  // );\n\n  // exclude `shape` AND `label` as they are reused reserved keyword from global props,\n  // we intend to \"consume\" those props, not \"spread\" in the html\n  const { shape, label, ...globalPropsWithoutReusedReservedKeywords } = propsWithDefault;\n  const globalAttrs = useGetGlobalAttributes<\n    Omit<DSChipT.InternalProps, 'shape' | 'label'>,\n    HTMLButtonElement,\n    { type?: 'button' | 'reset' | 'submit' }\n  >(globalPropsWithoutReusedReservedKeywords) as Omit<\n    GlobalAttributesT<HTMLButtonElement, { type?: 'button' | 'reset' | 'submit' }>,\n    'shape' | 'label'\n  >;\n\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n  return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAMO;AACP,uBAA2B;AAE3B,mCAAoD;AAE7C,MAAM,YAAY,CAAC,UAAyB;AACjD,QAAM,uBAAmB,sDAAoD,OAAO,+CAAkB;AAEtG,8DAA+B,kBAAkB,8CAAiB,2BAAU;AAkB5E,QAAM,EAAE,OAAO,OAAO,GAAG,yCAAyC,IAAI;AACtE,QAAM,kBAAc,gDAIlB,wCAAwC;AAK1C,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,uBAAmB,uCAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SAAO,EAAE,GAAG,kBAAkB,aAAa,cAAc,iBAAiB;AAC5E;",
   "names": []
 }

package/dist/cjs/{constants.js → constants/index.js}

@@ -28,14 +28,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
+  CHIP_DATA_TESTID: () => CHIP_DATA_TESTID,
   CHIP_SHAPES: () => CHIP_SHAPES,
   CHIP_SIZES: () => CHIP_SIZES,
+  CHIP_SLOTS: () => CHIP_SLOTS,
   ChipInteractionStates: () => ChipInteractionStates,
   ChipInteractionStatesValuesString: () => ChipInteractionStatesValuesString,
   ChipShapesValuesArray: () => ChipShapesValuesArray,
   ChipShapesValuesString: () => ChipShapesValuesString,
   ChipSizesValuesArray: () => ChipSizesValuesArray,
   ChipSizesValuesString: () => ChipSizesValuesString,
+  DSChipDataTestIds: () => DSChipDataTestIds,
+  DSChipName: () => DSChipName,
+  DSChipSlots: () => DSChipSlots,
   basicSizes: () => basicSizes,
   roundShapeLarge: () => roundShapeLarge,
   roundShapeSmall: () => roundShapeSmall,
@@ -43,6 +48,18 @@ __export(constants_exports, {
 });
 module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSChipName = "DSChip";
+const CHIP_SLOTS = {
+  ROOT: "root",
+  BUTTON: "button",
+  LABEL: "label",
+  ROUND_SHAPE: "round-shape",
+  ELLIPSIS: "ellipsis"
+};
+const CHIP_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSChipName, CHIP_SLOTS);
+const DSChipSlots = CHIP_SLOTS;
+const DSChipDataTestIds = CHIP_DATA_TESTID;
 const CHIP_SHAPES = {
   DEFAULT: "default",
   ROUND: "round"
@@ -79,4 +96,4 @@ const ChipInteractionStates = ["hover", "focus", "active"];
 const ChipSizesValuesString = JSON.stringify(ChipSizesValuesArray);
 const ChipShapesValuesString = JSON.stringify(ChipShapesValuesArray);
 const ChipInteractionStatesValuesString = JSON.stringify(ChipInteractionStates);
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChipName = 'DSChip';\n\nexport const CHIP_SLOTS = {\n  ROOT: 'root',\n  BUTTON: 'button',\n  LABEL: 'label',\n  ROUND_SHAPE: 'round-shape',\n  ELLIPSIS: 'ellipsis',\n} as const;\n\nexport const CHIP_DATA_TESTID = slotObjectToDataTestIds(DSChipName, CHIP_SLOTS);\n\nexport const DSChipSlots = CHIP_SLOTS;\nexport const DSChipDataTestIds = CHIP_DATA_TESTID;\n\nexport const CHIP_SHAPES = {\n  DEFAULT: 'default' as const,\n  ROUND: 'round' as const,\n};\n\nexport const CHIP_SIZES = {\n  S: 's' as const,\n  L: 'l' as const,\n};\n\nexport const roundShapeLarge = '4.308rem';\nexport const roundShapeSmall = '3.077rem';\n\nexport const basicSizes = {\n  s: {\n    width: '5.538rem',\n    height: '5.154rem',\n  } as const,\n  l: {\n    width: '7.077rem',\n    height: '5.154rem',\n  } as const,\n};\n\nexport const shapeSizes = {\n  s: {\n    width: '5.538rem',\n    height: '5.923rem',\n  } as const,\n  l: {\n    width: '7.077rem',\n    height: '6.538rem',\n  } as const,\n};\n\nexport const ChipSizesValuesArray = Object.values(CHIP_SIZES);\nexport const ChipShapesValuesArray = Object.values(CHIP_SHAPES);\nexport const ChipInteractionStates = ['hover', 'focus', 'active'];\n\nexport const ChipSizesValuesString = JSON.stringify(ChipSizesValuesArray);\nexport const ChipShapesValuesString = JSON.stringify(ChipShapesValuesArray);\nexport const ChipInteractionStatesValuesString = JSON.stringify(ChipInteractionStates);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,aAAa;AAEnB,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,uBAAmB,0CAAwB,YAAY,UAAU;AAEvE,MAAM,cAAc;AACpB,MAAM,oBAAoB;AAE1B,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,OAAO;AACT;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AAExB,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,GAAG;AAAA,IACD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,uBAAuB,OAAO,OAAO,UAAU;AACrD,MAAM,wBAAwB,OAAO,OAAO,WAAW;AACvD,MAAM,wBAAwB,CAAC,SAAS,SAAS,QAAQ;AAEzD,MAAM,wBAAwB,KAAK,UAAU,oBAAoB;AACjE,MAAM,yBAAyB,KAAK,UAAU,qBAAqB;AACnE,MAAM,oCAAoC,KAAK,UAAU,qBAAqB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -24,9 +27,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
+__export(index_exports, {
+  CHIP_DATA_TESTID: () => import_constants.CHIP_DATA_TESTID,
+  CHIP_SHAPES: () => import_constants.CHIP_SHAPES,
+  CHIP_SIZES: () => import_constants.CHIP_SIZES,
+  CHIP_SLOTS: () => import_constants.CHIP_SLOTS,
+  ChipInteractionStates: () => import_constants.ChipInteractionStates,
+  ChipInteractionStatesValuesString: () => import_constants.ChipInteractionStatesValuesString,
+  ChipShapesValuesArray: () => import_constants.ChipShapesValuesArray,
+  ChipShapesValuesString: () => import_constants.ChipShapesValuesString,
+  ChipSizesValuesArray: () => import_constants.ChipSizesValuesArray,
+  ChipSizesValuesString: () => import_constants.ChipSizesValuesString,
+  DSChip: () => import_DSChip.DSChip,
+  DSChipDataTestIds: () => import_constants.DSChipDataTestIds,
+  DSChipName: () => import_constants.DSChipName,
+  DSChipPropTypes: () => import_react_desc_prop_types.DSChipPropTypes,
+  DSChipSlots: () => import_constants.DSChipSlots,
+  DSChipWithSchema: () => import_DSChip.DSChipWithSchema,
+  basicSizes: () => import_constants.basicSizes,
+  roundShapeLarge: () => import_constants.roundShapeLarge,
+  roundShapeSmall: () => import_constants.roundShapeSmall,
+  shapeSizes: () => import_constants.shapeSizes
+});
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(index_exports, require("./DSChip.js"), module.exports);
-__reExport(index_exports, require("./constants.js"), module.exports);
-__reExport(index_exports, require("./exported_related/index.js"), module.exports);
+var import_DSChip = require("./DSChip.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSChip.js';\nexport * from './constants.js';\nexport * from './exported_related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,wBAAd;AACA,0BAAc,2BADd;AAEA,0BAAc,wCAFd;",
+  "sourcesContent": ["export { DSChip, DSChipWithSchema } from './DSChip.js';\nexport { type DSChipT, DSChipPropTypes } from './react-desc-prop-types.js';\nexport {\n  CHIP_SLOTS,\n  CHIP_DATA_TESTID,\n  DSChipName,\n  // below are \"unusual\" exports that we keep for retrocompatibility but that are usually\n  // not exported in other components\n  CHIP_SHAPES,\n  CHIP_SIZES,\n  ChipInteractionStates,\n  ChipInteractionStatesValuesString,\n  ChipShapesValuesArray,\n  ChipShapesValuesString,\n  ChipSizesValuesArray,\n  ChipSizesValuesString,\n  DSChipDataTestIds, // legacy test id constant name, same values as new one by default\n  DSChipSlots,\n  basicSizes,\n  roundShapeLarge,\n  roundShapeSmall,\n  shapeSizes,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAyC;AACzC,mCAA8C;AAC9C,uBAoBO;",
   "names": []
 }

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

@@ -28,21 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
+  DSChipDefaultProps: () => DSChipDefaultProps,
   DSChipPropTypes: () => DSChipPropTypes,
-  defaultProps: () => defaultProps
+  DSChipPropTypesSchema: () => DSChipPropTypesSchema
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_constants = require("./constants.js");
-var import_theming = require("./exported_related/theming.js");
-const defaultProps = {
+var import_constants = require("./constants/index.js");
+const DSChipDefaultProps = {
   size: import_constants.CHIP_SIZES.L,
   shape: import_constants.CHIP_SHAPES.DEFAULT,
   applyAriaDisabled: false
 };
 const DSChipPropTypes = {
-  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_theming.DSChipName, import_theming.DSChipSlots),
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChipName, import_constants.CHIP_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   icon: import_ds_props_helpers.PropTypes.func.isRequired.description("Chip Icon").defaultValue(() => {
@@ -56,4 +56,5 @@ const DSChipPropTypes = {
   ).defaultValue(false),
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object, import_ds_props_helpers.PropTypes.func]).description("Inner ref to button component.")
 };
+const DSChipPropTypesSchema = DSChipPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport {\n  CHIP_SIZES,\n  CHIP_SHAPES,\n  ChipSizesValuesArray,\n  ChipSizesValuesString,\n  ChipShapesValuesArray,\n  ChipShapesValuesString,\n} from './constants.js';\nimport type { ChipSizesT, ChipShapesT } from './sharedTypes.js';\nimport { DSChipName, DSChipSlots } from './exported_related/theming.js';\n\nexport const defaultProps: DSChipT.DefaultProps = {\n  size: CHIP_SIZES.L,\n  shape: CHIP_SHAPES.DEFAULT,\n  applyAriaDisabled: false,\n};\n\nexport declare namespace DSChipT {\n  interface DefaultProps {\n    size: ChipSizesT;\n    shape: ChipShapesT;\n    applyAriaDisabled: boolean;\n  }\n  interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChipName, typeof DSChipSlots> {\n    selected?: boolean;\n    innerRef?: React.RefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n  }\n\n  interface RequiredProps {\n    label: string;\n    icon: () => JSX.Element;\n  }\n  export interface InternalProps extends OptionalProps, Partial<DefaultProps>, RequiredProps {}\n  export interface Props\n    extends Omit<GlobalAttributesT<HTMLButtonElement>, keyof InternalProps>,\n      InternalProps,\n      XstyledProps {}\n}\n\nexport const DSChipPropTypes = {\n  ...getPropsPerSlotPropTypes(DSChipName, DSChipSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  icon: PropTypes.func.isRequired.description('Chip Icon').defaultValue(() => {}),\n  label: PropTypes.string.isRequired.description('Chip Label').defaultValue(''),\n  selected: PropTypes.bool.description('Whether chip is selected').defaultValue(''),\n  shape: PropTypes.oneOf(ChipShapesValuesArray).description(ChipShapesValuesString).defaultValue(CHIP_SHAPES.DEFAULT),\n  size: PropTypes.oneOf(ChipSizesValuesArray).description(ChipSizesValuesString).defaultValue(CHIP_SIZES.L),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n} as ValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AACP,uBAOO;AAEP,qBAAwC;AAEjC,MAAM,eAAqC;AAAA,EAChD,MAAM,4BAAW;AAAA,EACjB,OAAO,6BAAY;AAAA,EACnB,mBAAmB;AACrB;AAwBO,MAAM,kBAAkB;AAAA,EAC7B,OAAG,kDAAyB,2BAAY,0BAAW;AAAA,EACnD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,WAAW,YAAY,WAAW,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC9E,OAAO,kCAAU,OAAO,WAAW,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EAC5E,UAAU,kCAAU,KAAK,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EAChF,OAAO,kCAAU,MAAM,sCAAqB,EAAE,YAAY,uCAAsB,EAAE,aAAa,6BAAY,OAAO;AAAA,EAClH,MAAM,kCAAU,MAAM,qCAAoB,EAAE,YAAY,sCAAqB,EAAE,aAAa,4BAAW,CAAC;AAAA,EACxG,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAChH;",
+  "sourcesContent": ["import type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, ValidationMap, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport {\n  CHIP_SIZES,\n  CHIP_SHAPES,\n  ChipSizesValuesArray,\n  ChipSizesValuesString,\n  ChipShapesValuesArray,\n  ChipShapesValuesString,\n  DSChipName,\n  CHIP_SLOTS,\n} from './constants/index.js';\nimport type { ChipSizesT, ChipShapesT } from './sharedTypes.js';\n\nexport const DSChipDefaultProps: DSChipT.DefaultProps = {\n  size: CHIP_SIZES.L,\n  shape: CHIP_SHAPES.DEFAULT,\n  applyAriaDisabled: false,\n};\n\nexport declare namespace DSChipT {\n  export interface DefaultProps {\n    size: ChipSizesT;\n    shape: ChipShapesT;\n    applyAriaDisabled: boolean;\n  }\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSChipName, typeof CHIP_SLOTS> {\n    selected?: boolean;\n    innerRef?: React.RefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n  }\n\n  export interface RequiredProps {\n    label: string;\n    icon: React.ComponentType<Record<string, never>>;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLElement>,\n        keyof DefaultProps | keyof XstyledProps | keyof RequiredProps | keyof OptionalProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLElement>,\n        keyof DefaultProps | keyof XstyledProps | keyof RequiredProps | keyof OptionalProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSChipPropTypes: DSPropTypesSchema<DSChipT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChipName, CHIP_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  icon: PropTypes.func.isRequired.description('Chip Icon').defaultValue(() => {}),\n  label: PropTypes.string.isRequired.description('Chip Label').defaultValue(''),\n  selected: PropTypes.bool.description('Whether chip is selected').defaultValue(''),\n  shape: PropTypes.oneOf(ChipShapesValuesArray).description(ChipShapesValuesString).defaultValue(CHIP_SHAPES.DEFAULT),\n  size: PropTypes.oneOf(ChipSizesValuesArray).description(ChipSizesValuesString).defaultValue(CHIP_SIZES.L),\n  applyAriaDisabled: PropTypes.bool\n    .description(\n      'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n    )\n    .defaultValue(false),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n};\n\nexport const DSChipPropTypesSchema = DSChipPropTypes as unknown as ValidationMap<DSChipT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAKO;AACP,uBASO;AAGA,MAAM,qBAA2C;AAAA,EACtD,MAAM,4BAAW;AAAA,EACjB,OAAO,6BAAY;AAAA,EACnB,mBAAmB;AACrB;AAuCO,MAAM,kBAAoD;AAAA,EAC/D,OAAG,kDAAyB,6BAAY,2BAAU;AAAA,EAClD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,KAAK,WAAW,YAAY,WAAW,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA,EAC9E,OAAO,kCAAU,OAAO,WAAW,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EAC5E,UAAU,kCAAU,KAAK,YAAY,0BAA0B,EAAE,aAAa,EAAE;AAAA,EAChF,OAAO,kCAAU,MAAM,sCAAqB,EAAE,YAAY,uCAAsB,EAAE,aAAa,6BAAY,OAAO;AAAA,EAClH,MAAM,kCAAU,MAAM,qCAAoB,EAAE,YAAY,sCAAqB,EAAE,aAAa,4BAAW,CAAC;AAAA,EACxG,mBAAmB,kCAAU,KAC1B;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAChH;AAEO,MAAM,wBAAwB;",
   "names": []
 }

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/sharedTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { CHIP_SIZES, CHIP_SHAPES, ChipInteractionStates } from './constants.js';\n\nexport type ChipSizesT = (typeof CHIP_SIZES)[keyof typeof CHIP_SIZES];\n\nexport type ChipShapesT = (typeof CHIP_SHAPES)[keyof typeof CHIP_SHAPES];\n\nexport type ChipInteractionStatesT = (typeof ChipInteractionStates)[number];\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type { CHIP_SIZES, CHIP_SHAPES, ChipInteractionStates } from './constants/index.js';\n\nexport type ChipSizesT = (typeof CHIP_SIZES)[keyof typeof CHIP_SIZES];\n\nexport type ChipShapesT = (typeof CHIP_SHAPES)[keyof typeof CHIP_SHAPES];\n\nexport type ChipInteractionStatesT = (typeof ChipInteractionStates)[number];\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/styles.js

@@ -37,10 +37,9 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_constants = require("./constants.js");
-var import_exported_related = require("./exported_related/index.js");
+var import_constants = require("./constants/index.js");
 const getChipSize = (shape) => shape === import_constants.CHIP_SHAPES.ROUND ? import_constants.shapeSizes : import_constants.basicSizes;
-const StyledChipLabel = (0, import_ds_system.styled)("div", { name: import_exported_related.DSChipName, slot: import_exported_related.DSChipSlots.LABEL })`
+const StyledChipLabel = (0, import_ds_system.styled)("div", { name: import_constants.DSChipName, slot: import_constants.CHIP_SLOTS.LABEL })`
   font-size: ${({ theme }) => theme.fontSizes.label[200]};
   font-weight: ${({ theme }) => theme.fontWeights.semibold};
   word-wrap: break-word;
@@ -54,8 +53,8 @@ const StyledChipLabel = (0, import_ds_system.styled)("div", { name: import_expor
   justify-content: center;
 `;
 const StyledSpanWithEllipsis = (0, import_ds_system.styled)("span", {
-  name: import_exported_related.DSChipName,
-  slot: import_exported_related.DSChipSlots.ELLIPSIS
+  name: import_constants.DSChipName,
+  slot: import_constants.CHIP_SLOTS.ELLIPSIS
 })`
   white-space: nowrap;
   overflow: hidden;
@@ -63,8 +62,8 @@ const StyledSpanWithEllipsis = (0, import_ds_system.styled)("span", {
   max-width: 100%;
 `;
 const StyledWrapper = (0, import_ds_system.styled)("div", {
-  name: import_exported_related.DSChipName,
-  slot: import_exported_related.DSChipSlots.ROOT
+  name: import_constants.DSChipName,
+  slot: import_constants.CHIP_SLOTS.ROOT
 })`
   display: flex;
   height: ${({ buttonSize, buttonShape }) => getChipSize(buttonShape)[buttonSize].height};
@@ -79,8 +78,8 @@ const disabledRoundShape = import_ds_system.css`
   }
 `;
 const StyledRoundShape = (0, import_ds_system.styled)("div", {
-  name: import_exported_related.DSChipName,
-  slot: import_exported_related.DSChipSlots.ROUND_SHAPE
+  name: import_constants.DSChipName,
+  slot: import_constants.CHIP_SLOTS.ROUND_SHAPE
 })`
   background-color: ${({ theme }) => theme.colors.brand[600]};
   width: ${({ size }) => size === import_constants.CHIP_SIZES.L ? import_constants.roundShapeLarge : import_constants.roundShapeSmall};
@@ -113,7 +112,7 @@ const styledChipSelectedCss = import_ds_system.css`
     }
   }
 `;
-const StyledChip = (0, import_ds_system.styled)("button", { name: import_exported_related.DSChipName, slot: import_exported_related.DSChipSlots.BUTTON })`
+const StyledChip = (0, import_ds_system.styled)("button", { name: import_constants.DSChipName, slot: import_constants.CHIP_SLOTS.BUTTON })`
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/cjs/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\nimport { basicSizes, shapeSizes, CHIP_SHAPES, CHIP_SIZES, roundShapeLarge, roundShapeSmall } from './constants.js';\nimport type { ChipShapesT, ChipSizesT } from './sharedTypes.js';\nimport { DSChipName, DSChipSlots } from './exported_related/index.js';\n\nexport interface StyledChipPropsT {\n  buttonSize: ChipSizesT;\n  buttonShape: ChipShapesT;\n  selected?: boolean;\n}\n\nexport interface StyledRoundShapePropsT {\n  size: ChipSizesT;\n  disabled?: boolean;\n}\n\nconst getChipSize = (shape: ChipShapesT) => (shape === CHIP_SHAPES.ROUND ? shapeSizes : basicSizes);\n\nexport const StyledChipLabel = styled('div', { name: DSChipName, slot: DSChipSlots.LABEL })<{ size: ChipSizesT }>`\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  word-wrap: break-word;\n  text-align: center;\n  padding: ${({ size }) => (size === CHIP_SIZES.L ? '2px' : '4px')} 6px 6px 6px;\n  z-index: 0;\n  line-height: 1.27;\n  width: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledSpanWithEllipsis = styled('span', {\n  name: DSChipName,\n  slot: DSChipSlots.ELLIPSIS,\n})`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n`;\n\nexport const StyledWrapper = styled('div', {\n  name: DSChipName,\n  slot: DSChipSlots.ROOT,\n})<StyledChipPropsT>`\n  display: flex;\n  height: ${({ buttonSize, buttonShape }) => getChipSize(buttonShape)[buttonSize].height};\n  width: ${({ buttonSize, buttonShape }) => getChipSize(buttonShape)[buttonSize].width};\n  ${xStyledCommonProps}\n`;\n\nconst disabledRoundShape = css`\n  background-color: ${({ theme }) => theme.colors.neutral[200]};\n\n  & .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledRoundShape = styled('div', {\n  name: DSChipName,\n  slot: DSChipSlots.ROUND_SHAPE,\n})<StyledRoundShapePropsT>`\n  background-color: ${({ theme }) => theme.colors.brand[600]};\n  width: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  height: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  border-radius: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: ${({ size }) => (size === CHIP_SIZES.L ? '5px' : '10px')};\n`;\n\nconst styledChipSelectedCss = css`\n  // TODO: wrap css processor to process new HOC wrapping styled components\n  ${StyledRoundShape.toString()} {\n    background-color: ${({ theme }) => theme.colors.brand[800]};\n  }\n  color: ${({ theme }) => theme.colors.brand[800]};\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n\n  .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.brand[800]};\n  }\n\n  &:before {\n    border: 1px solid ${({ theme }) => theme.colors.brand[600]};\n  }\n\n  &:focus {\n    &:before {\n      border: 2px solid ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledChip = styled('button', { name: DSChipName, slot: DSChipSlots.BUTTON })<\n  Pick<StyledChipPropsT, 'selected' | 'buttonShape'>\n>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  padding-top: ${(props) => (props.buttonShape === CHIP_SHAPES.ROUND ? '0' : '10px')};\n  border: none;\n  min-height: 100%;\n  height: fit-content;\n  width: 100%;\n  background-color: #fff;\n  color: ${({ theme }) => theme.colors.brand[600]};\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n\n  ${StyledRoundShape} {\n    & .DSIcon-root .DSIcon-svg {\n      fill: #fff;\n      height: 1.85rem;\n      width: 1.85rem;\n      @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n        height: 1.5rem;\n        width: 1.5rem;\n      }\n    }\n    ${({ disabled }) => disabled && disabledRoundShape}\n  }\n  &:before {\n    content: '';\n    position: absolute;\n    z-index: 20;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 4px;\n    border: 2px solid transparent;\n    pointer-events: none;\n  }\n  & .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.brand[600]};\n    height: 1.85rem;\n    width: 1.85rem;\n    @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n  }\n  & .DSIcon-root {\n    height: 1.85rem;\n    width: 1.85rem;\n    @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n  }\n\n  &:hover,\n  &:focus {\n    z-index: 10;\n\n    ${StyledChipLabel} {\n      text-align: left;\n    }\n\n    ${StyledSpanWithEllipsis} {\n      overflow-wrap: break-word;\n      white-space: pre-wrap;\n      overflow: visible;\n    }\n  }\n\n  &:hover {\n    ${StyledRoundShape} {\n      background-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n    color: ${({ theme }) => theme.colors.brand[800]};\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:focus {\n    &:before {\n      border-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:disabled {\n    color: ${({ theme }) => theme.colors.neutral[500]};\n    cursor: not-allowed;\n\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    &:focus,\n    &:hover {\n      ${StyledRoundShape} {\n        background-color: ${({ theme }) => theme.colors.neutral[200]};\n      }\n      background-color: #fff;\n      cursor: not-allowed;\n      &:before {\n        border-color: transparent;\n      }\n\n      ${StyledChipLabel} {\n        color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n\n    &:hover .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n  }\n\n  &[aria-disabled='true'] {\n    color: ${({ theme }) => theme.colors.neutral[500]};\n    cursor: not-allowed;\n\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    ${StyledRoundShape} {\n      ${disabledRoundShape}\n    }\n\n    &:focus,\n    &:hover {\n      ${StyledRoundShape} {\n        background-color: ${({ theme }) => theme.colors.neutral[200]};\n      }\n      background-color: #fff;\n      cursor: not-allowed;\n\n      ${StyledChipLabel} {\n        color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n\n    &:hover {\n      &:not(:focus) {\n        &:before {\n          border-color: transparent;\n        }\n      }\n    }\n\n    &:hover .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n  }\n\n  ${({ selected }) => (!selected ? '' : styledChipSelectedCss)}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\nimport {\n  basicSizes,\n  shapeSizes,\n  CHIP_SHAPES,\n  CHIP_SIZES,\n  roundShapeLarge,\n  roundShapeSmall,\n  DSChipName,\n  CHIP_SLOTS,\n} from './constants/index.js';\nimport type { ChipShapesT, ChipSizesT } from './sharedTypes.js';\n\nexport interface StyledChipPropsT {\n  buttonSize: ChipSizesT;\n  buttonShape: ChipShapesT;\n  selected?: boolean;\n}\n\nexport interface StyledRoundShapePropsT {\n  size: ChipSizesT;\n  disabled?: boolean;\n}\n\nconst getChipSize = (shape: ChipShapesT) => (shape === CHIP_SHAPES.ROUND ? shapeSizes : basicSizes);\n\nexport const StyledChipLabel = styled('div', { name: DSChipName, slot: CHIP_SLOTS.LABEL })<{ size: ChipSizesT }>`\n  font-size: ${({ theme }) => theme.fontSizes.label[200]};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  word-wrap: break-word;\n  text-align: center;\n  padding: ${({ size }) => (size === CHIP_SIZES.L ? '2px' : '4px')} 6px 6px 6px;\n  z-index: 0;\n  line-height: 1.27;\n  width: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledSpanWithEllipsis = styled('span', {\n  name: DSChipName,\n  slot: CHIP_SLOTS.ELLIPSIS,\n})`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n`;\n\nexport const StyledWrapper = styled('div', {\n  name: DSChipName,\n  slot: CHIP_SLOTS.ROOT,\n})<StyledChipPropsT>`\n  display: flex;\n  height: ${({ buttonSize, buttonShape }) => getChipSize(buttonShape)[buttonSize].height};\n  width: ${({ buttonSize, buttonShape }) => getChipSize(buttonShape)[buttonSize].width};\n  ${xStyledCommonProps}\n`;\n\nconst disabledRoundShape = css`\n  background-color: ${({ theme }) => theme.colors.neutral[200]};\n\n  & .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nexport const StyledRoundShape = styled('div', {\n  name: DSChipName,\n  slot: CHIP_SLOTS.ROUND_SHAPE,\n})<StyledRoundShapePropsT>`\n  background-color: ${({ theme }) => theme.colors.brand[600]};\n  width: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  height: ${({ size }) => (size === CHIP_SIZES.L ? roundShapeLarge : roundShapeSmall)};\n  border-radius: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: ${({ size }) => (size === CHIP_SIZES.L ? '5px' : '10px')};\n`;\n\nconst styledChipSelectedCss = css`\n  // TODO: wrap css processor to process new HOC wrapping styled components\n  ${StyledRoundShape.toString()} {\n    background-color: ${({ theme }) => theme.colors.brand[800]};\n  }\n  color: ${({ theme }) => theme.colors.brand[800]};\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n\n  .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.brand[800]};\n  }\n\n  &:before {\n    border: 1px solid ${({ theme }) => theme.colors.brand[600]};\n  }\n\n  &:focus {\n    &:before {\n      border: 2px solid ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n`;\n\nexport const StyledChip = styled('button', { name: DSChipName, slot: CHIP_SLOTS.BUTTON })<\n  Pick<StyledChipPropsT, 'selected' | 'buttonShape'>\n>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  padding-top: ${(props) => (props.buttonShape === CHIP_SHAPES.ROUND ? '0' : '10px')};\n  border: none;\n  min-height: 100%;\n  height: fit-content;\n  width: 100%;\n  background-color: #fff;\n  color: ${({ theme }) => theme.colors.brand[600]};\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n\n  ${StyledRoundShape} {\n    & .DSIcon-root .DSIcon-svg {\n      fill: #fff;\n      height: 1.85rem;\n      width: 1.85rem;\n      @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n        height: 1.5rem;\n        width: 1.5rem;\n      }\n    }\n    ${({ disabled }) => disabled && disabledRoundShape}\n  }\n  &:before {\n    content: '';\n    position: absolute;\n    z-index: 20;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 4px;\n    border: 2px solid transparent;\n    pointer-events: none;\n  }\n  & .DSIcon-root .DSIcon-svg {\n    fill: ${({ theme }) => theme.colors.brand[600]};\n    height: 1.85rem;\n    width: 1.85rem;\n    @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n  }\n  & .DSIcon-root {\n    height: 1.85rem;\n    width: 1.85rem;\n    @media (max-width: ${({ theme }) => theme.breakpoints.small}) {\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n  }\n\n  &:hover,\n  &:focus {\n    z-index: 10;\n\n    ${StyledChipLabel} {\n      text-align: left;\n    }\n\n    ${StyledSpanWithEllipsis} {\n      overflow-wrap: break-word;\n      white-space: pre-wrap;\n      overflow: visible;\n    }\n  }\n\n  &:hover {\n    ${StyledRoundShape} {\n      background-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n    color: ${({ theme }) => theme.colors.brand[800]};\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:focus {\n    &:before {\n      border-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  &:disabled {\n    color: ${({ theme }) => theme.colors.neutral[500]};\n    cursor: not-allowed;\n\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    &:focus,\n    &:hover {\n      ${StyledRoundShape} {\n        background-color: ${({ theme }) => theme.colors.neutral[200]};\n      }\n      background-color: #fff;\n      cursor: not-allowed;\n      &:before {\n        border-color: transparent;\n      }\n\n      ${StyledChipLabel} {\n        color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n\n    &:hover .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n  }\n\n  &[aria-disabled='true'] {\n    color: ${({ theme }) => theme.colors.neutral[500]};\n    cursor: not-allowed;\n\n    .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    ${StyledRoundShape} {\n      ${disabledRoundShape}\n    }\n\n    &:focus,\n    &:hover {\n      ${StyledRoundShape} {\n        background-color: ${({ theme }) => theme.colors.neutral[200]};\n      }\n      background-color: #fff;\n      cursor: not-allowed;\n\n      ${StyledChipLabel} {\n        color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n\n    &:hover {\n      &:not(:focus) {\n        &:before {\n          border-color: transparent;\n        }\n      }\n    }\n\n    &:hover .DSIcon-svg {\n      fill: ${({ theme }) => theme.colors.neutral[500]};\n    }\n  }\n\n  ${({ selected }) => (!selected ? '' : styledChipSelectedCss)}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-chip-valid.js

@@ -0,0 +1,91 @@
+"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 __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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+const Icon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": "icon-test" });
+const testRequiredProps = {
+  label: "Label",
+  icon: Icon
+};
+const testOptionalPropsEmpty = {};
+const testOptionalProps = {
+  selected: true,
+  innerRef: import_react.default.createRef()
+};
+const testPartialDefaults = {
+  applyAriaDisabled: true
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  size: "l",
+  shape: "default",
+  applyAriaDisabled: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  label: "Label",
+  icon: Icon,
+  size: "l",
+  shape: "default",
+  applyAriaDisabled: false
+};
+const testInferedTypeCompatibility = {
+  label: "Label",
+  icon: Icon,
+  size: "l",
+  shape: "default",
+  applyAriaDisabled: false
+};
+const testDefinitionAsConst = {
+  label: "Label",
+  icon: Icon,
+  size: "l",
+  shape: "default",
+  applyAriaDisabled: false
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSChip, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSChip, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSChip, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSChip, { label: "Label", icon: Icon })
+] });
+//# sourceMappingURL=typescript-chip-valid.js.map

package/dist/cjs/typescript-testing/typescript-chip-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-chip-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSChip } from '../index.js';\nimport type { DSChipT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSChipT.Props;\ntype ComponentPropsInternals = DSChipT.InternalProps;\ntype ComponentPropsDefaultProps = DSChipT.DefaultProps;\ntype ComponentPropsOptionalProps = DSChipT.OptionalProps;\ntype ComponentPropsRequiredProps = DSChipT.RequiredProps;\n\nconst Icon = () => <div data-testid=\"icon-test\" />;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  label: 'Label',\n  icon: Icon,\n};\n\nconst testOptionalPropsEmpty: ComponentPropsOptionalProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  selected: true,\n  innerRef: React.createRef<HTMLButtonElement>(),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  applyAriaDisabled: true,\n};\n\n// ComponentPropsForApp only needs required props, default and optional are not mandatory\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  size: 'l',\n  shape: 'default',\n  applyAriaDisabled: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  label: 'Label',\n  icon: Icon,\n  size: 'l',\n  shape: 'default',\n  applyAriaDisabled: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  label: 'Label',\n  icon: Icon,\n  size: 'l',\n  shape: 'default',\n  applyAriaDisabled: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  label: 'Label',\n  icon: Icon,\n  size: 'l',\n  shape: 'default',\n  applyAriaDisabled: false,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSChip {...testExplicitDefinition} />\n    <DSChip {...testInferedTypeCompatibility} />\n    <DSChip {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSChip label=\"Label\" icon={Icon} />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACYJ;AAXnB,mBAAkB;AAClB,eAAuB;AAUvB,MAAM,OAAO,MAAM,4CAAC,SAAI,eAAY,aAAY;AAEhD,MAAM,oBAAiD;AAAA,EACrD,OAAO;AAAA,EACP,MAAM;AACR;AAEA,MAAM,yBAAsD,CAAC;AAE7D,MAAM,oBAAiD;AAAA,EACrD,UAAU;AAAA,EACV,UAAU,aAAAA,QAAM,UAA6B;AAC/C;AAIA,MAAM,sBAA2D;AAAA,EAC/D,mBAAmB;AACrB;AAGA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AACrB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AACrB;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AACrB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AACrB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,mBAAQ,GAAG,wBAAwB;AAAA,EACpC,4CAAC,mBAAQ,GAAG,8BAA8B;AAAA,EAC1C,4CAAC,mBAAQ,GAAG,uBAAuB;AAAA,EAEnC,4CAAC,mBAAO,OAAM,SAAQ,MAAM,MAAM;AAAA,GACpC;",
+  "names": ["React"]
+}

package/dist/esm/DSChip.js

@@ -4,8 +4,8 @@ import { useCallback } from "react";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useConfig } from "./config/useConfig.js";
 import { StyledChip, StyledChipLabel, StyledWrapper, StyledRoundShape, StyledSpanWithEllipsis } from "./styles.js";
-import { CHIP_SHAPES } from "./constants.js";
-import { DSChipPropTypes } from "./react-desc-prop-types.js";
+import { CHIP_SHAPES } from "./constants/index.js";
+import { DSChipPropTypesSchema } from "./react-desc-prop-types.js";
 const DSChip = (props) => {
   const {
     size,
@@ -50,7 +50,7 @@ const DSChip = (props) => {
 };
 DSChip.displayName = "DSChip";
 const DSChipWithSchema = describe(DSChip);
-DSChipWithSchema.propTypes = DSChipPropTypes;
+DSChipWithSchema.propTypes = DSChipPropTypesSchema;
 export {
   DSChip,
   DSChipWithSchema

package/dist/esm/DSChip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChip.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useConfig } from './config/useConfig.js';\nimport { StyledChip, StyledChipLabel, StyledWrapper, StyledRoundShape, StyledSpanWithEllipsis } from './styles.js';\nimport { CHIP_SHAPES } from './constants.js';\nimport type { DSChipT } from './react-desc-prop-types.js';\nimport { DSChipPropTypes } from './react-desc-prop-types.js';\n\nconst DSChip: React.ComponentType<DSChipT.Props> = (props) => {\n  const {\n    size,\n    shape,\n    selected,\n    applyAriaDisabled,\n    innerRef,\n    icon: Icon,\n    label,\n    globalAttrs,\n    xStyledAttrs,\n    ownerPropsConfig,\n  } = useConfig(props);\n\n  const { disabled, className, onClick, ...restGlobals } = globalAttrs;\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (applyAriaDisabled) return;\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [applyAriaDisabled, onClick],\n  );\n\n  return (\n    <StyledWrapper buttonShape={shape} buttonSize={size} className={className} {...xStyledAttrs} {...ownerPropsConfig}>\n      <StyledChip\n        buttonShape={shape}\n        aria-disabled={disabled || applyAriaDisabled}\n        disabled={disabled}\n        innerRef={innerRef}\n        selected={selected}\n        role=\"button\"\n        onClick={handleOnClick}\n        {...restGlobals}\n        {...ownerPropsConfig}\n      >\n        {shape === CHIP_SHAPES.ROUND ? (\n          <StyledRoundShape disabled={disabled} size={size} {...ownerPropsConfig}>\n            <Icon />\n          </StyledRoundShape>\n        ) : (\n          <Icon />\n        )}\n        <StyledChipLabel size={size} {...ownerPropsConfig}>\n          <StyledSpanWithEllipsis {...ownerPropsConfig}>{label}</StyledSpanWithEllipsis>\n        </StyledChipLabel>\n      </StyledChip>\n    </StyledWrapper>\n  );\n};\n\nDSChip.displayName = 'DSChip';\nconst DSChipWithSchema = describe(DSChip);\nDSChipWithSchema.propTypes = DSChipPropTypes;\n\nexport { DSChip, DSChipWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoCjB,SAaM,KAbN;AApCN,SAAgB,mBAAmB;AACnC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,iBAAiB,eAAe,kBAAkB,8BAA8B;AACrG,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAEhC,MAAM,SAA6C,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,YAAY,IAAI;AAEzD,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAuD;AACtD,UAAI,kBAAmB;AACvB,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,OAAO;AAAA,EAC7B;AAEA,SACE,oBAAC,iBAAc,aAAa,OAAO,YAAY,MAAM,WAAuB,GAAG,cAAe,GAAG,kBAC/F;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAe,YAAY;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,kBAAU,YAAY,QACrB,oBAAC,oBAAiB,UAAoB,MAAa,GAAG,kBACpD,8BAAC,QAAK,GACR,IAEA,oBAAC,QAAK;AAAA,QAER,oBAAC,mBAAgB,MAAa,GAAG,kBAC/B,8BAAC,0BAAwB,GAAG,kBAAmB,iBAAM,GACvD;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,OAAO,cAAc;AACrB,MAAM,mBAAmB,SAAS,MAAM;AACxC,iBAAiB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useConfig } from './config/useConfig.js';\nimport { StyledChip, StyledChipLabel, StyledWrapper, StyledRoundShape, StyledSpanWithEllipsis } from './styles.js';\nimport { CHIP_SHAPES } from './constants/index.js';\nimport type { DSChipT } from './react-desc-prop-types.js';\nimport { DSChipPropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSChip: React.ComponentType<DSChipT.Props> = (props) => {\n  const {\n    size,\n    shape,\n    selected,\n    applyAriaDisabled,\n    innerRef,\n    icon: Icon,\n    label,\n    globalAttrs,\n    xStyledAttrs,\n    ownerPropsConfig,\n  } = useConfig(props);\n\n  const { disabled, className, onClick, ...restGlobals } = globalAttrs;\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      if (applyAriaDisabled) return;\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [applyAriaDisabled, onClick],\n  );\n\n  return (\n    <StyledWrapper buttonShape={shape} buttonSize={size} className={className} {...xStyledAttrs} {...ownerPropsConfig}>\n      <StyledChip\n        buttonShape={shape}\n        aria-disabled={disabled || applyAriaDisabled}\n        disabled={disabled}\n        innerRef={innerRef}\n        selected={selected}\n        role=\"button\"\n        onClick={handleOnClick}\n        {...restGlobals}\n        {...ownerPropsConfig}\n      >\n        {shape === CHIP_SHAPES.ROUND ? (\n          <StyledRoundShape disabled={disabled} size={size} {...ownerPropsConfig}>\n            <Icon />\n          </StyledRoundShape>\n        ) : (\n          <Icon />\n        )}\n        <StyledChipLabel size={size} {...ownerPropsConfig}>\n          <StyledSpanWithEllipsis {...ownerPropsConfig}>{label}</StyledSpanWithEllipsis>\n        </StyledChipLabel>\n      </StyledChip>\n    </StyledWrapper>\n  );\n};\n\nDSChip.displayName = 'DSChip';\nconst DSChipWithSchema = describe(DSChip);\nDSChipWithSchema.propTypes = DSChipPropTypesSchema;\n\nexport { DSChip, DSChipWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoCjB,SAaM,KAbN;AApCN,SAAgB,mBAAmB;AACnC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY,iBAAiB,eAAe,kBAAkB,8BAA8B;AACrG,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAEtC,MAAM,SAA6C,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,QAAM,EAAE,UAAU,WAAW,SAAS,GAAG,YAAY,IAAI;AAEzD,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAuD;AACtD,UAAI,kBAAmB;AACvB,UAAI,SAAS;AACX,gBAAQ,CAAC;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,OAAO;AAAA,EAC7B;AAEA,SACE,oBAAC,iBAAc,aAAa,OAAO,YAAY,MAAM,WAAuB,GAAG,cAAe,GAAG,kBAC/F;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAe,YAAY;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,kBAAU,YAAY,QACrB,oBAAC,oBAAiB,UAAoB,MAAa,GAAG,kBACpD,8BAAC,QAAK,GACR,IAEA,oBAAC,QAAK;AAAA,QAER,oBAAC,mBAAgB,MAAa,GAAG,kBAC/B,8BAAC,0BAAwB,GAAG,kBAAmB,iBAAM,GACvD;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,OAAO,cAAc;AACrB,MAAM,mBAAmB,SAAS,MAAM;AACxC,iBAAiB,YAAY;",
   "names": []
 }

package/dist/esm/config/useConfig.js

@@ -6,12 +6,13 @@ import {
   useGetXstyledProps,
   useOwnerProps
 } from "@elliemae/ds-props-helpers";
-import { DSChipName } from "../exported_related/index.js";
-import { defaultProps, DSChipPropTypes } from "../react-desc-prop-types.js";
+import { DSChipName } from "../constants/index.js";
+import { DSChipDefaultProps, DSChipPropTypes } from "../react-desc-prop-types.js";
 const useConfig = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  const propsWithDefault = useMemoMergePropsWithDefault(props, DSChipDefaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes, DSChipName);
-  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
+  const { shape, label, ...globalPropsWithoutReusedReservedKeywords } = propsWithDefault;
+  const globalAttrs = useGetGlobalAttributes(globalPropsWithoutReusedReservedKeywords);
   const xStyledAttrs = useGetXstyledProps(propsWithDefault);
   const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });
   return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { useCallback } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { DSChipName } from '../exported_related/index.js';\nimport type { DSChipT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSChipPropTypes } from '../react-desc-prop-types.js';\n\nexport const useConfig = (props: DSChipT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSChipT.InternalProps>>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes, DSChipName);\n\n  // const { applyAriaDisabled, onClick } = propsWithDefault;\n  // const handleOnClick = useCallback(\n  //   (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n  //     if (applyAriaDisabled) {\n  //       console.log('retorno viejo');\n  //       return;\n  //     }\n  //     if (onClick) {\n  //       onClick(e);\n  //     }\n  //   },\n  //   [applyAriaDisabled, onClick],\n  // );\n\n  const globalAttrs = useGetGlobalAttributes<\n    DSChipT.InternalProps,\n    HTMLButtonElement,\n    { type?: 'button' | 'reset' | 'submit' }\n  >(propsWithDefault);\n  // >(propsWithDefault, { onClick: handleOnClick });\n\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n  return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAE3B,SAAS,cAAc,uBAAuB;AAEvC,MAAM,YAAY,CAAC,UAAyB;AACjD,QAAM,mBAAmB,6BAA8D,OAAO,YAAY;AAE1G,iCAA+B,kBAAkB,iBAAiB,UAAU;AAgB5E,QAAM,cAAc,uBAIlB,gBAAgB;AAGlB,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,mBAAmB,cAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SAAO,EAAE,GAAG,kBAAkB,aAAa,cAAc,iBAAiB;AAC5E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { useCallback } from 'react';\nimport type { GlobalAttributesT } from '@elliemae/ds-props-helpers';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useGetXstyledProps,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { DSChipName } from '../constants/index.js';\nimport type { DSChipT } from '../react-desc-prop-types.js';\nimport { DSChipDefaultProps, DSChipPropTypes } from '../react-desc-prop-types.js';\n\nexport const useConfig = (props: DSChipT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChipT.InternalProps>(props, DSChipDefaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSChipPropTypes, DSChipName);\n\n  // const { applyAriaDisabled, onClick } = propsWithDefault;\n  // const handleOnClick = useCallback(\n  //   (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n  //     if (applyAriaDisabled) {\n  //       console.log('retorno viejo');\n  //       return;\n  //     }\n  //     if (onClick) {\n  //       onClick(e);\n  //     }\n  //   },\n  //   [applyAriaDisabled, onClick],\n  // );\n\n  // exclude `shape` AND `label` as they are reused reserved keyword from global props,\n  // we intend to \"consume\" those props, not \"spread\" in the html\n  const { shape, label, ...globalPropsWithoutReusedReservedKeywords } = propsWithDefault;\n  const globalAttrs = useGetGlobalAttributes<\n    Omit<DSChipT.InternalProps, 'shape' | 'label'>,\n    HTMLButtonElement,\n    { type?: 'button' | 'reset' | 'submit' }\n  >(globalPropsWithoutReusedReservedKeywords) as Omit<\n    GlobalAttributesT<HTMLButtonElement, { type?: 'button' | 'reset' | 'submit' }>,\n    'shape' | 'label'\n  >;\n\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n  const ownerPropsConfig = useOwnerProps(propsWithDefault, { ...props });\n\n  return { ...propsWithDefault, globalAttrs, xStyledAttrs, ownerPropsConfig };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB,uBAAuB;AAE7C,MAAM,YAAY,CAAC,UAAyB;AACjD,QAAM,mBAAmB,6BAAoD,OAAO,kBAAkB;AAEtG,iCAA+B,kBAAkB,iBAAiB,UAAU;AAkB5E,QAAM,EAAE,OAAO,OAAO,GAAG,yCAAyC,IAAI;AACtE,QAAM,cAAc,uBAIlB,wCAAwC;AAK1C,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,mBAAmB,cAAc,kBAAkB,EAAE,GAAG,MAAM,CAAC;AAErE,SAAO,EAAE,GAAG,kBAAkB,aAAa,cAAc,iBAAiB;AAC5E;",
   "names": []
 }