@elliemae/ds-image 3.16.0-next.17

package/dist/cjs/DSImage.js

@@ -0,0 +1,53 @@
+"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 DSImage_exports = {};
+__export(DSImage_exports, {
+  DSImage: () => DSImage,
+  DSImageWithSchema: () => DSImageWithSchema
+});
+module.exports = __toCommonJS(DSImage_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useImage = require("./config/useImage.js");
+var import_constants = require("./constants/index.js");
+var import_styled = require("./styled.js");
+const DSImage = (props) => {
+  const {
+    globalProps,
+    xstyledProps,
+    propsWithDefault: { size }
+  } = (0, import_useImage.useImage)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledWrapper, { ...globalProps, ...xstyledProps, size });
+};
+DSImage.displayName = import_constants.DSImageName;
+const DSImageWithSchema = (0, import_ds_props_helpers.describe)(DSImage);
+DSImageWithSchema.propTypes = import_react_desc_prop_types.DSImagePropTypes;
+//# sourceMappingURL=DSImage.js.map

package/dist/cjs/DSImage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSImage.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSImageT, DSImagePropTypes } from './react-desc-prop-types.js';\nimport { useImage } from './config/useImage.js';\nimport { DSImageName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSImage: React.ComponentType<DSImageT.Props> = (props) => {\n  const {\n    globalProps,\n    xstyledProps,\n    propsWithDefault: { size },\n  } = useImage(props);\n\n  return <StyledWrapper {...globalProps} {...xstyledProps} size={size} />;\n};\n\nDSImage.displayName = DSImageName;\nconst DSImageWithSchema = describe(DSImage);\nDSImageWithSchema.propTypes = DSImagePropTypes as unknown as React.WeakValidationMap<DSImageT.Props>;\n\nexport { DSImage, DSImageWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcd;AAbT,8BAAyB;AACzB,mCAAgD;AAChD,sBAAyB;AACzB,uBAA4B;AAC5B,oBAA8B;AAE9B,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,KAAK;AAAA,EAC3B,QAAI,0BAAS,KAAK;AAElB,SAAO,4CAAC,+BAAe,GAAG,aAAc,GAAG,cAAc,MAAY;AACvE;AAEA,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useImage.js

@@ -0,0 +1,53 @@
+"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 useImage_exports = {};
+__export(useImage_exports, {
+  useImage: () => useImage
+});
+module.exports = __toCommonJS(useImage_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useImage = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSImagePropTypes);
+  const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps
+    }),
+    [propsWithDefault, globalProps, xstyledProps]
+  );
+};
+//# sourceMappingURL=useImage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useImage.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSImageT, DSImagePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface ImageCTX {\n  propsWithDefault: DSImageT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useImage = (propsFromUser: DSImageT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSImageT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSImagePropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSImageT.InternalProps>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,mCAA8D;AAC9D,8BAAiC;AAS1B,MAAM,WAAW,CAAC,kBAAkC;AAIzD,QAAM,uBAAmB,sDAAqD,eAAe,yCAAY;AACzG,gDAAiB,kBAAkB,6CAAgB;AAInD,QAAM,kBAAc,gDAA+C,gBAAgB;AACnF,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"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 useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSImageName);
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { type DSPropTypesSchema, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSImageT } from '../react-desc-prop-types.js';\nimport { DSImageName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSImageT.InternalProps, propTypes: DSPropTypesSchema<DSImageT.Props>): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSImageName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAEvE,uBAA4B;AAErB,MAAM,mBAAmB,CAAC,OAA+B,cAAuD;AACrH,8DAA+B,OAAO,WAAW,4BAAW;AAC9D;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,44 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DSImageName: () => DSImageName,
+  IMAGE_DATA_TESTID: () => IMAGE_DATA_TESTID,
+  IMAGE_SLOTS: () => IMAGE_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const DSImageName = "DSImage";
+const IMAGE_SLOTS = {
+  ROOT: "wrapper"
+};
+const IMAGE_DATA_TESTID = {
+  ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSImageName = 'DSImage';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_SLOTS = {\n  ROOT: 'wrapper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_DATA_TESTID = {\n  ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`,\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY;AAChC;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,40 @@
+"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 src_exports = {};
+__export(src_exports, {
+  DSImage: () => import_DSImage.DSImage,
+  DSImageWithSchema: () => import_DSImage.DSImageWithSchema,
+  IMAGE_DATA_TESTID: () => import_constants.IMAGE_DATA_TESTID
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSImage = require("./DSImage.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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSImage, DSImageWithSchema } from './DSImage.js';\nexport { type DSImageT } from './react-desc-prop-types.js';\nexport { IMAGE_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qBAA2C;AAC3C,mCAA8B;AAC9B,uBAAkC;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,45 @@
+"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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSImagePropTypes: () => DSImagePropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {};
+const DSImagePropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  size: import_ds_props_helpers.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the image"),
+  src: import_ds_props_helpers.PropTypes.string.isRequired.description("source of the image"),
+  alt: import_ds_props_helpers.PropTypes.string.isRequired.description("alt text of the image")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSImageT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export interface RequiredProps {\n    src: string;\n    alt: string;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    size?: SizeType;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLImageElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLImageElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSImageT.DefaultProps = {};\n\nexport const DSImagePropTypes: DSPropTypesSchema<DSImageT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the image'),\n  src: PropTypes.string.isRequired.description('source of the image'),\n  alt: PropTypes.string.isRequired.description('alt text of the image'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAqChE,MAAM,eAAsC,CAAC;AAE7C,MAAM,mBAAsD;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAChG,KAAK,kCAAU,OAAO,WAAW,YAAY,qBAAqB;AAAA,EAClE,KAAK,kCAAU,OAAO,WAAW,YAAY,uBAAuB;AACtE;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,151 @@
+"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 styled_exports = {};
+__export(styled_exports, {
+  StyledWrapper: () => StyledWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("./constants/index.js");
+const xxlSizes = import_ds_system.css`
+  width: 4rem;
+  height: 4rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 4.923rem;
+    height: 4.923rem;
+  }
+`;
+const xlSizes = import_ds_system.css`
+  width: 3rem;
+  height: 3rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 3.692rem;
+    height: 3.692rem;
+  }
+`;
+const lSizes = import_ds_system.css`
+  width: 2rem;
+  height: 2rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 2.462rem;
+    height: 2.462rem;
+  }
+`;
+const mSizes = import_ds_system.css`
+  width: 1.5rem;
+  height: 1.5rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 1.846rem;
+    height: 1.846rem;
+  }
+`;
+const sSizes = import_ds_system.css`
+  width: 1rem;
+  height: 1rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 1.231rem;
+    height: 1.231rem;
+  }
+`;
+const xsSizes = import_ds_system.css`
+  width: 0.5rem;
+  height: 0.5rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 0.615rem;
+    height: 0.615rem;
+  }
+`;
+const xxsSizes = import_ds_system.css`
+  width: 0.25rem;
+  height: 0.25rem;
+  @media (min-width: ${import_ds_system.th.breakpoint("small")}) {
+    width: 0.308rem;
+    height: 0.308rem;
+  }
+`;
+const standarSizes = import_ds_system.css`
+  ${sSizes}
+`;
+const getSize = (size) => {
+  if (size === "xxl")
+    return xxlSizes;
+  if (size === "xl")
+    return xlSizes;
+  if (size === "l")
+    return lSizes;
+  if (size === "m")
+    return mSizes;
+  if (size === "s")
+    return sSizes;
+  if (size === "xs")
+    return xsSizes;
+  if (size === "xxs")
+    return xxsSizes;
+  return standarSizes;
+};
+const StyledWrapper = (0, import_ds_system.styled)("img", { name: import_constants.DSImageName, slot: import_constants.IMAGE_SLOTS.ROOT })`
+  ${import_ds_system.xStyledCommonProps}
+
+  ${({ size }) => {
+  if (size)
+    return getSize(size);
+}};
+
+  ${({ width, theme }) => {
+  if (typeof width === "string") {
+    return `
+        width: ${width};
+      `;
+  } else if (typeof width === "number") {
+    return `
+        width: ${width / 16}rem;
+        @media (min-width: ${theme.breakpoints?.small}) {
+          width: ${width / 13}rem;
+        }
+      `;
+  }
+}}
+
+  ${({ height, theme }) => {
+  if (typeof height === "string") {
+    return `
+        height: ${height};
+      `;
+  } else if (typeof height === "number") {
+    return `
+        height: ${height / 16}rem;
+        @media (min-width: ${theme.breakpoints?.small}) {
+          height: ${height / 13}rem;
+        }
+      `;
+  }
+}}
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { FlattenInterpolation, Theme } from '@elliemae/ds-system';\nimport { xStyledCommonProps, css, styled, th } from '@elliemae/ds-system';\nimport type { DSImageT } from './react-desc-prop-types.js';\nimport { DSImageName, IMAGE_SLOTS } from './constants/index.js';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\n\nconst xxlSizes = css`\n  width: 4rem;\n  height: 4rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 4.923rem;\n    height: 4.923rem;\n  }\n`;\n\nconst xlSizes = css`\n  width: 3rem;\n  height: 3rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 3.692rem;\n    height: 3.692rem;\n  }\n`;\n\nconst lSizes = css`\n  width: 2rem;\n  height: 2rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 2.462rem;\n    height: 2.462rem;\n  }\n`;\n\nconst mSizes = css`\n  width: 1.5rem;\n  height: 1.5rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 1.846rem;\n    height: 1.846rem;\n  }\n`;\n\nconst sSizes = css`\n  width: 1rem;\n  height: 1rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 1.231rem;\n    height: 1.231rem;\n  }\n`;\n\nconst xsSizes = css`\n  width: 0.5rem;\n  height: 0.5rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 0.615rem;\n    height: 0.615rem;\n  }\n`;\n\nconst xxsSizes = css`\n  width: 0.25rem;\n  height: 0.25rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 0.308rem;\n    height: 0.308rem;\n  }\n`;\n\nconst standarSizes = css`\n  ${sSizes}\n`;\n\nconst getSize = (\n  size: DSImageT.SizeType | undefined,\n): FlattenInterpolation<{\n  theme: Theme;\n}> => {\n  if (size === 'xxl') return xxlSizes;\n  if (size === 'xl') return xlSizes;\n  if (size === 'l') return lSizes;\n  if (size === 'm') return mSizes;\n  if (size === 's') return sSizes;\n  if (size === 'xs') return xsSizes;\n  if (size === 'xxs') return xxsSizes;\n  return standarSizes;\n};\n\nexport const StyledWrapper = styled('img', { name: DSImageName, slot: IMAGE_SLOTS.ROOT })<\n  { size?: DSImageT.SizeType } & XstyledProps\n>`\n  ${xStyledCommonProps}\n\n  ${({ size }) => {\n    if (size) return getSize(size);\n  }};\n\n  ${({ width, theme }) => {\n    if (typeof width === 'string') {\n      return `\n        width: ${width};\n      `;\n    } else if (typeof width === 'number') {\n      return `\n        width: ${width / 16}rem;\n        @media (min-width: ${theme.breakpoints?.small}) {\n          width: ${width / 13}rem;\n        }\n      `;\n    }\n  }}\n\n  ${({ height, theme }) => {\n    if (typeof height === 'string') {\n      return `\n        height: ${height};\n      `;\n    } else if (typeof height === 'number') {\n      return `\n        height: ${height / 16}rem;\n        @media (min-width: ${theme.breakpoints?.small}) {\n          height: ${height / 13}rem;\n        }\n      `;\n    }\n  }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAoD;AAEpD,uBAAyC;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,oBAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,8BAAa,MAAM,6BAAY,KAAK,CAAC;AAAA,IAGpF;AAAA;AAAA,IAEA,CAAC,EAAE,KAAK,MAAM;AACd,MAAI;AAAM,WAAO,QAAQ,IAAI;AAC/B;AAAA;AAAA,IAEE,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI;AAAA;AAAA,EAEb,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ;AAAA,6BACI,MAAM,aAAa;AAAA,mBAC7B,QAAQ;AAAA;AAAA;AAAA,EAGvB;AACF;AAAA;AAAA,IAEE,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK;AAAA;AAAA,EAEd,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS;AAAA,6BACE,MAAM,aAAa;AAAA,oBAC5B,SAAS;AAAA;AAAA;AAAA,EAGzB;AACF;AAAA;",
+  "names": []
+}

package/dist/esm/DSImage.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSImagePropTypes } from "./react-desc-prop-types.js";
+import { useImage } from "./config/useImage.js";
+import { DSImageName } from "./constants/index.js";
+import { StyledWrapper } from "./styled.js";
+const DSImage = (props) => {
+  const {
+    globalProps,
+    xstyledProps,
+    propsWithDefault: { size }
+  } = useImage(props);
+  return /* @__PURE__ */ jsx(StyledWrapper, { ...globalProps, ...xstyledProps, size });
+};
+DSImage.displayName = DSImageName;
+const DSImageWithSchema = describe(DSImage);
+DSImageWithSchema.propTypes = DSImagePropTypes;
+export {
+  DSImage,
+  DSImageWithSchema
+};
+//# sourceMappingURL=DSImage.js.map

