@elliemae/ds-utilities 3.0.0-next.9 → 3.0.1

package/dist/cjs/props-helpers/validation/typescriptValidator.js

@@ -0,0 +1,170 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typescriptValidator_exports = {};
+__export(typescriptValidator_exports, {
+  useValidateTypescriptPropTypes: () => useValidateTypescriptPropTypes,
+  validateTypescriptPropTypesImplementation: () => validateTypescriptPropTypesImplementation
+});
+module.exports = __toCommonJS(typescriptValidator_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_propTypes = require("../propTypes");
+var import_errorTemplates = require("./errorTemplates");
+var import_typescriptGuards = require("./typescriptGuards");
+var import_typescriptParsers = require("./typescriptParsers");
+const validateUndefined = (schemaName, key, value, format) => {
+  if (value !== void 0 || value === "undefined") {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validateNull = (schemaName, key, value, format) => {
+  if (value !== null || value === "null") {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validatePrimitiveType = (schemaName, key, value, format) => {
+  if (typeof value !== format) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validateString = (schemaName, key, value, format) => {
+  if (value !== format.slice(1, -1)) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validateArray = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  if (!Array.isArray(value)) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+  value.forEach((val, index) => {
+    validateValueWithFormat(schemaName, `${key}[${index}]`, val, format.slice(0, -2), validationsMemo, nextValidationsMemo);
+  });
+};
+function isObjectType(value) {
+  return !(typeof value !== "object" || Array.isArray(value));
+}
+const validateObject = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  const valuesIsObject = isObjectType(value);
+  if (!valuesIsObject) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+    return;
+  }
+  if (format === "object")
+    return;
+  const keyValuePairs = (0, import_typescriptParsers.typescriptObjectParser)(format);
+  keyValuePairs.forEach(([objectKey, objectValue]) => {
+    const trueKey = objectKey.slice(-1) === "?" ? objectKey.slice(0, -1) : objectKey;
+    if (trueKey === objectKey && !(trueKey in value)) {
+      (0, import_errorTemplates.throwRequiredError)(schemaName, key);
+    }
+    if (trueKey in value) {
+      validateValueWithFormat(schemaName, `${key}[${trueKey}]`, value[trueKey], objectValue, validationsMemo, nextValidationsMemo);
+    }
+  });
+};
+const validateUnion = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  const possibilities = format.split(/\s?\|\s?/);
+  const errors = [];
+  possibilities.forEach((possibility) => {
+    try {
+      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);
+    } catch (e) {
+      errors.push(e);
+    }
+  });
+  if (errors.length === possibilities.length) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validateFunction = (schemaName, key, value, format) => {
+  if (typeof value !== "function") {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+function isJSXElement(value) {
+  return value === null || typeof value === "object" && value !== null && "$$typeof" in value;
+}
+const validateJSXorNode = (schemaName, key, value, format) => {
+  const valueIsJSX = isJSXElement(value);
+  if (format === "JSX.Element" && !valueIsJSX) {
+    (0, import_errorTemplates.throwTypeError)(schemaName, key, value, format);
+  }
+};
+const validateValueWithFormat = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {
+  nextValidationsMemo[value] = format;
+  if (value in validationsMemo) {
+    return;
+  }
+  if ((0, import_typescriptGuards.isUndefined)(format)) {
+    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isNull)(format)) {
+    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isPrimitiveType)(format)) {
+    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isUnion)(format)) {
+    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isString)(format)) {
+    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isArray)(format)) {
+    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isObject)(format)) {
+    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isFunction)(format)) {
+    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isJSXorNode)(format)) {
+    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);
+  } else if ((0, import_typescriptGuards.isSomethingWithParenthesis)(format)) {
+    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);
+  }
+};
+const validateTypescriptPropTypesImplementation = (props, schema, validationsMemo = {}, nextValidationsMemo = {}) => {
+  const { properties, name: schemaName } = schema;
+  properties.forEach((property) => {
+    const { name, format, required, isRequiredIf } = property;
+    const requiredConditionally = isRequiredIf && isRequiredIf(props);
+    if (required && !(name in props)) {
+      (0, import_errorTemplates.throwRequiredError)(schema.name, name);
+    }
+    if (requiredConditionally && !(name in props)) {
+      (0, import_errorTemplates.throwRequiredError)(schema.name, name);
+    }
+    const shouldValidateProperty = props[name] !== void 0 || required || requiredConditionally;
+    if (name in props && format && shouldValidateProperty) {
+      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);
+    }
+  });
+};
+const useValidateTypescriptPropTypes = (props, propTypes) => {
+  const validationsMemo = (0, import_react.useRef)({});
+  const typescriptSchema = (0, import_react.useMemo)(() => {
+    const Component = () => {
+    };
+    const DescribedComponent = (0, import_propTypes.describe)(Component);
+    DescribedComponent.propTypes = propTypes;
+    return DescribedComponent.toTypescript();
+  }, [propTypes]);
+  (0, import_react.useMemo)(() => {
+    const nextValidationsMemo = {};
+    validateTypescriptPropTypesImplementation(props, typescriptSchema, validationsMemo.current, nextValidationsMemo);
+    validationsMemo.current = nextValidationsMemo;
+  }, [props]);
+};
+//# sourceMappingURL=typescriptValidator.js.map

