@elliemae/ds-layout-provider 3.46.0-rc.10

package/dist/cjs/DSLayoutProvider.js

@@ -0,0 +1,77 @@
+"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 DSLayoutProvider_exports = {};
+__export(DSLayoutProvider_exports, {
+  DSLayoutProvider: () => DSLayoutProvider,
+  DSLayoutProviderWithSchema: () => DSLayoutProviderWithSchema
+});
+module.exports = __toCommonJS(DSLayoutProvider_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_ds_system = require("@elliemae/ds-system");
+var import_styled_components = require("styled-components");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useLayoutProvider = require("./config/useLayoutProvider.js");
+var import_constants = require("./constants/index.js");
+const StyledWrapper = (0, import_ds_system.styled)("div", { name: import_constants.DSLayoutProviderName, slot: import_constants.LAYOUT_PROVIDER_SLOTS.ROOT })`
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+`;
+const DSLayoutProvider = (props) => {
+  const { propsWithDefault, xstyledProps, instanceUid } = (0, import_useLayoutProvider.useLayoutProvider)(props);
+  const theme = (0, import_styled_components.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled_components.ThemeProvider,
+    {
+      theme: {
+        ...theme,
+        layoutMode: propsWithDefault.layoutMode
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        StyledWrapper,
+        {
+          "data-layout-provider": instanceUid,
+          "data-layout-type": propsWithDefault.layoutMode,
+          className: propsWithDefault.className,
+          getOwnerProps: () => propsWithDefault,
+          getOwnerPropsArguments: () => ({}),
+          ...xstyledProps,
+          children: propsWithDefault.children
+        }
+      )
+    }
+  );
+};
+DSLayoutProvider.displayName = import_constants.DSLayoutProviderName;
+const DSLayoutProviderWithSchema = (0, import_ds_props_helpers.describe)(DSLayoutProvider);
+DSLayoutProviderWithSchema.propTypes = import_react_desc_prop_types.DSLayoutProviderPropTypesSchema;
+//# sourceMappingURL=DSLayoutProvider.js.map

package/dist/cjs/DSLayoutProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSLayoutProvider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport { type DSLayoutProviderT, DSLayoutProviderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useLayoutProvider } from './config/useLayoutProvider.js';\nimport { LAYOUT_PROVIDER_SLOTS, DSLayoutProviderName } from './constants/index.js';\n\nconst StyledWrapper = styled('div', { name: DSLayoutProviderName, slot: LAYOUT_PROVIDER_SLOTS.ROOT })`\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n`;\n\nconst DSLayoutProvider: React.ComponentType<DSLayoutProviderT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps, instanceUid } = useLayoutProvider(props);\n  const theme = useTheme();\n  return (\n    <ThemeProvider\n      theme={{\n        ...theme,\n        layoutMode: propsWithDefault.layoutMode,\n      }}\n    >\n      <StyledWrapper\n        data-layout-provider={instanceUid}\n        data-layout-type={propsWithDefault.layoutMode}\n        className={propsWithDefault.className}\n        getOwnerProps={() => propsWithDefault}\n        getOwnerPropsArguments={() => ({})}\n        {...xstyledProps}\n      >\n        {propsWithDefault.children}\n      </StyledWrapper>\n    </ThemeProvider>\n  );\n};\n\nDSLayoutProvider.displayName = DSLayoutProviderName;\nconst DSLayoutProviderWithSchema = describe(DSLayoutProvider);\nDSLayoutProviderWithSchema.propTypes = DSLayoutProviderPropTypesSchema;\n\nexport { DSLayoutProvider, DSLayoutProviderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBjB;AAxBN,8BAAyB;AACzB,uBAAuB;AACvB,+BAAwC;AACxC,mCAAwE;AACxE,+BAAkC;AAClC,uBAA4D;AAE5D,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,uCAAsB,MAAM,uCAAsB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpG,MAAM,mBAAiE,CAAC,UAAU;AAChF,QAAM,EAAE,kBAAkB,cAAc,YAAY,QAAI,4CAAkB,KAAK;AAC/E,QAAM,YAAQ,mCAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,iBAAiB;AAAA,MAC/B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,oBAAkB,iBAAiB;AAAA,UACnC,WAAW,iBAAiB;AAAA,UAC5B,eAAe,MAAM;AAAA,UACrB,wBAAwB,OAAO,CAAC;AAAA,UAC/B,GAAG;AAAA,UAEH,2BAAiB;AAAA;AAAA,MACpB;AAAA;AAAA,EACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useLayoutProvider.js

@@ -0,0 +1,60 @@
+"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 useLayoutProvider_exports = {};
+__export(useLayoutProvider_exports, {
+  useLayoutProvider: () => useLayoutProvider
+});
+module.exports = __toCommonJS(useLayoutProvider_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useLayoutProvider = (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.DSLayoutProviderPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => `ds-layout-provider-${(0, import_uid.uid)(5)}`, []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useLayoutProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useLayoutProvider.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSLayoutProviderT, DSLayoutProviderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface LayoutProviderCTX {\n  propsWithDefault: DSLayoutProviderT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useLayoutProvider = (propsFromUser: DSLayoutProviderT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSLayoutProviderT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSLayoutProviderPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-layout-provider-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAiE;AACjE,iBAAoB;AACpB,mCAAgF;AAChF,8BAAiC;AAQ1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,uBAAmB,sDAA8D,eAAe,yCAAY;AAClH,gDAAiB,kBAAkB,sDAAyB;AAI5D,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,0BAAsB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAM1E,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;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.DSLayoutProviderName);
+};
+//# 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 { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSLayoutProviderT } from '../react-desc-prop-types.js';\nimport { DSLayoutProviderName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSLayoutProviderT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSLayoutProviderName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAqC;AAE9B,MAAM,mBAAmB,CAAC,OAAwC,cAA4C;AAEnH,8DAA+B,OAAO,WAAW,qCAAoB;AACvE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,55 @@
+"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, {
+  DSLayoutProviderName: () => DSLayoutProviderName,
+  EXAMPLE_CONSTANTS: () => EXAMPLE_CONSTANTS,
+  LAYOUT_PROVIDER_DATA_TESTID: () => LAYOUT_PROVIDER_DATA_TESTID,
+  LAYOUT_PROVIDER_SLOTS: () => LAYOUT_PROVIDER_SLOTS,
+  LAYOUT_PROVIDER_TYPES: () => LAYOUT_PROVIDER_TYPES
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSLayoutProviderName = "DSLayoutProvider";
+const EXAMPLE_CONSTANTS = {
+  HELLO: "WORLD",
+  FOO: "BAR"
+};
+const LAYOUT_PROVIDER_SLOTS = {
+  ROOT: "root"
+};
+const LAYOUT_PROVIDER_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS);
+const LAYOUT_PROVIDER_TYPES = {
+  L: "l",
+  M: "m",
+  S: "s",
+  XS: "xs"
+};
+//# 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": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSLayoutProviderName = 'DSLayoutProvider';\n\nexport const EXAMPLE_CONSTANTS = {\n  HELLO: 'WORLD',\n  FOO: 'BAR',\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LAYOUT_PROVIDER_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LAYOUT_PROVIDER_DATA_TESTID = slotObjectToDataTestIds(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS);\n\nexport const LAYOUT_PROVIDER_TYPES = {\n  L: 'l',\n  M: 'm',\n  S: 's',\n  XS: 'xs',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,KAAK;AACP;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AACR;AAGO,MAAM,kCAA8B,0CAAwB,sBAAsB,qBAAqB;AAEvG,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;",
+  "names": []
+}

package/dist/cjs/globals.d.js

@@ -0,0 +1,25 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+//# sourceMappingURL=globals.d.js.map

package/dist/cjs/globals.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "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, {
+  DSLayoutProvider: () => import_DSLayoutProvider.DSLayoutProvider,
+  DSLayoutProviderWithSchema: () => import_DSLayoutProvider.DSLayoutProviderWithSchema,
+  LAYOUT_PROVIDER_DATA_TESTID: () => import_constants.LAYOUT_PROVIDER_DATA_TESTID,
+  LAYOUT_PROVIDER_SLOTS: () => import_constants.LAYOUT_PROVIDER_SLOTS
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSLayoutProvider = require("./DSLayoutProvider.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 { DSLayoutProvider, DSLayoutProviderWithSchema } from './DSLayoutProvider.js';\nexport { type DSLayoutProviderT } from './react-desc-prop-types.js';\nexport { LAYOUT_PROVIDER_SLOTS, LAYOUT_PROVIDER_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA6D;AAE7D,uBAAmE;",
+  "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,49 @@
+"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, {
+  DSLayoutProviderPropTypes: () => DSLayoutProviderPropTypes,
+  DSLayoutProviderPropTypesSchema: () => DSLayoutProviderPropTypesSchema,
+  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");
+var import_constants = require("./constants/index.js");
+const defaultProps = {
+  layoutMode: import_constants.LAYOUT_PROVIDER_TYPES.L
+};
+const DSLayoutProviderPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSLayoutProviderName, import_constants.LAYOUT_PROVIDER_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  layoutMode: import_ds_props_helpers.PropTypes.string.description("define the layout of the component l m s xs ")
+};
+const DSLayoutProviderPropTypesSchema = DSLayoutProviderPropTypes;
+//# 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, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DefaultTheme as XstyledDefaultTheme } from 'styled-components';\nimport { LAYOUT_PROVIDER_TYPES, DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSLayoutProviderT {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  export type LAYOUT_MODES = (typeof LAYOUT_PROVIDER_TYPES)[keyof typeof LAYOUT_PROVIDER_TYPES];\n\n  export type ExtendedTheme = XstyledDefaultTheme & {\n    layouModes: LAYOUT_MODES;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    layoutMode: LAYOUT_MODES;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSLayoutProviderName, typeof LAYOUT_PROVIDER_SLOTS> {\n    className?: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSLayoutProviderT.DefaultProps = {\n  layoutMode: LAYOUT_PROVIDER_TYPES.L,\n};\n\nexport const DSLayoutProviderPropTypes: DSPropTypesSchema<DSLayoutProviderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  layoutMode: PropTypes.string.description('define the layout of the component l m s xs '),\n};\n\nexport const DSLayoutProviderPropTypesSchema =\n  DSLayoutProviderPropTypes as unknown as ValidationMap<DSLayoutProviderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAGP,uBAAmF;AAsC5E,MAAM,eAA+C;AAAA,EAC1D,YAAY,uCAAsB;AACpC;AAEO,MAAM,4BAAwE;AAAA,EACnF,OAAG,kDAAyB,uCAAsB,sCAAqB;AAAA,EACvE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,kCAAU,OAAO,YAAY,8CAA8C;AACzF;AAEO,MAAM,kCACX;",
+  "names": []
+}