package/dist/esm/DSImage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSImage.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSImageT, DSImagePropTypes } from './react-desc-prop-types.js';\nimport { useImage } from './config/useImage.js';\nimport { DSImageName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSImage: React.ComponentType<DSImageT.Props> = (props) => {\n  const {\n    globalProps,\n    xstyledProps,\n    propsWithDefault: { size },\n  } = useImage(props);\n\n  return <StyledWrapper {...globalProps} {...xstyledProps} size={size} />;\n};\n\nDSImage.displayName = DSImageName;\nconst DSImageWithSchema = describe(DSImage);\nDSImageWithSchema.propTypes = DSImagePropTypes as unknown as React.WeakValidationMap<DSImageT.Props>;\n\nexport { DSImage, DSImageWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcd;AAbT,SAAS,gBAAgB;AACzB,SAAwB,wBAAwB;AAChD,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,KAAK;AAAA,EAC3B,IAAI,SAAS,KAAK;AAElB,SAAO,oBAAC,iBAAe,GAAG,aAAc,GAAG,cAAc,MAAY;AACvE;AAEA,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useImage.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSImagePropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useImage = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSImagePropTypes);
+  const globalProps = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps
+    }),
+    [propsWithDefault, globalProps, xstyledProps]
+  );
+};
+export {
+  useImage
+};
+//# sourceMappingURL=useImage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useImage.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSImageT, DSImagePropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface ImageCTX {\n  propsWithDefault: DSImageT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useImage = (propsFromUser: DSImageT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSImageT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSImagePropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSImageT.InternalProps>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAwB,kBAAkB,oBAAoB;AAC9D,SAAS,wBAAwB;AAS1B,MAAM,WAAW,CAAC,kBAAkC;AAIzD,QAAM,mBAAmB,6BAAqD,eAAe,YAAY;AACzG,mBAAiB,kBAAkB,gBAAgB;AAInD,QAAM,cAAc,uBAA+C,gBAAgB;AACnF,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSPropTypesSchema, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSImageT } from '../react-desc-prop-types.js';\nimport { DSImageName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSImageT.InternalProps, propTypes: DSPropTypesSchema<DSImageT.Props>): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSImageName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAiC,sCAAsC;AAEvE,SAAS,mBAAmB;AAErB,MAAM,mBAAmB,CAAC,OAA+B,cAAuD;AACrH,iCAA+B,OAAO,WAAW,WAAW;AAC9D;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const DSImageName = "DSImage";
+const IMAGE_SLOTS = {
+  ROOT: "wrapper"
+};
+const IMAGE_DATA_TESTID = {
+  ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`
+};
+export {
+  DSImageName,
+  IMAGE_DATA_TESTID,
+  IMAGE_SLOTS
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSImageName = 'DSImage';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_SLOTS = {\n  ROOT: 'wrapper',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const IMAGE_DATA_TESTID = {\n  ROOT: `ds-image-${IMAGE_SLOTS.ROOT}`,\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,cAAc;AAGpB,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM,YAAY,YAAY;AAChC;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { DSImage, DSImageWithSchema } from "./DSImage.js";
+import {} from "./react-desc-prop-types.js";
+import { IMAGE_DATA_TESTID } from "./constants/index.js";
+export {
+  DSImage,
+  DSImageWithSchema,
+  IMAGE_DATA_TESTID
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSImage, DSImageWithSchema } from './DSImage.js';\nexport { type DSImageT } from './react-desc-prop-types.js';\nexport { IMAGE_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,SAAS,yBAAyB;AAC3C,eAA8B;AAC9B,SAAS,yBAAyB;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {};
+const DSImagePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("size of the image"),
+  src: PropTypes.string.isRequired.description("source of the image"),
+  alt: PropTypes.string.isRequired.description("alt text of the image")
+};
+export {
+  DSImagePropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSImageT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export interface RequiredProps {\n    src: string;\n    alt: string;\n  }\n\n  export interface DefaultProps {}\n\n  export interface OptionalProps {\n    size?: SizeType;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLImageElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLImageElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSImageT.DefaultProps = {};\n\nexport const DSImagePropTypes: DSPropTypesSchema<DSImageT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('size of the image'),\n  src: PropTypes.string.isRequired.description('source of the image'),\n  alt: PropTypes.string.isRequired.description('alt text of the image'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAqChE,MAAM,eAAsC,CAAC;AAE7C,MAAM,mBAAsD;AAAA,EACjE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAChG,KAAK,UAAU,OAAO,WAAW,YAAY,qBAAqB;AAAA,EAClE,KAAK,UAAU,OAAO,WAAW,YAAY,uBAAuB;AACtE;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,121 @@
+import * as React from "react";
+import { xStyledCommonProps, css, styled, th } from "@elliemae/ds-system";
+import { DSImageName, IMAGE_SLOTS } from "./constants/index.js";
+const xxlSizes = css`
+  width: 4rem;
+  height: 4rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 4.923rem;
+    height: 4.923rem;
+  }
+`;
+const xlSizes = css`
+  width: 3rem;
+  height: 3rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 3.692rem;
+    height: 3.692rem;
+  }
+`;
+const lSizes = css`
+  width: 2rem;
+  height: 2rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 2.462rem;
+    height: 2.462rem;
+  }
+`;
+const mSizes = css`
+  width: 1.5rem;
+  height: 1.5rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 1.846rem;
+    height: 1.846rem;
+  }
+`;
+const sSizes = css`
+  width: 1rem;
+  height: 1rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 1.231rem;
+    height: 1.231rem;
+  }
+`;
+const xsSizes = css`
+  width: 0.5rem;
+  height: 0.5rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 0.615rem;
+    height: 0.615rem;
+  }
+`;
+const xxsSizes = css`
+  width: 0.25rem;
+  height: 0.25rem;
+  @media (min-width: ${th.breakpoint("small")}) {
+    width: 0.308rem;
+    height: 0.308rem;
+  }
+`;
+const standarSizes = css`
+  ${sSizes}
+`;
+const getSize = (size) => {
+  if (size === "xxl")
+    return xxlSizes;
+  if (size === "xl")
+    return xlSizes;
+  if (size === "l")
+    return lSizes;
+  if (size === "m")
+    return mSizes;
+  if (size === "s")
+    return sSizes;
+  if (size === "xs")
+    return xsSizes;
+  if (size === "xxs")
+    return xxsSizes;
+  return standarSizes;
+};
+const StyledWrapper = styled("img", { name: DSImageName, slot: IMAGE_SLOTS.ROOT })`
+  ${xStyledCommonProps}
+
+  ${({ size }) => {
+  if (size)
+    return getSize(size);
+}};
+
+  ${({ width, theme }) => {
+  if (typeof width === "string") {
+    return `
+        width: ${width};
+      `;
+  } else if (typeof width === "number") {
+    return `
+        width: ${width / 16}rem;
+        @media (min-width: ${theme.breakpoints?.small}) {
+          width: ${width / 13}rem;
+        }
+      `;
+  }
+}}
+
+  ${({ height, theme }) => {
+  if (typeof height === "string") {
+    return `
+        height: ${height};
+      `;
+  } else if (typeof height === "number") {
+    return `
+        height: ${height / 16}rem;
+        @media (min-width: ${theme.breakpoints?.small}) {
+          height: ${height / 13}rem;
+        }
+      `;
+  }
+}}
+`;
+export {
+  StyledWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { FlattenInterpolation, Theme } from '@elliemae/ds-system';\nimport { xStyledCommonProps, css, styled, th } from '@elliemae/ds-system';\nimport type { DSImageT } from './react-desc-prop-types.js';\nimport { DSImageName, IMAGE_SLOTS } from './constants/index.js';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\n\nconst xxlSizes = css`\n  width: 4rem;\n  height: 4rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 4.923rem;\n    height: 4.923rem;\n  }\n`;\n\nconst xlSizes = css`\n  width: 3rem;\n  height: 3rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 3.692rem;\n    height: 3.692rem;\n  }\n`;\n\nconst lSizes = css`\n  width: 2rem;\n  height: 2rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 2.462rem;\n    height: 2.462rem;\n  }\n`;\n\nconst mSizes = css`\n  width: 1.5rem;\n  height: 1.5rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 1.846rem;\n    height: 1.846rem;\n  }\n`;\n\nconst sSizes = css`\n  width: 1rem;\n  height: 1rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 1.231rem;\n    height: 1.231rem;\n  }\n`;\n\nconst xsSizes = css`\n  width: 0.5rem;\n  height: 0.5rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 0.615rem;\n    height: 0.615rem;\n  }\n`;\n\nconst xxsSizes = css`\n  width: 0.25rem;\n  height: 0.25rem;\n  @media (min-width: ${th.breakpoint('small')}) {\n    width: 0.308rem;\n    height: 0.308rem;\n  }\n`;\n\nconst standarSizes = css`\n  ${sSizes}\n`;\n\nconst getSize = (\n  size: DSImageT.SizeType | undefined,\n): FlattenInterpolation<{\n  theme: Theme;\n}> => {\n  if (size === 'xxl') return xxlSizes;\n  if (size === 'xl') return xlSizes;\n  if (size === 'l') return lSizes;\n  if (size === 'm') return mSizes;\n  if (size === 's') return sSizes;\n  if (size === 'xs') return xsSizes;\n  if (size === 'xxs') return xxsSizes;\n  return standarSizes;\n};\n\nexport const StyledWrapper = styled('img', { name: DSImageName, slot: IMAGE_SLOTS.ROOT })<\n  { size?: DSImageT.SizeType } & XstyledProps\n>`\n  ${xStyledCommonProps}\n\n  ${({ size }) => {\n    if (size) return getSize(size);\n  }};\n\n  ${({ width, theme }) => {\n    if (typeof width === 'string') {\n      return `\n        width: ${width};\n      `;\n    } else if (typeof width === 'number') {\n      return `\n        width: ${width / 16}rem;\n        @media (min-width: ${theme.breakpoints?.small}) {\n          width: ${width / 13}rem;\n        }\n      `;\n    }\n  }}\n\n  ${({ height, theme }) => {\n    if (typeof height === 'string') {\n      return `\n        height: ${height};\n      `;\n    } else if (typeof height === 'number') {\n      return `\n        height: ${height / 16}rem;\n        @media (min-width: ${theme.breakpoints?.small}) {\n          height: ${height / 13}rem;\n        }\n      `;\n    }\n  }}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,oBAAoB,KAAK,QAAQ,UAAU;AAEpD,SAAS,aAAa,mBAAmB;AAGzC,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,SAAS;AAAA;AAAA;AAAA,uBAGQ,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,UAAU;AAAA;AAAA;AAAA,uBAGO,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,WAAW;AAAA;AAAA;AAAA,uBAGM,GAAG,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAM5C,MAAM,eAAe;AAAA,IACjB;AAAA;AAGJ,MAAM,UAAU,CACd,SAGI;AACJ,MAAI,SAAS;AAAO,WAAO;AAC3B,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAK,WAAO;AACzB,MAAI,SAAS;AAAM,WAAO;AAC1B,MAAI,SAAS;AAAO,WAAO;AAC3B,SAAO;AACT;AAEO,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,aAAa,MAAM,YAAY,KAAK,CAAC;AAAA,IAGpF;AAAA;AAAA,IAEA,CAAC,EAAE,KAAK,MAAM;AACd,MAAI;AAAM,WAAO,QAAQ,IAAI;AAC/B;AAAA;AAAA,IAEE,CAAC,EAAE,OAAO,MAAM,MAAM;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,iBACI;AAAA;AAAA,EAEb,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,iBACI,QAAQ;AAAA,6BACI,MAAM,aAAa;AAAA,mBAC7B,QAAQ;AAAA;AAAA;AAAA,EAGvB;AACF;AAAA;AAAA,IAEE,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,kBACK;AAAA;AAAA,EAEd,WAAW,OAAO,WAAW,UAAU;AACrC,WAAO;AAAA,kBACK,SAAS;AAAA,6BACE,MAAM,aAAa;AAAA,oBAC5B,SAAS;AAAA;AAAA;AAAA,EAGzB;AACF;AAAA;",
+  "names": []
+}