package/dist/cjs/props-helpers/validation/typescriptValidator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/validation/typescriptValidator.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable max-params */\nimport { PropsWithChildren, useMemo, useRef, WeakValidationMap } from 'react';\nimport { TypescriptDocumentation } from '../propTypes/types';\nimport { describe } from '../propTypes';\nimport { throwRequiredError, throwTypeError } from './errorTemplates';\nimport {\n  isArray,\n  isFunction,\n  isJSXorNode,\n  isObject,\n  isPrimitiveType,\n  isSomethingWithParenthesis,\n  isString,\n  isUnion,\n  isUndefined,\n  isNull,\n} from './typescriptGuards';\nimport { typescriptObjectParser } from './typescriptParsers';\n\ntype ValidatorFn = (\n  schemaName: string,\n  key: string,\n  value: unknown,\n  format: string,\n  validationsMemo: Record<symbol, string>,\n  nextValidationsMemo: Record<symbol, string>,\n) => void;\n\n// =============================================================================\n// Atom Validators\n// =============================================================================\n\n// This functions will validate something from the data\n// and optionally recursively apply `validateValueWithFormat`\n// in smaller parts\n\nconst validateUndefined: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== undefined || value === 'undefined') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validateNull: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== null || value === 'null') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\nconst validatePrimitiveType: ValidatorFn = (schemaName, key, value, format) => {\n  if (typeof value !== format) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateString: ValidatorFn = (schemaName, key, value, format) => {\n  if (value !== format.slice(1, -1)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateArray: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  // Check that we have an array\n  if (!Array.isArray(value)) {\n    throwTypeError(schemaName, key, value, format);\n  }\n\n  // Check that each element inside satisfies the format\n  (value as unknown[]).forEach((val, index) => {\n    // this is a recursive func, we need to invoke it before it's defined.\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    validateValueWithFormat(\n      schemaName,\n      `${key}[${index}]`,\n      val,\n      format.slice(0, -2),\n      validationsMemo,\n      nextValidationsMemo,\n    );\n  });\n};\nfunction isObjectType(value: unknown | Record<string, unknown>): value is Record<string, unknown> {\n  return !(typeof value !== 'object' || Array.isArray(value));\n}\nconst validateObject: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const valuesIsObject = isObjectType(value);\n  // Check that we have an object\n  if (!valuesIsObject) {\n    throwTypeError(schemaName, key, value, format);\n    return;\n  }\n\n  if (format === 'object') return;\n\n  const keyValuePairs = typescriptObjectParser(format);\n  // Now we have the key - value pairs\n  // Each key could either be required or not\n  // Just recursively check the object\n\n  keyValuePairs.forEach(([objectKey, objectValue]) => {\n    const trueKey = objectKey.slice(-1) === '?' ? objectKey.slice(0, -1) : objectKey;\n\n    if (trueKey === objectKey && !(trueKey in value)) {\n      throwRequiredError(schemaName, key);\n    }\n\n    if (trueKey in value) {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(\n        schemaName,\n        `${key}[${trueKey}]`,\n        value[trueKey],\n        objectValue,\n        validationsMemo,\n        nextValidationsMemo,\n      );\n    }\n  });\n};\n\nconst validateUnion: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  const possibilities = format.split(/\\s?\\|\\s?/);\n\n  const errors = [];\n\n  possibilities.forEach((possibility) => {\n    try {\n      // this is a recursive func, we need to invoke it before it's defined.\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      validateValueWithFormat(schemaName, key, value, possibility, validationsMemo, nextValidationsMemo);\n    } catch (e) {\n      errors.push(e);\n    }\n  });\n\n  if (errors.length === possibilities.length) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nconst validateFunction: ValidatorFn = (schemaName, key, value, format) => {\n  // Check that we have a function\n  if (typeof value !== 'function') {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\nfunction isJSXElement(value: unknown | JSX.Element): value is JSX.Element {\n  return value === null || (typeof value === 'object' && value !== null && '$$typeof' in value);\n}\nconst validateJSXorNode: ValidatorFn = (schemaName, key, value, format) => {\n  const valueIsJSX = isJSXElement(value);\n  if (format === 'JSX.Element' && !valueIsJSX) {\n    throwTypeError(schemaName, key, value, format);\n  }\n};\n\n// =============================================================================\n// Schema validator\n// =============================================================================\n\nconst validateValueWithFormat: ValidatorFn = (schemaName, key, value, format, validationsMemo, nextValidationsMemo) => {\n  nextValidationsMemo[value as symbol] = format;\n\n  if ((value as symbol) in validationsMemo) {\n    // We already validated this value on this format\n    return;\n  }\n\n  if (isUndefined(format)) {\n    validateUndefined(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isNull(format)) {\n    validateNull(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isPrimitiveType(format)) {\n    validatePrimitiveType(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isUnion(format)) {\n    validateUnion(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isString(format)) {\n    validateString(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isArray(format)) {\n    validateArray(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isObject(format)) {\n    validateObject(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isFunction(format)) {\n    validateFunction(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isJSXorNode(format)) {\n    validateJSXorNode(schemaName, key, value, format, validationsMemo, nextValidationsMemo);\n  } else if (isSomethingWithParenthesis(format)) {\n    validateValueWithFormat(schemaName, key, value, format.slice(1, -1), validationsMemo, nextValidationsMemo);\n  }\n};\n\nexport const validateTypescriptPropTypesImplementation = (\n  props: PropsWithChildren<Record<string, unknown>>,\n  schema: TypescriptDocumentation,\n  validationsMemo: Record<string, string> = {},\n  nextValidationsMemo: Record<string, string> = {},\n): void => {\n  const { properties, name: schemaName } = schema;\n\n  properties.forEach((property) => {\n    const { name, format, required, isRequiredIf } = property;\n\n    const requiredConditionally = isRequiredIf && isRequiredIf(props);\n\n    if (required && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    if (requiredConditionally && !(name in props)) {\n      throwRequiredError(schema.name, name);\n    }\n\n    const shouldValidateProperty = props[name] !== undefined || required || requiredConditionally;\n\n    if (name in props && format && shouldValidateProperty) {\n      validateValueWithFormat(schemaName, name, props[name], format, validationsMemo, nextValidationsMemo);\n    }\n  });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useValidateTypescriptPropTypes = <T = Record<string, any>>(\n  props: PropsWithChildren<T>,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  const validationsMemo = useRef<Record<string, string>>({});\n\n  const typescriptSchema = useMemo(() => {\n    const Component = () => {};\n\n    const DescribedComponent = describe(Component);\n    DescribedComponent.propTypes = propTypes;\n    return DescribedComponent.toTypescript();\n  }, [propTypes]);\n\n  useMemo(() => {\n    const nextValidationsMemo = {};\n\n    validateTypescriptPropTypesImplementation(props, typescriptSchema, validationsMemo.current, nextValidationsMemo);\n    validationsMemo.current = nextValidationsMemo;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/props-helpers/xstyledProps/constants.js

