@elliemae/ds-legacy-classnames 1.0.0-rc.1

package/dist/cjs/validateNativeProps.js

@@ -0,0 +1,430 @@
+"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(
+  // 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var validateNativeProps_exports = {};
+__export(validateNativeProps_exports, {
+  isAriaAttribute: () => isAriaAttribute,
+  isDataAttribute: () => isDataAttribute,
+  isNativeHTMLElement: () => isNativeHTMLElement,
+  isValidNativeAttribute: () => isValidNativeAttribute,
+  whiteList: () => whiteList
+});
+module.exports = __toCommonJS(validateNativeProps_exports);
+var React = __toESM(require("react"));
+const attributeWhiteList = {
+  accept: true,
+  acceptCharset: true,
+  accessKey: true,
+  action: true,
+  allowFullScreen: true,
+  allowTransparency: true,
+  alt: true,
+  async: true,
+  autoComplete: true,
+  autoFocus: true,
+  autoPlay: true,
+  capture: true,
+  cellPadding: true,
+  cellSpacing: true,
+  charSet: true,
+  challenge: true,
+  checked: true,
+  classID: true,
+  className: true,
+  cols: true,
+  colSpan: true,
+  content: true,
+  contentEditable: true,
+  contextMenu: true,
+  controls: true,
+  coords: true,
+  crossOrigin: true,
+  data: true,
+  dateTime: true,
+  defer: true,
+  dir: true,
+  disabled: true,
+  download: true,
+  draggable: true,
+  encType: true,
+  form: true,
+  formAction: true,
+  formEncType: true,
+  formMethod: true,
+  formNoValidate: true,
+  formTarget: true,
+  frameBorder: true,
+  headers: true,
+  height: true,
+  hidden: true,
+  high: true,
+  href: true,
+  hrefLang: true,
+  htmlFor: true,
+  httpEquiv: true,
+  icon: true,
+  id: true,
+  inputMode: true,
+  keyParams: true,
+  keyType: true,
+  label: true,
+  lang: true,
+  list: true,
+  loop: true,
+  low: true,
+  manifest: true,
+  marginHeight: true,
+  marginWidth: true,
+  max: true,
+  maxLength: true,
+  media: true,
+  mediaGroup: true,
+  method: true,
+  min: true,
+  minLength: true,
+  multiple: true,
+  muted: true,
+  name: true,
+  noValidate: true,
+  open: true,
+  optimum: true,
+  pattern: true,
+  placeholder: true,
+  poster: true,
+  preload: true,
+  radioGroup: true,
+  readOnly: true,
+  rel: true,
+  required: true,
+  role: true,
+  rows: true,
+  rowSpan: true,
+  sandbox: true,
+  scope: true,
+  scoped: true,
+  scrolling: true,
+  seamless: true,
+  selected: true,
+  shape: true,
+  size: true,
+  sizes: true,
+  span: true,
+  spellCheck: true,
+  src: true,
+  srcDoc: true,
+  srcSet: true,
+  start: true,
+  step: true,
+  style: true,
+  summary: true,
+  tabIndex: true,
+  target: true,
+  title: true,
+  type: true,
+  useMap: true,
+  value: true,
+  width: true,
+  wmode: true,
+  wrap: true
+};
+const svgAttributesWhiteList = {
+  clipPath: true,
+  cx: true,
+  cy: true,
+  d: true,
+  dx: true,
+  dy: true,
+  fill: true,
+  fillOpacity: true,
+  fontFamily: true,
+  fontSize: true,
+  fx: true,
+  fy: true,
+  gradientTransform: true,
+  gradientUnits: true,
+  markerEnd: true,
+  markerMid: true,
+  markerStart: true,
+  offset: true,
+  opacity: true,
+  patternContentUnits: true,
+  patternUnits: true,
+  points: true,
+  preserveAspectRatio: true,
+  r: true,
+  rx: true,
+  ry: true,
+  spreadMethod: true,
+  stopColor: true,
+  stopOpacity: true,
+  stroke: true,
+  strokeDasharray: true,
+  strokeLinecap: true,
+  strokeOpacity: true,
+  strokeWidth: true,
+  textAnchor: true,
+  transform: true,
+  version: true,
+  viewBox: true,
+  x1: true,
+  x2: true,
+  x: true,
+  xlinkActuate: true,
+  xlinkArcrole: true,
+  xlinkHref: true,
+  xlinkRole: true,
+  xlinkShow: true,
+  xlinkTitle: true,
+  xlinkType: true,
+  xmlBase: true,
+  xmlLang: true,
+  xmlSpace: true,
+  y1: true,
+  y2: true,
+  y: true
+};
+const otherWhiteList = {
+  autoCapitalize: true,
+  autoCorrect: true,
+  property: true,
+  itemProp: true,
+  itemScope: true,
+  itemType: true,
+  itemRef: true,
+  itemID: true,
+  unselectable: true,
+  results: true,
+  autoSave: true
+};
+const eventsWhiteList = {
+  onCopy: true,
+  onCut: true,
+  onPaste: true,
+  onCompositionEnd: true,
+  onCompositionStart: true,
+  onCompositionUpdate: true,
+  onKeyDown: true,
+  onKeyPress: true,
+  onKeyUp: true,
+  onFocus: true,
+  onBlur: true,
+  onChange: true,
+  onInput: true,
+  onInvalid: true,
+  onReset: true,
+  onSubmit: true,
+  onError: true,
+  onLoad: true,
+  onClick: true,
+  onContextMenu: true,
+  onDoubleClick: true,
+  onDrag: true,
+  onDragEnd: true,
+  onDragEnter: true,
+  onDragExit: true,
+  onDragLeave: true,
+  onDragOver: true,
+  onDragStart: true,
+  onDrop: true,
+  onMouseDown: true,
+  onMouseEnter: true,
+  onMouseLeave: true,
+  onMouseMove: true,
+  onMouseOut: true,
+  onMouseOver: true,
+  onMouseUp: true,
+  onPointerDown: true,
+  onPointerMove: true,
+  onPointerUp: true,
+  onPointerCancel: true,
+  onGotPointerCapture: true,
+  onLostPointerCapture: true,
+  onPointerEnter: true,
+  onPointerLeave: true,
+  onPointerOver: true,
+  onPointerOut: true,
+  onSelect: true,
+  onTouchCancel: true,
+  onTouchEnd: true,
+  onTouchMove: true,
+  onTouchStart: true,
+  onScroll: true,
+  onWheel: true,
+  onAbort: true,
+  onCanPlay: true,
+  onCanPlayThrough: true,
+  onDurationChange: true,
+  onEmptied: true,
+  onEncrypted: true,
+  onEnded: true,
+  onLoadedData: true,
+  onLoadedMetadata: true,
+  onLoadStart: true,
+  onPause: true,
+  onPlay: true,
+  onPlaying: true,
+  onProgress: true,
+  onRateChange: true,
+  onSeeked: true,
+  onSeeking: true,
+  onStalled: true,
+  onSuspend: true,
+  onTimeUpdate: true,
+  onVolumeChange: true,
+  onWaiting: true,
+  onAnimationStart: true,
+  onAnimationEnd: true,
+  onAnimationIteration: true,
+  onTransitionEnd: true,
+  onToggle: true
+};
+const whiteList = {
+  ...attributeWhiteList,
+  ...svgAttributesWhiteList,
+  ...otherWhiteList,
+  ...eventsWhiteList
+};
+const isDataAttribute = (attribute) => attribute.substring(0, 5) === "data-";
+const isAriaAttribute = (attribute) => attribute.substring(0, 6) === "aria-";
+const isValidNativeAttribute = (attribute) => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
+const nativeHTMLElements = {
+  a: true,
+  abbr: true,
+  address: true,
+  area: true,
+  article: true,
+  aside: true,
+  audio: true,
+  b: true,
+  base: true,
+  bdi: true,
+  bdo: true,
+  big: true,
+  blockquote: true,
+  body: true,
+  br: true,
+  button: true,
+  canvas: true,
+  caption: true,
+  cite: true,
+  code: true,
+  col: true,
+  colgroup: true,
+  data: true,
+  datalist: true,
+  dd: true,
+  del: true,
+  details: true,
+  dfn: true,
+  dialog: true,
+  div: true,
+  dl: true,
+  dt: true,
+  em: true,
+  embed: true,
+  fieldset: true,
+  figcaption: true,
+  figure: true,
+  footer: true,
+  form: true,
+  h1: true,
+  h2: true,
+  h3: true,
+  h4: true,
+  h5: true,
+  h6: true,
+  head: true,
+  header: true,
+  hr: true,
+  html: true,
+  i: true,
+  iframe: true,
+  img: true,
+  input: true,
+  ins: true,
+  kbd: true,
+  keygen: true,
+  label: true,
+  legend: true,
+  li: true,
+  link: true,
+  main: true,
+  map: true,
+  mark: true,
+  menu: true,
+  menuitem: true,
+  meta: true,
+  meter: true,
+  nav: true,
+  noscript: true,
+  object: true,
+  ol: true,
+  optgroup: true,
+  option: true,
+  output: true,
+  p: true,
+  param: true,
+  picture: true,
+  pre: true,
+  progress: true,
+  q: true,
+  rp: true,
+  rt: true,
+  ruby: true,
+  s: true,
+  samp: true,
+  script: true,
+  section: true,
+  select: true,
+  small: true,
+  source: true,
+  span: true,
+  strong: true,
+  style: true,
+  sub: true,
+  summary: true,
+  sup: true,
+  table: true,
+  tbody: true,
+  td: true,
+  textarea: true,
+  tfoot: true,
+  th: true,
+  thead: true,
+  time: true,
+  title: true,
+  tr: true,
+  track: true,
+  u: true,
+  ul: true,
+  var: true,
+  video: true,
+  wbr: true
+};
+const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
+//# sourceMappingURL=validateNativeProps.js.map