package/dist/esm/DSLayoutProvider.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { ThemeProvider, useTheme } from "styled-components";
+import { DSLayoutProviderPropTypesSchema } from "./react-desc-prop-types.js";
+import { useLayoutProvider } from "./config/useLayoutProvider.js";
+import { LAYOUT_PROVIDER_SLOTS, DSLayoutProviderName } from "./constants/index.js";
+const StyledWrapper = styled("div", { name: DSLayoutProviderName, slot: LAYOUT_PROVIDER_SLOTS.ROOT })`
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+`;
+const DSLayoutProvider = (props) => {
+  const { propsWithDefault, xstyledProps, instanceUid } = useLayoutProvider(props);
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      theme: {
+        ...theme,
+        layoutMode: propsWithDefault.layoutMode
+      },
+      children: /* @__PURE__ */ jsx(
+        StyledWrapper,
+        {
+          "data-layout-provider": instanceUid,
+          "data-layout-type": propsWithDefault.layoutMode,
+          className: propsWithDefault.className,
+          getOwnerProps: () => propsWithDefault,
+          getOwnerPropsArguments: () => ({}),
+          ...xstyledProps,
+          children: propsWithDefault.children
+        }
+      )
+    }
+  );
+};
+DSLayoutProvider.displayName = DSLayoutProviderName;
+const DSLayoutProviderWithSchema = describe(DSLayoutProvider);
+DSLayoutProviderWithSchema.propTypes = DSLayoutProviderPropTypesSchema;
+export {
+  DSLayoutProvider,
+  DSLayoutProviderWithSchema
+};
+//# sourceMappingURL=DSLayoutProvider.js.map