@@ -0,0 +1,81 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  layoutKeys: () => layoutKeys,
+  xstyledKeys: () => xstyledKeys
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const marginKeys = [
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my"
+];
+const paddingKeys = [
+  "padding",
+  "p",
+  "paddingTop",
+  "pt",
+  "paddingRight",
+  "pr",
+  "paddingBottom",
+  "pb",
+  "paddingLeft",
+  "pl",
+  "px",
+  "py"
+];
+const spaceKeys = ["spaceY", "spaceX", "spaceXReverse", "spaceYReverse"];
+const widthKeys = ["width", "w", "maxWidth", "maxW", "minWidth", "minW"];
+const heightKeys = ["height", "h", "maxHeight", "maxH", "minHeight", "minH"];
+const maskSizeKeys = ["maskSize"];
+const spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];
+const sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];
+const layoutKeys = [
+  "display",
+  "float",
+  "boxSizing",
+  "container",
+  "overflow",
+  "overflowX",
+  "overflowY",
+  "zIndex",
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "visibility",
+  "overscrollBehavior",
+  "objectFit"
+];
+const xstyledKeys = Object.fromEntries([...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true]));
+//# sourceMappingURL=constants.js.map

package/dist/cjs/props-helpers/xstyledProps/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/xstyledProps/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['width', 'w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['height', 'h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true]),\n) as Record<string, true>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB,eAAe;AAEvE,MAAM,YAAY,CAAC,SAAS,KAAK,YAAY,QAAQ,YAAY,MAAM;AAEvE,MAAM,aAAa,CAAC,UAAU,KAAK,aAAa,QAAQ,aAAa,MAAM;AAE3E,MAAM,eAAe,CAAC,UAAU;AAEhC,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS;AAChE,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY;AACzD,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,cAAc,OAAO,YAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAC3E;",
+  "names": []
+}

