@elliemae/ds-menu-items-skeleton 3.70.0-next.27 → 3.70.0-next.28

package/dist/cjs/DSMenuItemsSkeleton.js

@@ -56,10 +56,20 @@ const DSMenuItemsSkeleton = (props) => {
       getOwnerProps,
       ...globalProps,
       ...xstyledProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_menu_items_commons.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "20px" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" })
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ds_menu_items_commons.StyledContentWrapper,
+        {
+          cols: gridLayout,
+          minHeight: "16px",
+          gutter: "xxs",
+          alignItems: "center",
+          getOwnerProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "20px", bg: "neutral-080", borderRadius: "1px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%", bg: "neutral-080", borderRadius: "1px" })
+          ]
+        }
+      )
     }
   );
 };

package/dist/cjs/DSMenuItemsSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSMenuItemsSkeleton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n  const { getOwnerProps } = useOwnerProps(props);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"presentation\"\n      style={wrapperStyles}\n      isActive={isActive}\n      getOwnerProps={getOwnerProps}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width=\"20px\" />\n        <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBjB;AAxBN,8BAAwC;AACxC,yBAA2B;AAC3B,mCAAkE;AAClE,mCAA8E;AAC9E,kCAAqC;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kDAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAC1C,QAAM,EAAE,cAAc,QAAI,uCAAc,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,uDAAC,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,QAC/C,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,SACjD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n  const { getOwnerProps } = useOwnerProps(props);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"presentation\"\n      style={wrapperStyles}\n      isActive={isActive}\n      getOwnerProps={getOwnerProps}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper\n        cols={gridLayout}\n        minHeight=\"16px\"\n        gutter=\"xxs\"\n        alignItems=\"center\"\n        getOwnerProps={getOwnerProps}\n      >\n        <DSSkeleton variant=\"rectangular\" width=\"20px\" bg=\"neutral-080\" borderRadius=\"1px\" />\n        <DSSkeleton variant=\"rectangular\" width=\"100%\" bg=\"neutral-080\" borderRadius=\"1px\" />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBjB;AAxBN,8BAAwC;AACxC,yBAA2B;AAC3B,mCAAkE;AAClE,mCAA8E;AAC9E,kCAAqC;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kDAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAC1C,QAAM,EAAE,cAAc,QAAI,uCAAc,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,QAAO;AAAA,UACP,YAAW;AAAA,UACX;AAAA,UAEA;AAAA,wDAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,IAAG,eAAc,cAAa,OAAM;AAAA,YACnF,4CAAC,iCAAW,SAAQ,eAAc,OAAM,QAAO,IAAG,eAAc,cAAa,OAAM;AAAA;AAAA;AAAA,MACrF;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-menu-items-skeleton-valid.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 __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"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_DSMenuItemsSkeleton = require("../DSMenuItemsSkeleton");
+const testRequiredProps = {
+  dsId: "skeleton-0"
+};
+const testOptionalProps = {
+  isActive: false
+};
+const testPartialDefaults = {
+  wrapperStyles: { width: "100%" }
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  dsId: "skeleton-0",
+  wrapperStyles: {}
+};
+const validMinimum = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSMenuItemsSkeleton.DSMenuItemsSkeleton, { dsId: "skeleton-0" });
+const validActive = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSMenuItemsSkeleton.DSMenuItemsSkeleton, { dsId: "skeleton-0", isActive: true });
+const validWithStyles = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSMenuItemsSkeleton.DSMenuItemsSkeleton, { dsId: "skeleton-0", wrapperStyles: { width: "100%" } });
+const validWithAriaLabel = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSMenuItemsSkeleton.DSMenuItemsSkeleton, { dsId: "skeleton-0", "aria-label": "loading option" });
+//# sourceMappingURL=typescript-menu-items-skeleton-valid.js.map