package/dist/esm/DSLayoutProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSLayoutProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { ThemeProvider, useTheme } from 'styled-components';\nimport { type DSLayoutProviderT, DSLayoutProviderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useLayoutProvider } from './config/useLayoutProvider.js';\nimport { LAYOUT_PROVIDER_SLOTS, DSLayoutProviderName } from './constants/index.js';\n\nconst StyledWrapper = styled('div', { name: DSLayoutProviderName, slot: LAYOUT_PROVIDER_SLOTS.ROOT })`\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n`;\n\nconst DSLayoutProvider: React.ComponentType<DSLayoutProviderT.Props> = (props) => {\n  const { propsWithDefault, xstyledProps, instanceUid } = useLayoutProvider(props);\n  const theme = useTheme();\n  return (\n    <ThemeProvider\n      theme={{\n        ...theme,\n        layoutMode: propsWithDefault.layoutMode,\n      }}\n    >\n      <StyledWrapper\n        data-layout-provider={instanceUid}\n        data-layout-type={propsWithDefault.layoutMode}\n        className={propsWithDefault.className}\n        getOwnerProps={() => propsWithDefault}\n        getOwnerPropsArguments={() => ({})}\n        {...xstyledProps}\n      >\n        {propsWithDefault.children}\n      </StyledWrapper>\n    </ThemeProvider>\n  );\n};\n\nDSLayoutProvider.displayName = DSLayoutProviderName;\nconst DSLayoutProviderWithSchema = describe(DSLayoutProvider);\nDSLayoutProviderWithSchema.propTypes = DSLayoutProviderPropTypesSchema;\n\nexport { DSLayoutProvider, DSLayoutProviderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBjB;AAxBN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,eAAe,gBAAgB;AACxC,SAAiC,uCAAuC;AACxE,SAAS,yBAAyB;AAClC,SAAS,uBAAuB,4BAA4B;AAE5D,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,sBAAsB,MAAM,sBAAsB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpG,MAAM,mBAAiE,CAAC,UAAU;AAChF,QAAM,EAAE,kBAAkB,cAAc,YAAY,IAAI,kBAAkB,KAAK;AAC/E,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,iBAAiB;AAAA,MAC/B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,oBAAkB,iBAAiB;AAAA,UACnC,WAAW,iBAAiB;AAAA,UAC5B,eAAe,MAAM;AAAA,UACrB,wBAAwB,OAAO,CAAC;AAAA,UAC/B,GAAG;AAAA,UAEH,2BAAiB;AAAA;AAAA,MACpB;AAAA;AAAA,EACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/config/useLayoutProvider.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { uid } from "uid";
+import { DSLayoutProviderPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useLayoutProvider = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSLayoutProviderPropTypes);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => `ds-layout-provider-${uid(5)}`, []);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid
+      // eventHandlers,
+    ]
+  );
+};
+export {
+  useLayoutProvider
+};
+//# sourceMappingURL=useLayoutProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useLayoutProvider.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSLayoutProviderT, DSLayoutProviderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface LayoutProviderCTX {\n  propsWithDefault: DSLayoutProviderT.InternalProps;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  instanceUid: string;\n}\n\nexport const useLayoutProvider = (propsFromUser: DSLayoutProviderT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSLayoutProviderT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSLayoutProviderPropTypes);\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  // custom code goes here, this is an example\n  const instanceUid = React.useMemo(() => `ds-layout-provider-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      // eventHandlers,\n    ],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,WAAW;AACpB,SAAiC,2BAA2B,oBAAoB;AAChF,SAAS,wBAAwB;AAQ1B,MAAM,oBAAoB,CAAC,kBAA2C;AAI3E,QAAM,mBAAmB,6BAA8D,eAAe,YAAY;AAClH,mBAAiB,kBAAkB,yBAAyB;AAI5D,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,sBAAsB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAM1E,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;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 { DSLayoutProviderName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSLayoutProviderName);
+};
+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 { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSLayoutProviderT } from '../react-desc-prop-types.js';\nimport { DSLayoutProviderName } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSLayoutProviderT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSLayoutProviderName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,4BAA4B;AAE9B,MAAM,mBAAmB,CAAC,OAAwC,cAA4C;AAEnH,iCAA+B,OAAO,WAAW,oBAAoB;AACvE;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSLayoutProviderName = "DSLayoutProvider";
+const EXAMPLE_CONSTANTS = {
+  HELLO: "WORLD",
+  FOO: "BAR"
+};
+const LAYOUT_PROVIDER_SLOTS = {
+  ROOT: "root"
+};
+const LAYOUT_PROVIDER_DATA_TESTID = slotObjectToDataTestIds(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS);
+const LAYOUT_PROVIDER_TYPES = {
+  L: "l",
+  M: "m",
+  S: "s",
+  XS: "xs"
+};
+export {
+  DSLayoutProviderName,
+  EXAMPLE_CONSTANTS,
+  LAYOUT_PROVIDER_DATA_TESTID,
+  LAYOUT_PROVIDER_SLOTS,
+  LAYOUT_PROVIDER_TYPES
+};
+//# 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", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSLayoutProviderName = 'DSLayoutProvider';\n\nexport const EXAMPLE_CONSTANTS = {\n  HELLO: 'WORLD',\n  FOO: 'BAR',\n} as const;\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LAYOUT_PROVIDER_SLOTS = {\n  ROOT: 'root',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const LAYOUT_PROVIDER_DATA_TESTID = slotObjectToDataTestIds(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS);\n\nexport const LAYOUT_PROVIDER_TYPES = {\n  L: 'l',\n  M: 'm',\n  S: 's',\n  XS: 'xs',\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,KAAK;AACP;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AACR;AAGO,MAAM,8BAA8B,wBAAwB,sBAAsB,qBAAqB;AAEvG,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;",
+  "names": []
+}