package/dist/cjs/props-helpers/xstyledProps/index.js

@@ -0,0 +1,23 @@
+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 __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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var xstyledProps_exports = {};
+module.exports = __toCommonJS(xstyledProps_exports);
+var React = __toESM(require("react"));
+__reExport(xstyledProps_exports, require("./useGetXstyledProps"), module.exports);
+__reExport(xstyledProps_exports, require("./xstyledPropTypes"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/props-helpers/xstyledProps/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/xstyledProps/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './useGetXstyledProps';\nexport * from './xstyledPropTypes';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAc,iCAAd;AACA,iCAAc,+BADd;",
+  "names": []
+}

package/dist/cjs/props-helpers/xstyledProps/useGetXstyledProps.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGetXstyledProps_exports = {};
+__export(useGetXstyledProps_exports, {
+  useGetXstyledProps: () => useGetXstyledProps
+});
+module.exports = __toCommonJS(useGetXstyledProps_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("./constants");
+const useGetXstyledProps = (props) => {
+  const componentXstyledProps = (0, import_react.useMemo)(() => {
+    const xstyledPropsObject = {};
+    Object.entries(props).forEach(([key, value]) => {
+      if (key in import_constants.xstyledKeys) {
+        xstyledPropsObject[key] = value;
+      }
+    });
+    return xstyledPropsObject;
+  }, [props]);
+  return componentXstyledProps;
+};
+//# sourceMappingURL=useGetXstyledProps.js.map

package/dist/cjs/props-helpers/xstyledProps/useGetXstyledProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/xstyledProps/useGetXstyledProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemo } from 'react';\nimport type { SizingProps, SpaceProps, LayoutProps } from '@xstyled/styled-components';\nimport { xstyledKeys } from './constants';\n\nexport type XstyledProps = SpaceProps & SizingProps & LayoutProps;\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAExB,uBAA4B;AAMrB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,wBAAwB,0BAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,WAAW;AAC9C,UAAI,OAAO,8BAAa;AACtB,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/props-helpers/xstyledProps/xstyledPropTypes.js

@@ -0,0 +1,94 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var xstyledPropTypes_exports = {};
+__export(xstyledPropTypes_exports, {
+  xstyledPropTypes: () => xstyledPropTypes
+});
+module.exports = __toCommonJS(xstyledPropTypes_exports);
+var React = __toESM(require("react"));
+var import_propTypes = require("../propTypes");
+const xstyledGenericPropType = import_propTypes.PropTypes.oneOfType([
+  import_propTypes.PropTypes.number,
+  import_propTypes.PropTypes.string,
+  import_propTypes.PropTypes.object,
+  import_propTypes.PropTypes.bool
+]);
+const genericDescription = "Applies to the root container. For more info read xstyled docs";
+const xstyledPropTypes = {
+  margin: xstyledGenericPropType.description(genericDescription).xstyled(),
+  m: xstyledGenericPropType.description(genericDescription).xstyled(),
+  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),
+  mt: xstyledGenericPropType.description(genericDescription).xstyled(),
+  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  mr: xstyledGenericPropType.description(genericDescription).xstyled(),
+  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),
+  mb: xstyledGenericPropType.description(genericDescription).xstyled(),
+  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),
+  ml: xstyledGenericPropType.description(genericDescription).xstyled(),
+  mx: xstyledGenericPropType.description(genericDescription).xstyled(),
+  my: xstyledGenericPropType.description(genericDescription).xstyled(),
+  padding: xstyledGenericPropType.description(genericDescription).xstyled(),
+  p: xstyledGenericPropType.description(genericDescription).xstyled(),
+  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),
+  pt: xstyledGenericPropType.description(genericDescription).xstyled(),
+  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  pr: xstyledGenericPropType.description(genericDescription).xstyled(),
+  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),
+  pb: xstyledGenericPropType.description(genericDescription).xstyled(),
+  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),
+  pl: xstyledGenericPropType.description(genericDescription).xstyled(),
+  px: xstyledGenericPropType.description(genericDescription).xstyled(),
+  py: xstyledGenericPropType.description(genericDescription).xstyled(),
+  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),
+  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),
+  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),
+  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),
+  w: xstyledGenericPropType.description(genericDescription).xstyled(),
+  width: xstyledGenericPropType.description(genericDescription).xstyled(),
+  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),
+  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  minW: xstyledGenericPropType.description(genericDescription).xstyled(),
+  h: xstyledGenericPropType.description(genericDescription).xstyled(),
+  height: xstyledGenericPropType.description(genericDescription).xstyled(),
+  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),
+  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  minH: xstyledGenericPropType.description(genericDescription).xstyled(),
+  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),
+  display: xstyledGenericPropType.description(genericDescription).xstyled(),
+  float: xstyledGenericPropType.description(genericDescription).xstyled(),
+  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),
+  container: xstyledGenericPropType.description(genericDescription).xstyled(),
+  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),
+  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),
+  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),
+  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),
+  position: xstyledGenericPropType.description(genericDescription).xstyled(),
+  top: xstyledGenericPropType.description(genericDescription).xstyled(),
+  right: xstyledGenericPropType.description(genericDescription).xstyled(),
+  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),
+  left: xstyledGenericPropType.description(genericDescription).xstyled(),
+  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),
+  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),
+  objectFit: xstyledGenericPropType.description(genericDescription).xstyled()
+};
+//# sourceMappingURL=xstyledPropTypes.js.map