package/dist/cjs/typescript-testing/typescript-menu-items-skeleton-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-menu-items-skeleton-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSMenuItemsSkeleton } from '../DSMenuItemsSkeleton';\nimport type { DSMenuItemsSkeletonT } from '../react-desc-prop-types';\n\ntype ComponentPropsForApp = DSMenuItemsSkeletonT.Props;\ntype ComponentPropsInternals = DSMenuItemsSkeletonT.InternalProps;\ntype ComponentPropsDefaultProps = DSMenuItemsSkeletonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSMenuItemsSkeletonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSMenuItemsSkeletonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  dsId: 'skeleton-0',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  isActive: false,\n};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  wrapperStyles: { width: '100%' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  dsId: 'skeleton-0',\n  wrapperStyles: {},\n};\n\n/**\n * Compile-time renders \u2014 pure type checking, never executed. If any of these\n * fail to typecheck, the component's public Props contract has drifted from\n * what the namespace claims.\n */\nconst validMinimum = <DSMenuItemsSkeleton dsId=\"skeleton-0\" />;\nconst validActive = <DSMenuItemsSkeleton dsId=\"skeleton-0\" isActive />;\nconst validWithStyles = <DSMenuItemsSkeleton dsId=\"skeleton-0\" wrapperStyles={{ width: '100%' }} />;\nconst validWithAriaLabel = <DSMenuItemsSkeleton dsId=\"skeleton-0\" aria-label=\"loading option\" />;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACuCF;AArCrB,iCAAoC;AASpC,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU;AACZ;AAEA,MAAM,sBAA2D;AAAA,EAC/D,eAAe,EAAE,OAAO,OAAO;AACjC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,eAAe,CAAC;AAClB;AAOA,MAAM,eAAe,4CAAC,kDAAoB,MAAK,cAAa;AAC5D,MAAM,cAAc,4CAAC,kDAAoB,MAAK,cAAa,UAAQ,MAAC;AACpE,MAAM,kBAAkB,4CAAC,kDAAoB,MAAK,cAAa,eAAe,EAAE,OAAO,OAAO,GAAG;AACjG,MAAM,qBAAqB,4CAAC,kDAAoB,MAAK,cAAa,cAAW,kBAAiB;",
+  "names": []
+}

package/dist/esm/DSMenuItemsSkeleton.js

@@ -22,10 +22,20 @@ const DSMenuItemsSkeleton = (props) => {
       getOwnerProps,
       ...globalProps,
       ...xstyledProps,
-      children: /* @__PURE__ */ jsxs(StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "20px" }),
-        /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "100%" })
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        StyledContentWrapper,
+        {
+          cols: gridLayout,
+          minHeight: "16px",
+          gutter: "xxs",
+          alignItems: "center",
+          getOwnerProps,
+          children: [
+            /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "20px", bg: "neutral-080", borderRadius: "1px" }),
+            /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "100%", bg: "neutral-080", borderRadius: "1px" })
+          ]
+        }
+      )
     }
   );
 };