package/dist/esm/globals.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=globals.d.js.map

package/dist/esm/globals.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { DSLayoutProvider, DSLayoutProviderWithSchema } from "./DSLayoutProvider.js";
+import { LAYOUT_PROVIDER_SLOTS, LAYOUT_PROVIDER_DATA_TESTID } from "./constants/index.js";
+export {
+  DSLayoutProvider,
+  DSLayoutProviderWithSchema,
+  LAYOUT_PROVIDER_DATA_TESTID,
+  LAYOUT_PROVIDER_SLOTS
+};
+//# 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 { DSLayoutProvider, DSLayoutProviderWithSchema } from './DSLayoutProvider.js';\nexport { type DSLayoutProviderT } from './react-desc-prop-types.js';\nexport { LAYOUT_PROVIDER_SLOTS, LAYOUT_PROVIDER_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,uBAAuB,mCAAmC;",
+  "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,24 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { LAYOUT_PROVIDER_TYPES, DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  layoutMode: LAYOUT_PROVIDER_TYPES.L
+};
+const DSLayoutProviderPropTypes = {
+  ...getPropsPerSlotPropTypes(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  layoutMode: PropTypes.string.description("define the layout of the component l m s xs ")
+};
+const DSLayoutProviderPropTypesSchema = DSLayoutProviderPropTypes;
+export {
+  DSLayoutProviderPropTypes,
+  DSLayoutProviderPropTypesSchema,
+  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, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DefaultTheme as XstyledDefaultTheme } from 'styled-components';\nimport { LAYOUT_PROVIDER_TYPES, DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS } from './constants/index.js';\n\nexport declare namespace DSLayoutProviderT {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  export type LAYOUT_MODES = (typeof LAYOUT_PROVIDER_TYPES)[keyof typeof LAYOUT_PROVIDER_TYPES];\n\n  export type ExtendedTheme = XstyledDefaultTheme & {\n    layouModes: LAYOUT_MODES;\n  };\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    layoutMode: LAYOUT_MODES;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSLayoutProviderName, typeof LAYOUT_PROVIDER_SLOTS> {\n    className?: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: DSLayoutProviderT.DefaultProps = {\n  layoutMode: LAYOUT_PROVIDER_TYPES.L,\n};\n\nexport const DSLayoutProviderPropTypes: DSPropTypesSchema<DSLayoutProviderT.Props> = {\n  ...getPropsPerSlotPropTypes(DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  layoutMode: PropTypes.string.description('define the layout of the component l m s xs '),\n};\n\nexport const DSLayoutProviderPropTypesSchema =\n  DSLayoutProviderPropTypes as unknown as ValidationMap<DSLayoutProviderT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,uBAAuB,sBAAsB,6BAA6B;AAsC5E,MAAM,eAA+C;AAAA,EAC1D,YAAY,sBAAsB;AACpC;AAEO,MAAM,4BAAwE;AAAA,EACnF,GAAG,yBAAyB,sBAAsB,qBAAqB;AAAA,EACvE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,UAAU,OAAO,YAAY,8CAA8C;AACzF;AAEO,MAAM,kCACX;",
+  "names": []
+}

package/dist/types/DSLayoutProvider.d.ts

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

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

@@ -0,0 +1,12 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSLayoutProviderT } from '../react-desc-prop-types.js';
+export interface LayoutProviderCTX {
+    propsWithDefault: DSLayoutProviderT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useLayoutProvider: (propsFromUser: DSLayoutProviderT.Props) => {
+    propsWithDefault: DSLayoutProviderT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    instanceUid: string;
+};

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

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

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

@@ -0,0 +1,15 @@
+export declare const DSLayoutProviderName = "DSLayoutProvider";
+export declare const EXAMPLE_CONSTANTS: {
+    readonly HELLO: "WORLD";
+    readonly FOO: "BAR";
+};
+export declare const LAYOUT_PROVIDER_SLOTS: {
+    readonly ROOT: "root";
+};
+export declare const LAYOUT_PROVIDER_DATA_TESTID: Record<string, string>;
+export declare const LAYOUT_PROVIDER_TYPES: {
+    readonly L: "l";
+    readonly M: "m";
+    readonly S: "s";
+    readonly XS: "xs";
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSLayoutProvider, DSLayoutProviderWithSchema } from './DSLayoutProvider.js';
+export { type DSLayoutProviderT } from './react-desc-prop-types.js';
+export { LAYOUT_PROVIDER_SLOTS, LAYOUT_PROVIDER_DATA_TESTID } from './constants/index.js';

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

@@ -0,0 +1,26 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import type { DefaultTheme as XstyledDefaultTheme } from 'styled-components';
+import { LAYOUT_PROVIDER_TYPES, DSLayoutProviderName, LAYOUT_PROVIDER_SLOTS } from './constants/index.js';
+export declare namespace DSLayoutProviderT {
+    type LAYOUT_MODES = (typeof LAYOUT_PROVIDER_TYPES)[keyof typeof LAYOUT_PROVIDER_TYPES];
+    type ExtendedTheme = XstyledDefaultTheme & {
+        layouModes: LAYOUT_MODES;
+    };
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        layoutMode: LAYOUT_MODES;
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSLayoutProviderName, typeof LAYOUT_PROVIDER_SLOTS> {
+        className?: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    type ExampleState = '0' | '1';
+}
+export declare const defaultProps: DSLayoutProviderT.DefaultProps;
+export declare const DSLayoutProviderPropTypes: DSPropTypesSchema<DSLayoutProviderT.Props>;
+export declare const DSLayoutProviderPropTypesSchema: ValidationMap<DSLayoutProviderT.Props>;

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@elliemae/ds-layout-provider",
+  "version": "3.46.0-rc.10",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Layout Provider",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "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": {
+    "@xstyled/styled-components": "~3.6.0",
+    "@elliemae/ds-grid": "3.46.0-rc.10",
+    "@elliemae/ds-hooks-on-blur-out": "3.46.0-rc.10",
+    "@elliemae/ds-props-helpers": "3.46.0-rc.10",
+    "@elliemae/ds-system": "3.46.0-rc.10"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "9.0.0-next.50",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-typescript-helpers": "3.46.0-rc.10",
+    "@elliemae/ds-monorepo-devops": "3.46.0-rc.10"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}