package/dist/cjs/validateNativeProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/validateNativeProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nconst attributeWhiteList = {\n  accept: true,\n  acceptCharset: true,\n  accessKey: true,\n  action: true,\n  allowFullScreen: true,\n  allowTransparency: true,\n  alt: true,\n  async: true,\n  autoComplete: true,\n  autoFocus: true,\n  autoPlay: true,\n  capture: true,\n  cellPadding: true,\n  cellSpacing: true,\n  charSet: true,\n  challenge: true,\n  checked: true,\n  classID: true,\n  className: true,\n  cols: true,\n  colSpan: true,\n  content: true,\n  contentEditable: true,\n  contextMenu: true,\n  controls: true,\n  coords: true,\n  crossOrigin: true,\n  data: true,\n  dateTime: true,\n  defer: true,\n  dir: true,\n  disabled: true,\n  download: true,\n  draggable: true,\n  encType: true,\n  form: true,\n  formAction: true,\n  formEncType: true,\n  formMethod: true,\n  formNoValidate: true,\n  formTarget: true,\n  frameBorder: true,\n  headers: true,\n  height: true,\n  hidden: true,\n  high: true,\n  href: true,\n  hrefLang: true,\n  htmlFor: true,\n  httpEquiv: true,\n  icon: true,\n  id: true,\n  inputMode: true,\n  keyParams: true,\n  keyType: true,\n  label: true,\n  lang: true,\n  list: true,\n  loop: true,\n  low: true,\n  manifest: true,\n  marginHeight: true,\n  marginWidth: true,\n  max: true,\n  maxLength: true,\n  media: true,\n  mediaGroup: true,\n  method: true,\n  min: true,\n  minLength: true,\n  multiple: true,\n  muted: true,\n  name: true,\n  noValidate: true,\n  open: true,\n  optimum: true,\n  pattern: true,\n  placeholder: true,\n  poster: true,\n  preload: true,\n  radioGroup: true,\n  readOnly: true,\n  rel: true,\n  required: true,\n  role: true,\n  rows: true,\n  rowSpan: true,\n  sandbox: true,\n  scope: true,\n  scoped: true,\n  scrolling: true,\n  seamless: true,\n  selected: true,\n  shape: true,\n  size: true,\n  sizes: true,\n  span: true,\n  spellCheck: true,\n  src: true,\n  srcDoc: true,\n  srcSet: true,\n  start: true,\n  step: true,\n  style: true,\n  summary: true,\n  tabIndex: true,\n  target: true,\n  title: true,\n  type: true,\n  useMap: true,\n  value: true,\n  width: true,\n  wmode: true,\n  wrap: true,\n};\n\nconst svgAttributesWhiteList = {\n  clipPath: true,\n  cx: true,\n  cy: true,\n  d: true,\n  dx: true,\n  dy: true,\n  fill: true,\n  fillOpacity: true,\n  fontFamily: true,\n  fontSize: true,\n  fx: true,\n  fy: true,\n  gradientTransform: true,\n  gradientUnits: true,\n  markerEnd: true,\n  markerMid: true,\n  markerStart: true,\n  offset: true,\n  opacity: true,\n  patternContentUnits: true,\n  patternUnits: true,\n  points: true,\n  preserveAspectRatio: true,\n  r: true,\n  rx: true,\n  ry: true,\n  spreadMethod: true,\n  stopColor: true,\n  stopOpacity: true,\n  stroke: true,\n  strokeDasharray: true,\n  strokeLinecap: true,\n  strokeOpacity: true,\n  strokeWidth: true,\n  textAnchor: true,\n  transform: true,\n  version: true,\n  viewBox: true,\n  x1: true,\n  x2: true,\n  x: true,\n  xlinkActuate: true,\n  xlinkArcrole: true,\n  xlinkHref: true,\n  xlinkRole: true,\n  xlinkShow: true,\n  xlinkTitle: true,\n  xlinkType: true,\n  xmlBase: true,\n  xmlLang: true,\n  xmlSpace: true,\n  y1: true,\n  y2: true,\n  y: true,\n};\n\nconst otherWhiteList = {\n  autoCapitalize: true,\n  autoCorrect: true,\n  property: true,\n  itemProp: true,\n  itemScope: true,\n  itemType: true,\n  itemRef: true,\n  itemID: true,\n  unselectable: true,\n  results: true,\n  autoSave: true,\n};\n\nconst eventsWhiteList = {\n  onCopy: true,\n  onCut: true,\n  onPaste: true,\n  onCompositionEnd: true,\n  onCompositionStart: true,\n  onCompositionUpdate: true,\n  onKeyDown: true,\n  onKeyPress: true,\n  onKeyUp: true,\n  onFocus: true,\n  onBlur: true,\n  onChange: true,\n  onInput: true,\n  onInvalid: true,\n  onReset: true,\n  onSubmit: true,\n  onError: true,\n  onLoad: true,\n  onClick: true,\n  onContextMenu: true,\n  onDoubleClick: true,\n  onDrag: true,\n  onDragEnd: true,\n  onDragEnter: true,\n  onDragExit: true,\n  onDragLeave: true,\n  onDragOver: true,\n  onDragStart: true,\n  onDrop: true,\n  onMouseDown: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseMove: true,\n  onMouseOut: true,\n  onMouseOver: true,\n  onMouseUp: true,\n  onPointerDown: true,\n  onPointerMove: true,\n  onPointerUp: true,\n  onPointerCancel: true,\n  onGotPointerCapture: true,\n  onLostPointerCapture: true,\n  onPointerEnter: true,\n  onPointerLeave: true,\n  onPointerOver: true,\n  onPointerOut: true,\n  onSelect: true,\n  onTouchCancel: true,\n  onTouchEnd: true,\n  onTouchMove: true,\n  onTouchStart: true,\n  onScroll: true,\n  onWheel: true,\n  onAbort: true,\n  onCanPlay: true,\n  onCanPlayThrough: true,\n  onDurationChange: true,\n  onEmptied: true,\n  onEncrypted: true,\n  onEnded: true,\n  onLoadedData: true,\n  onLoadedMetadata: true,\n  onLoadStart: true,\n  onPause: true,\n  onPlay: true,\n  onPlaying: true,\n  onProgress: true,\n  onRateChange: true,\n  onSeeked: true,\n  onSeeking: true,\n  onStalled: true,\n  onSuspend: true,\n  onTimeUpdate: true,\n  onVolumeChange: true,\n  onWaiting: true,\n  onAnimationStart: true,\n  onAnimationEnd: true,\n  onAnimationIteration: true,\n  onTransitionEnd: true,\n  onToggle: true,\n};\n\nexport const whiteList = {\n  ...attributeWhiteList,\n  ...svgAttributesWhiteList,\n  ...otherWhiteList,\n  ...eventsWhiteList,\n};\n\nexport const isDataAttribute = (attribute) => attribute.substring(0, 5) === 'data-';\nexport const isAriaAttribute = (attribute) => attribute.substring(0, 6) === 'aria-';\n\nexport const isValidNativeAttribute = (attribute) =>\n  whiteList[attribute] === true ||\n  isDataAttribute(attribute) ||\n  isAriaAttribute(attribute) ||\n  attribute.toLowerCase() === attribute;\n\nconst nativeHTMLElements = {\n  a: true,\n  abbr: true,\n  address: true,\n  area: true,\n  article: true,\n  aside: true,\n  audio: true,\n  b: true,\n  base: true,\n  bdi: true,\n  bdo: true,\n  big: true,\n  blockquote: true,\n  body: true,\n  br: true,\n  button: true,\n  canvas: true,\n  caption: true,\n  cite: true,\n  code: true,\n  col: true,\n  colgroup: true,\n  data: true,\n  datalist: true,\n  dd: true,\n  del: true,\n  details: true,\n  dfn: true,\n  dialog: true,\n  div: true,\n  dl: true,\n  dt: true,\n  em: true,\n  embed: true,\n  fieldset: true,\n  figcaption: true,\n  figure: true,\n  footer: true,\n  form: true,\n  h1: true,\n  h2: true,\n  h3: true,\n  h4: true,\n  h5: true,\n  h6: true,\n  head: true,\n  header: true,\n  hr: true,\n  html: true,\n  i: true,\n  iframe: true,\n  img: true,\n  input: true,\n  ins: true,\n  kbd: true,\n  keygen: true,\n  label: true,\n  legend: true,\n  li: true,\n  link: true,\n  main: true,\n  map: true,\n  mark: true,\n  menu: true,\n  menuitem: true,\n  meta: true,\n  meter: true,\n  nav: true,\n  noscript: true,\n  object: true,\n  ol: true,\n  optgroup: true,\n  option: true,\n  output: true,\n  p: true,\n  param: true,\n  picture: true,\n  pre: true,\n  progress: true,\n  q: true,\n  rp: true,\n  rt: true,\n  ruby: true,\n  s: true,\n  samp: true,\n  script: true,\n  section: true,\n  select: true,\n  small: true,\n  source: true,\n  span: true,\n  strong: true,\n  style: true,\n  sub: true,\n  summary: true,\n  sup: true,\n  table: true,\n  tbody: true,\n  td: true,\n  textarea: true,\n  tfoot: true,\n  th: true,\n  thead: true,\n  time: true,\n  title: true,\n  tr: true,\n  track: true,\n  u: true,\n  ul: true,\n  var: true,\n  video: true,\n  wbr: true,\n};\n\nexport const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/aggregatedClasses.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+import React2 from "react";
+import cx from "obj-str";
+import { convertPropToCssClassName } from "./classNameManager.js";
+import { dimsumConfig } from "./dimsum.config.js";
+import {
+  isValidNativeAttribute,
+  isNativeHTMLElement
+} from "./validateNativeProps.js";
+const cssPrefix = dimsumConfig.classNamePrefix;
+const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ""}--${modifier}`;
+const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce(
+  (acc, key) => ({
+    ...acc,
+    [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
+  }),
+  {}
+) : [];
+const aggregatedClasses = (type, props) => (block, element, additionalModifiers, options = {}) => React2.forwardRef(({ innerRef, children, classProps, useComponent, className, as, ...rest }, ref) => {
+  let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
+  if (typeof additionalModifiers === "function")
+    otherModifiers = appendBlockAndPrefixToObj(
+      additionalModifiers({ ...rest, ...classProps, className }),
+      block,
+      element
+    );
+  const otherModifiersStr = cx(otherModifiers);
+  const { prefix, propsToRemoveFromFinalElement = [] } = options;
+  const { cssClassName: classNames } = convertPropToCssClassName(
+    block,
+    null,
+    { ...classProps },
+    { prefix, element }
+  );
+  const cleanedPropsPassedDown = { ...props, ...rest };
+  propsToRemoveFromFinalElement.forEach((propKey) => {
+    delete cleanedPropsPassedDown[propKey];
+  });
+  if (isNativeHTMLElement(block)) {
+    Object.keys(cleanedPropsPassedDown).forEach((key) => {
+      if (!isValidNativeAttribute(key))
+        delete cleanedPropsPassedDown[key];
+    });
+  }
+  return React2.createElement(
+    as || type,
+    {
+      ref: innerRef || ref,
+      className: [classNames, otherModifiersStr, className].join(" "),
+      ...cleanedPropsPassedDown
+    },
+    children
+  );
+});
+var aggregatedClasses_default = aggregatedClasses;
+export {
+  cssPrefix,
+  aggregatedClasses_default as default
+};
+//# sourceMappingURL=aggregatedClasses.js.map

package/dist/esm/aggregatedClasses.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/aggregatedClasses.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable prettier/prettier */\n/* eslint-disable max-params */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport cx from 'obj-str';\nimport { convertPropToCssClassName } from './classNameManager.js';\nimport { dimsumConfig } from './dimsum.config.js';\nimport {\n  isValidNativeAttribute,\n  isNativeHTMLElement,\n} from './validateNativeProps.js';\n\nexport const cssPrefix = dimsumConfig.classNamePrefix;\n\ntype AggregatedClassesT<T = unknown> = (\n  type: any,\n  props?: any,\n) => (\n  block: string,\n  element?: string | null,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  additionalModifiers?: { [key: string]: unknown } | ((arg: any) => { [key: string]: unknown }),\n  options?: { [key: string]: unknown },\n) => React.ForwardRefExoticComponent<React.RefAttributes<T>>;\n\nconst generateClassNameWithModifier = (block, element, modifier) =>\n  `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;\n\nconst appendBlockAndPrefixToObj = (obj, block, element) =>\n  obj\n    ? Object.keys(obj).reduce(\n      (acc, key) => ({\n        ...acc,\n        [`${generateClassNameWithModifier(block, element, key)}`]: obj[key],\n      }),\n      {},\n    )\n    : [];\n\nconst aggregatedClasses: AggregatedClassesT=\n  (type, props) =>\n    (block, element, additionalModifiers, options = {}) =>\n      React.forwardRef(({ innerRef, children, classProps, useComponent, className, as, ...rest }, ref) => {\n      // get the additional classNames either from a function or an object\n        let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);\n        if (typeof additionalModifiers === 'function')\n          otherModifiers = appendBlockAndPrefixToObj(\n            additionalModifiers({ ...rest, ...classProps, className }),\n            block,\n            element,\n          );\n\n        const otherModifiersStr = cx(otherModifiers);\n        const { prefix, propsToRemoveFromFinalElement = [] } = options;\n        const { cssClassName: classNames } = convertPropToCssClassName(\n          block,\n          null,\n          { ...classProps },\n          { prefix, element },\n        );\n        const cleanedPropsPassedDown = { ...props, ...rest };\n        propsToRemoveFromFinalElement.forEach((propKey) => {\n          delete cleanedPropsPassedDown[propKey];\n        });\n\n        if (isNativeHTMLElement(block)) {\n          Object.keys(cleanedPropsPassedDown).forEach((key) => {\n            if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];\n          });\n        }\n\n        return React.createElement(\n          as || type,\n          {\n            ref: innerRef || ref,\n            className: [classNames, otherModifiersStr, className].join(' '),\n            ...cleanedPropsPassedDown,\n          },\n          children,\n        );\n      });\n\nexport default aggregatedClasses;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,OAAOA,YAAW;AAClB,OAAO,QAAQ;AACf,SAAS,iCAAiC;AAC1C,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,aAAa;AAatC,MAAM,gCAAgC,CAAC,OAAO,SAAS,aACrD,GAAG,aAAa,QAAQ,UAAU,KAAK,YAAY,OAAO;AAE5D,MAAM,4BAA4B,CAAC,KAAK,OAAO,YAC7C,MACI,OAAO,KAAK,GAAG,EAAE;AAAA,EACjB,CAAC,KAAK,SAAS;AAAA,IACb,GAAG;AAAA,IACH,CAAC,GAAG,8BAA8B,OAAO,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG;AAAA,EACpE;AAAA,EACA,CAAC;AACH,IACE,CAAC;AAEP,MAAM,oBACJ,CAAC,MAAM,UACL,CAAC,OAAO,SAAS,qBAAqB,UAAU,CAAC,MAC/CA,OAAM,WAAW,CAAC,EAAE,UAAU,UAAU,YAAY,cAAc,WAAW,IAAI,GAAG,KAAK,GAAG,QAAQ;AAElG,MAAI,iBAAiB,0BAA0B,qBAAqB,OAAO,OAAO;AAClF,MAAI,OAAO,wBAAwB;AACjC,qBAAiB;AAAA,MACf,oBAAoB,EAAE,GAAG,MAAM,GAAG,YAAY,UAAU,CAAC;AAAA,MACzD;AAAA,MACA;AAAA,IACF;AAEF,QAAM,oBAAoB,GAAG,cAAc;AAC3C,QAAM,EAAE,QAAQ,gCAAgC,CAAC,EAAE,IAAI;AACvD,QAAM,EAAE,cAAc,WAAW,IAAI;AAAA,IACnC;AAAA,IACA;AAAA,IACA,EAAE,GAAG,WAAW;AAAA,IAChB,EAAE,QAAQ,QAAQ;AAAA,EACpB;AACA,QAAM,yBAAyB,EAAE,GAAG,OAAO,GAAG,KAAK;AACnD,gCAA8B,QAAQ,CAAC,YAAY;AACjD,WAAO,uBAAuB,OAAO;AAAA,EACvC,CAAC;AAED,MAAI,oBAAoB,KAAK,GAAG;AAC9B,WAAO,KAAK,sBAAsB,EAAE,QAAQ,CAAC,QAAQ;AACnD,UAAI,CAAC,uBAAuB,GAAG;AAAG,eAAO,uBAAuB,GAAG;AAAA,IACrE,CAAC;AAAA,EACH;AAEA,SAAOA,OAAM;AAAA,IACX,MAAM;AAAA,IACN;AAAA,MACE,KAAK,YAAY;AAAA,MACjB,WAAW,CAAC,YAAY,mBAAmB,SAAS,EAAE,KAAK,GAAG;AAAA,MAC9D,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF,CAAC;AAEP,IAAO,4BAAQ;",
+  "names": ["React"]
+}