@elliemae/ds-svg 3.16.0-next.17

package/dist/cjs/DSSvg.js

@@ -0,0 +1,69 @@
+"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 DSSvg_exports = {};
+__export(DSSvg_exports, {
+  DSSvg: () => DSSvg,
+  DSSvgWithSchema: () => DSSvgWithSchema
+});
+module.exports = __toCommonJS(DSSvg_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_useSvg = require("./config/useSvg.js");
+var import_constants = require("./constants/index.js");
+var import_styled = require("./styled.js");
+const DSSvg = (props) => {
+  const {
+    globalProps,
+    xstyledProps,
+    propsWithDefault: { viewBox, size, children, focusable }
+  } = (0, import_useSvg.useSvg)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledWrapper,
+    {
+      viewBox,
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      focusable,
+      ...globalProps,
+      ...xstyledProps,
+      size,
+      display: xstyledProps.display,
+      overflow: xstyledProps.overflow,
+      visibility: xstyledProps.visibility,
+      children
+    }
+  );
+};
+DSSvg.propTypes = import_react_desc_prop_types.DSSvgPropTypes;
+DSSvg.displayName = import_constants.DSSvgName;
+const DSSvgWithSchema = (0, import_ds_props_helpers.describe)(DSSvg);
+DSSvgWithSchema.propTypes = import_react_desc_prop_types.DSSvgPropTypes;
+//# sourceMappingURL=DSSvg.js.map