package/dist/esm/DSMenuItemsSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSkeleton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n  const { getOwnerProps } = useOwnerProps(props);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"presentation\"\n      style={wrapperStyles}\n      isActive={isActive}\n      getOwnerProps={getOwnerProps}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width=\"20px\" />\n        <DSSkeleton variant=\"rectangular\" width=\"100%\" />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBjB,SACE,KADF;AAxBN,SAAS,UAAU,qBAAqB;AACxC,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B,4BAA4B;AAClE,SAAoC,0CAA0C;AAC9E,SAAS,4BAA4B;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,qBAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAC1C,QAAM,EAAE,cAAc,IAAI,cAAc,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,4BAAC,cAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,QAC/C,oBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO;AAAA,SACjD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n  const { getOwnerProps } = useOwnerProps(props);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"presentation\"\n      style={wrapperStyles}\n      isActive={isActive}\n      getOwnerProps={getOwnerProps}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper\n        cols={gridLayout}\n        minHeight=\"16px\"\n        gutter=\"xxs\"\n        alignItems=\"center\"\n        getOwnerProps={getOwnerProps}\n      >\n        <DSSkeleton variant=\"rectangular\" width=\"20px\" bg=\"neutral-080\" borderRadius=\"1px\" />\n        <DSSkeleton variant=\"rectangular\" width=\"100%\" bg=\"neutral-080\" borderRadius=\"1px\" />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBjB,SAOE,KAPF;AAxBN,SAAS,UAAU,qBAAqB;AACxC,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B,4BAA4B;AAClE,SAAoC,0CAA0C;AAC9E,SAAS,4BAA4B;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,qBAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAC1C,QAAM,EAAE,cAAc,IAAI,cAAc,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,QAAO;AAAA,UACP,YAAW;AAAA,UACX;AAAA,UAEA;AAAA,gCAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,IAAG,eAAc,cAAa,OAAM;AAAA,YACnF,oBAAC,cAAW,SAAQ,eAAc,OAAM,QAAO,IAAG,eAAc,cAAa,OAAM;AAAA;AAAA;AAAA,MACrF;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-menu-items-skeleton-valid.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { DSMenuItemsSkeleton } from "../DSMenuItemsSkeleton";
+const testRequiredProps = {
+  dsId: "skeleton-0"
+};
+const testOptionalProps = {
+  isActive: false
+};
+const testPartialDefaults = {
+  wrapperStyles: { width: "100%" }
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testInternalProps = {
+  dsId: "skeleton-0",
+  wrapperStyles: {}
+};
+const validMinimum = /* @__PURE__ */ jsx(DSMenuItemsSkeleton, { dsId: "skeleton-0" });
+const validActive = /* @__PURE__ */ jsx(DSMenuItemsSkeleton, { dsId: "skeleton-0", isActive: true });
+const validWithStyles = /* @__PURE__ */ jsx(DSMenuItemsSkeleton, { dsId: "skeleton-0", wrapperStyles: { width: "100%" } });
+const validWithAriaLabel = /* @__PURE__ */ jsx(DSMenuItemsSkeleton, { dsId: "skeleton-0", "aria-label": "loading option" });
+//# sourceMappingURL=typescript-menu-items-skeleton-valid.js.map

package/dist/esm/typescript-testing/typescript-menu-items-skeleton-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-menu-items-skeleton-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n/* eslint-disable local-rules/custom-rule */\nimport { DSMenuItemsSkeleton } from '../DSMenuItemsSkeleton';\nimport type { DSMenuItemsSkeletonT } from '../react-desc-prop-types';\n\ntype ComponentPropsForApp = DSMenuItemsSkeletonT.Props;\ntype ComponentPropsInternals = DSMenuItemsSkeletonT.InternalProps;\ntype ComponentPropsDefaultProps = DSMenuItemsSkeletonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSMenuItemsSkeletonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSMenuItemsSkeletonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  dsId: 'skeleton-0',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  isActive: false,\n};\n\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  wrapperStyles: { width: '100%' },\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  dsId: 'skeleton-0',\n  wrapperStyles: {},\n};\n\n/**\n * Compile-time renders \u2014 pure type checking, never executed. If any of these\n * fail to typecheck, the component's public Props contract has drifted from\n * what the namespace claims.\n */\nconst validMinimum = <DSMenuItemsSkeleton dsId=\"skeleton-0\" />;\nconst validActive = <DSMenuItemsSkeleton dsId=\"skeleton-0\" isActive />;\nconst validWithStyles = <DSMenuItemsSkeleton dsId=\"skeleton-0\" wrapperStyles={{ width: '100%' }} />;\nconst validWithAriaLabel = <DSMenuItemsSkeleton dsId=\"skeleton-0\" aria-label=\"loading option\" />;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuCF;AArCrB,SAAS,2BAA2B;AASpC,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AAEA,MAAM,oBAAiD;AAAA,EACrD,UAAU;AACZ;AAEA,MAAM,sBAA2D;AAAA,EAC/D,eAAe,EAAE,OAAO,OAAO;AACjC;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,eAAe,CAAC;AAClB;AAOA,MAAM,eAAe,oBAAC,uBAAoB,MAAK,cAAa;AAC5D,MAAM,cAAc,oBAAC,uBAAoB,MAAK,cAAa,UAAQ,MAAC;AACpE,MAAM,kBAAkB,oBAAC,uBAAoB,MAAK,cAAa,eAAe,EAAE,OAAO,OAAO,GAAG;AACjG,MAAM,qBAAqB,oBAAC,uBAAoB,MAAK,cAAa,cAAW,kBAAiB;",
+  "names": []
+}

package/dist/types/tests/DSMenuItemsSkeleton.a11y.test.d.ts

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

package/dist/types/tests/DSMenuItemsSkeleton.api.test.d.ts

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

package/dist/types/tests/DSMenuItemsSkeleton.data-testid.test.d.ts

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

package/dist/types/tests/DSMenuItemsSkeleton.exports.test.d.ts

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

package/dist/types/tests/DSMenuItemsSkeleton.get-owner-props.test.d.ts

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

package/dist/types/tests/DSMenuItemsSkeleton.proptype-schema.test.d.ts

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

package/dist/types/typescript-testing/typescript-menu-items-skeleton-valid.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-menu-items-skeleton",
-  "version": "3.70.0-next.27",
+  "version": "3.70.0-next.28",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu Items Skeleton",
   "files": [
@@ -36,15 +36,16 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-menu-items-commons": "3.70.0-next.27",
-    "@elliemae/ds-skeleton": "3.70.0-next.27",
-    "@elliemae/ds-props-helpers": "3.70.0-next.27"
+    "@elliemae/ds-menu-items-commons": "3.70.0-next.28",
+    "@elliemae/ds-skeleton": "3.70.0-next.28",
+    "@elliemae/ds-props-helpers": "3.70.0-next.28"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "lodash-es": "^4.18.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.27"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.28",
+    "@elliemae/ds-test-utils": "3.70.0-next.28"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "^6.6.3",