package/dist/types/DSImage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSImageT } from './react-desc-prop-types.js';
+declare const DSImage: React.ComponentType<DSImageT.Props>;
+declare const DSImageWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSImageT.Props>;
+export { DSImage, DSImageWithSchema };

package/dist/types/config/useImage.d.ts

@@ -0,0 +1,13 @@
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSImageT } from '../react-desc-prop-types.js';
+export interface ImageCTX {
+    propsWithDefault: DSImageT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useImage: (propsFromUser: DSImageT.Props) => {
+    propsWithDefault: DSImageT.InternalProps;
+    globalProps: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import { type DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type DSImageT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSImageT.InternalProps, propTypes: DSPropTypesSchema<DSImageT.Props>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,7 @@
+export declare const DSImageName = "DSImage";
+export declare const IMAGE_SLOTS: {
+    readonly ROOT: "wrapper";
+};
+export declare const IMAGE_DATA_TESTID: {
+    readonly ROOT: "ds-image-wrapper";
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSImage, DSImageWithSchema } from './DSImage.js';
+export { type DSImageT } from './react-desc-prop-types.js';
+export { IMAGE_DATA_TESTID } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,19 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+export declare namespace DSImageT {
+    type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+    interface RequiredProps {
+        src: string;
+        alt: string;
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps {
+        size?: SizeType;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLImageElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLImageElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSImageT.DefaultProps;
+export declare const DSImagePropTypes: DSPropTypesSchema<DSImageT.Props>;

package/dist/types/styled.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@elliemae/ds-system';
+import type { DSImageT } from './react-desc-prop-types.js';
+import type { XstyledProps } from '@elliemae/ds-props-helpers';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"img", Theme, {
+    size?: DSImageT.SizeType | undefined;
+} & XstyledProps, never>;

package/dist/types/tests/DSImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@elliemae/ds-image",
+  "version": "3.16.0-next.17",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Image",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-props-helpers": "3.16.0-next.17",
+    "@elliemae/ds-system": "3.16.0-next.17",
+    "@xstyled/system": "~3.6.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.16.5",
+    "@testing-library/react": "~12.1.3",
+    "jest-axe": "^7.0.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.6"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}