package/dist/cjs/DSSvg.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSSvg.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n  const {\n    globalProps,\n    xstyledProps,\n    propsWithDefault: { viewBox, size, children, focusable },\n  } = useSvg(props);\n\n  return (\n    <StyledWrapper\n      viewBox={viewBox}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      focusable={focusable}\n      {...globalProps}\n      {...xstyledProps}\n      size={size}\n      display={xstyledProps.display as string | undefined}\n      overflow={xstyledProps.overflow as string | undefined}\n      visibility={xstyledProps.visibility as string | undefined}\n    >\n      {children}\n    </StyledWrapper>\n  );\n};\n\nDSSvg.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,8BAAyB;AACzB,mCAA4C;AAC5C,oBAAuB;AACvB,uBAA0B;AAC1B,oBAA8B;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,QAAI,sBAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useSvg.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 useSvg_exports = {};
+__export(useSvg_exports, {
+  useSvg: () => useSvg
+});
+module.exports = __toCommonJS(useSvg_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 useSvg = (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.DSSvgPropTypes);
+  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=useSvg.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useSvg.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface SvgCTX {\n  propsWithDefault: DSSvgT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useSvg = (propsFromUser: DSSvgT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSvgT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSSvgPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSSvgT.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,mCAA0D;AAC1D,8BAAiC;AAS1B,MAAM,SAAS,CAAC,kBAAgC;AAIrD,QAAM,uBAAmB,sDAAmD,eAAe,yCAAY;AACvG,gDAAiB,kBAAkB,2CAAc;AAIjD,QAAM,kBAAc,gDAA6C,gBAAgB;AACjF,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.DSSvgName);
+};
+//# 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 } from '@elliemae/ds-props-helpers';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT } from '../react-desc-prop-types.js';\nimport { DSSvgName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSSvgT.InternalProps, propTypes: DSPropTypesSchema<DSSvgT.Props>): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSvgName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA+C;AAE/C,uBAA0B;AAEnB,MAAM,mBAAmB,CAAC,OAA6B,cAAqD;AACjH,8DAA+B,OAAO,WAAW,0BAAS;AAC5D;",
+  "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, {
+  DSSvgName: () => DSSvgName,
+  SVG_DATA_TESTID: () => SVG_DATA_TESTID,
+  SVG_SLOTS: () => SVG_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const DSSvgName = "DSSvg";
+const SVG_SLOTS = {
+  ROOT: "root"
+};
+const SVG_DATA_TESTID = {
+  ROOT: `ds-svg-${SVG_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 DSSvgName = 'DSSvg';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_DATA_TESTID = {\n  ROOT: `ds-svg-${SVG_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,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU;AAC5B;",
+  "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, {
+  DSSvg: () => import_DSSvg.DSSvg,
+  DSSvgWithSchema: () => import_DSSvg.DSSvgWithSchema,
+  SVG_DATA_TESTID: () => import_constants.SVG_DATA_TESTID
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSSvg = require("./DSSvg.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 { DSSvg, DSSvgWithSchema } from './DSSvg.js';\nexport { type DSSvgT } from './react-desc-prop-types.js';\nexport { SVG_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,mBAAuC;AACvC,mCAA4B;AAC5B,uBAAgC;",
+  "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,51 @@
+"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, {
+  DSSvgPropTypes: () => DSSvgPropTypes,
+  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 = {
+  focusable: false
+};
+const DSSvgPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  viewBox: import_ds_props_helpers.PropTypes.string.isRequired.description(
+    "The viewBox attribute defines the coordinate system for the SVG content."
+  ),
+  size: import_ds_props_helpers.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description(
+    "The size of the SVG. This will be used to set the width and height of the SVG."
+  ),
+  focusable: import_ds_props_helpers.PropTypes.bool.description("The focusable attribute is used to determine whether an element can be focused.").defaultValue(false)
+};
+//# 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 DSSvgT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export interface RequiredProps {\n    viewBox: string;\n  }\n\n  export interface DefaultProps {\n    focusable: boolean;\n  }\n\n  export interface OptionalProps {\n    size?: SizeType;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<SVGElement>,\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<SVGElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSSvgT.DefaultProps = {\n  focusable: false,\n};\n\nexport const DSSvgPropTypes: DSPropTypesSchema<DSSvgT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  viewBox: PropTypes.string.isRequired.description(\n    'The viewBox attribute defines the coordinate system for the SVG content.',\n  ),\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description(\n    'The size of the SVG. This will be used to set the width and height of the SVG.',\n  ),\n  focusable: PropTypes.bool\n    .description('The focusable attribute is used to determine whether an element can be focused.')\n    .defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AAsChE,MAAM,eAAoC;AAAA,EAC/C,WAAW;AACb;AAEO,MAAM,iBAAkD;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,OAAO,WAAW;AAAA,IACnC;AAAA,EACF;AAAA,EACA,MAAM,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,WAAW,kCAAU,KAClB,YAAY,iFAAiF,EAC7F,aAAa,KAAK;AACvB;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,153 @@
+"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)("svg", { name: import_constants.DSSvgName, slot: import_constants.SVG_SLOTS.ROOT })`
+  ${import_ds_system.layout}
+  ${import_ds_system.space}
+  ${import_ds_system.sizing}
+
+  ${({ 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 { layout, sizing, space, css, styled, th } from '@elliemae/ds-system';\nimport type { DSSvgT } from './react-desc-prop-types.js';\nimport { DSSvgName, SVG_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: DSSvgT.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('svg', { name: DSSvgName, slot: SVG_SLOTS.ROOT })<\n  { size?: DSSvgT.SizeType } & XstyledProps\n>`\n  ${layout}\n  ${space}\n  ${sizing}\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,uBAAuD;AAEvD,uBAAqC;AAGrC,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,4BAAW,MAAM,2BAAU,KAAK,CAAC;AAAA,IAGhF;AAAA,IACA;AAAA,IACA;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/DSSvg.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSSvgPropTypes } from "./react-desc-prop-types.js";
+import { useSvg } from "./config/useSvg.js";
+import { DSSvgName } from "./constants/index.js";
+import { StyledWrapper } from "./styled.js";
+const DSSvg = (props) => {
+  const {
+    globalProps,
+    xstyledProps,
+    propsWithDefault: { viewBox, size, children, focusable }
+  } = useSvg(props);
+  return /* @__PURE__ */ jsx(
+    StyledWrapper,
+    {
+      viewBox,
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      focusable,
+      ...globalProps,
+      ...xstyledProps,
+      size,
+      display: xstyledProps.display,
+      overflow: xstyledProps.overflow,
+      visibility: xstyledProps.visibility,
+      children
+    }
+  );
+};
+DSSvg.propTypes = DSSvgPropTypes;
+DSSvg.displayName = DSSvgName;
+const DSSvgWithSchema = describe(DSSvg);
+DSSvgWithSchema.propTypes = DSSvgPropTypes;
+export {
+  DSSvg,
+  DSSvgWithSchema
+};
+//# sourceMappingURL=DSSvg.js.map

package/dist/esm/DSSvg.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSvg.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT, DSSvgPropTypes } from './react-desc-prop-types.js';\nimport { useSvg } from './config/useSvg.js';\nimport { DSSvgName } from './constants/index.js';\nimport { StyledWrapper } from './styled.js';\n\nconst DSSvg: React.ComponentType<DSSvgT.Props> = (props) => {\n  const {\n    globalProps,\n    xstyledProps,\n    propsWithDefault: { viewBox, size, children, focusable },\n  } = useSvg(props);\n\n  return (\n    <StyledWrapper\n      viewBox={viewBox}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      focusable={focusable}\n      {...globalProps}\n      {...xstyledProps}\n      size={size}\n      display={xstyledProps.display as string | undefined}\n      overflow={xstyledProps.overflow as string | undefined}\n      visibility={xstyledProps.visibility as string | undefined}\n    >\n      {children}\n    </StyledWrapper>\n  );\n};\n\nDSSvg.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\nDSSvg.displayName = DSSvgName;\nconst DSSvgWithSchema = describe(DSSvg);\nDSSvgWithSchema.propTypes = DSSvgPropTypes as React.WeakValidationMap<unknown>;\n\nexport { DSSvg, DSSvgWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,gBAAgB;AACzB,SAAsB,sBAAsB;AAC5C,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,QAA2C,CAAC,UAAU;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,SAAS,MAAM,UAAU,UAAU;AAAA,EACzD,IAAI,OAAO,KAAK;AAEhB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,eAAY;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,UAAU,aAAa;AAAA,MACvB,YAAY,aAAa;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useSvg.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSvg.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 DSSvgT, DSSvgPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface SvgCTX {\n  propsWithDefault: DSSvgT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useSvg = (propsFromUser: DSSvgT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSvgT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSSvgPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSSvgT.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,SAAsB,gBAAgB,oBAAoB;AAC1D,SAAS,wBAAwB;AAS1B,MAAM,SAAS,CAAC,kBAAgC;AAIrD,QAAM,mBAAmB,6BAAmD,eAAe,YAAY;AACvG,mBAAiB,kBAAkB,cAAc;AAIjD,QAAM,cAAc,uBAA6C,gBAAgB;AACjF,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 { DSSvgName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSSvgName);
+};
+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 } from '@elliemae/ds-props-helpers';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSSvgT } from '../react-desc-prop-types.js';\nimport { DSSvgName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSSvgT.InternalProps, propTypes: DSPropTypesSchema<DSSvgT.Props>): void => {\n  useValidateTypescriptPropTypes(props, propTypes, DSSvgName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,sCAAsC;AAE/C,SAAS,iBAAiB;AAEnB,MAAM,mBAAmB,CAAC,OAA6B,cAAqD;AACjH,iCAA+B,OAAO,WAAW,SAAS;AAC5D;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const DSSvgName = "DSSvg";
+const SVG_SLOTS = {
+  ROOT: "root"
+};
+const SVG_DATA_TESTID = {
+  ROOT: `ds-svg-${SVG_SLOTS.ROOT}`
+};
+export {
+  DSSvgName,
+  SVG_DATA_TESTID,
+  SVG_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 DSSvgName = 'DSSvg';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const SVG_DATA_TESTID = {\n  ROOT: `ds-svg-${SVG_SLOTS.ROOT}`,\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAGlB,MAAM,YAAY;AAAA,EACvB,MAAM;AACR;AAGO,MAAM,kBAAkB;AAAA,EAC7B,MAAM,UAAU,UAAU;AAC5B;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { DSSvg, DSSvgWithSchema } from "./DSSvg.js";
+import {} from "./react-desc-prop-types.js";
+import { SVG_DATA_TESTID } from "./constants/index.js";
+export {
+  DSSvg,
+  DSSvgWithSchema,
+  SVG_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 { DSSvg, DSSvgWithSchema } from './DSSvg.js';\nexport { type DSSvgT } from './react-desc-prop-types.js';\nexport { SVG_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,OAAO,uBAAuB;AACvC,eAA4B;AAC5B,SAAS,uBAAuB;",
+  "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,21 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  focusable: false
+};
+const DSSvgPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  viewBox: PropTypes.string.isRequired.description(
+    "The viewBox attribute defines the coordinate system for the SVG content."
+  ),
+  size: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description(
+    "The size of the SVG. This will be used to set the width and height of the SVG."
+  ),
+  focusable: PropTypes.bool.description("The focusable attribute is used to determine whether an element can be focused.").defaultValue(false)
+};
+export {
+  DSSvgPropTypes,
+  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 DSSvgT {\n  export type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n  export interface RequiredProps {\n    viewBox: string;\n  }\n\n  export interface DefaultProps {\n    focusable: boolean;\n  }\n\n  export interface OptionalProps {\n    size?: SizeType;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<SVGElement>,\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<SVGElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSSvgT.DefaultProps = {\n  focusable: false,\n};\n\nexport const DSSvgPropTypes: DSPropTypesSchema<DSSvgT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  viewBox: PropTypes.string.isRequired.description(\n    'The viewBox attribute defines the coordinate system for the SVG content.',\n  ),\n  size: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description(\n    'The size of the SVG. This will be used to set the width and height of the SVG.',\n  ),\n  focusable: PropTypes.bool\n    .description('The focusable attribute is used to determine whether an element can be focused.')\n    .defaultValue(false),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAsChE,MAAM,eAAoC;AAAA,EAC/C,WAAW;AACb;AAEO,MAAM,iBAAkD;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,OAAO,WAAW;AAAA,IACnC;AAAA,EACF;AAAA,EACA,MAAM,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,WAAW,UAAU,KAClB,YAAY,iFAAiF,EAC7F,aAAa,KAAK;AACvB;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,123 @@
+import * as React from "react";
+import { layout, sizing, space, css, styled, th } from "@elliemae/ds-system";
+import { DSSvgName, SVG_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("svg", { name: DSSvgName, slot: SVG_SLOTS.ROOT })`
+  ${layout}
+  ${space}
+  ${sizing}
+
+  ${({ 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 { layout, sizing, space, css, styled, th } from '@elliemae/ds-system';\nimport type { DSSvgT } from './react-desc-prop-types.js';\nimport { DSSvgName, SVG_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: DSSvgT.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('svg', { name: DSSvgName, slot: SVG_SLOTS.ROOT })<\n  { size?: DSSvgT.SizeType } & XstyledProps\n>`\n  ${layout}\n  ${space}\n  ${sizing}\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,QAAQ,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAEvD,SAAS,WAAW,iBAAiB;AAGrC,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,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,IAGhF;AAAA,IACA;AAAA,IACA;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/DSSvg.d.ts

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

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

@@ -0,0 +1,13 @@
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSSvgT } from '../react-desc-prop-types.js';
+export interface SvgCTX {
+    propsWithDefault: DSSvgT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useSvg: (propsFromUser: DSSvgT.Props) => {
+    propsWithDefault: DSSvgT.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 DSSvgT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSSvgT.InternalProps, propTypes: DSPropTypesSchema<DSSvgT.Props>) => void;

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

@@ -0,0 +1,7 @@
+export declare const DSSvgName = "DSSvg";
+export declare const SVG_SLOTS: {
+    readonly ROOT: "root";
+};
+export declare const SVG_DATA_TESTID: {
+    readonly ROOT: "ds-svg-root";
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSSvg, DSSvgWithSchema } from './DSSvg.js';
+export { type DSSvgT } from './react-desc-prop-types.js';
+export { SVG_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 DSSvgT {
+    type SizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+    interface RequiredProps {
+        viewBox: string;
+    }
+    interface DefaultProps {
+        focusable: boolean;
+    }
+    interface OptionalProps {
+        size?: SizeType;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<SVGElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<SVGElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSSvgT.DefaultProps;
+export declare const DSSvgPropTypes: DSPropTypesSchema<DSSvgT.Props>;

package/dist/types/styled.d.ts

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

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

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

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@elliemae/ds-svg",
+  "version": "3.16.0-next.17",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Svg",
+  "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-system": "3.16.0-next.17",
+    "@elliemae/ds-props-helpers": "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/*\""
+  }
+}