package/dist/cjs/props-helpers/xstyledProps/xstyledPropTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/props-helpers/xstyledProps/xstyledPropTypes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '../propTypes';\n\n// Based on https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/prop-types/src/index.ts\nconst xstyledGenericPropType = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.string,\n  PropTypes.object,\n  PropTypes.bool,\n]);\n\nconst genericDescription = 'Applies to the root container. For more info read xstyled docs';\n\nexport const xstyledPropTypes = {\n  margin: xstyledGenericPropType.description(genericDescription).xstyled(),\n  m: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  ml: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mx: xstyledGenericPropType.description(genericDescription).xstyled(),\n  my: xstyledGenericPropType.description(genericDescription).xstyled(),\n  padding: xstyledGenericPropType.description(genericDescription).xstyled(),\n  p: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pl: xstyledGenericPropType.description(genericDescription).xstyled(),\n  px: xstyledGenericPropType.description(genericDescription).xstyled(),\n  py: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  w: xstyledGenericPropType.description(genericDescription).xstyled(),\n  width: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  h: xstyledGenericPropType.description(genericDescription).xstyled(),\n  height: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),\n  display: xstyledGenericPropType.description(genericDescription).xstyled(),\n  float: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),\n  container: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),\n  position: xstyledGenericPropType.description(genericDescription).xstyled(),\n  top: xstyledGenericPropType.description(genericDescription).xstyled(),\n  right: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  left: xstyledGenericPropType.description(genericDescription).xstyled(),\n  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),\n  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/reactTypesUtility.js

@@ -4,55 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+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 target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var reactTypesUtility_exports = {};
 __export(reactTypesUtility_exports, {
-  isClassComponent: () => isClassComponent,
-  isCompositeTypeElement: () => isCompositeTypeElement,
-  isDOMTypeElement: () => isDOMTypeElement,
-  isElement: () => isElement,
-  isFunctionComponent: () => isFunctionComponent,
-  isReactComponent: () => isReactComponent
+  isDOMTypeElement: () => isDOMTypeElement
 });
+module.exports = __toCommonJS(reactTypesUtility_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-function isClassComponent(component) {
-  return !!(typeof component === "function" && !!component.prototype.isReactComponent);
-}
-function isFunctionComponent(component) {
-  return typeof component === "function" && String(component).includes("return React.createElement");
-}
-function isReactComponent(component) {
-  return !!(isClassComponent(component) || isFunctionComponent(component));
-}
-function isElement(element) {
-  return import_react.default.isValidElement(element);
-}
-function isDOMTypeElement(element) {
-  return isElement(element) && typeof element.type === "string";
-}
-function isCompositeTypeElement(element) {
-  return isElement(element) && typeof element.type === "function";
-}
-module.exports = __toCommonJS(reactTypesUtility_exports);
+const isElement = (element) => import_react.default.isValidElement(element);
+const isDOMTypeElement = (element) => isElement(element) && typeof element?.type === "string";
 //# sourceMappingURL=reactTypesUtility.js.map

package/dist/cjs/reactTypesUtility.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/reactTypesUtility.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\nexport function isClassComponent(component) {\n  return !!(typeof component === 'function' && !!component.prototype.isReactComponent);\n}\n\nexport function isFunctionComponent(component) {\n  return typeof component === 'function' && String(component).includes('return React.createElement');\n}\n\nexport function isReactComponent(component) {\n  return !!(isClassComponent(component) || isFunctionComponent(component));\n}\n\nexport function isElement(element) {\n  return React.isValidElement(element);\n}\n\nexport function isDOMTypeElement(element) {\n  return isElement(element) && typeof element.type === 'string';\n}\n\nexport function isCompositeTypeElement(element) {\n  return isElement(element) && typeof element.type === 'function';\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,0BAA0B,WAAW;AAC1C,SAAO,CAAC,CAAE,QAAO,cAAc,cAAc,CAAC,CAAC,UAAU,UAAU;AAAA;AAG9D,6BAA6B,WAAW;AAC7C,SAAO,OAAO,cAAc,cAAc,OAAO,WAAW,SAAS;AAAA;AAGhE,0BAA0B,WAAW;AAC1C,SAAO,CAAC,CAAE,kBAAiB,cAAc,oBAAoB;AAAA;AAGxD,mBAAmB,SAAS;AACjC,SAAO,qBAAM,eAAe;AAAA;AAGvB,0BAA0B,SAAS;AACxC,SAAO,UAAU,YAAY,OAAO,QAAQ,SAAS;AAAA;AAGhD,gCAAgC,SAAS;AAC9C,SAAO,UAAU,YAAY,OAAO,QAAQ,SAAS;AAAA;",
+  "sourcesContent": ["import React from 'react';\n\nconst isElement = (element: Record<string, unknown> | null | undefined) => React.isValidElement(element);\n\nexport const isDOMTypeElement = (element: Record<string, unknown> | null | undefined) =>\n  isElement(element) && typeof element?.type === 'string';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,MAAM,YAAY,CAAC,YAAwD,qBAAM,eAAe,OAAO;AAEhG,MAAM,mBAAmB,CAAC,YAC/B,UAAU,OAAO,KAAK,OAAO,SAAS,SAAS;",
   "names": []
 }