@elliemae/ds-skeleton 3.29.0-next.0 → 3.29.0-next.2

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useSkeleton.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,8BAA+B;AAE/B,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,sDAA6B,OAAO,yCAAY;AACzE,8DAA+B,OAAO,kDAAqB,sCAAc;AAEzE,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
+  "sourcesContent": ["import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSkeletonT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,8BAA+B;AAE/B,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,sDAAwD,OAAO,yCAAY;AACpG,8DAA+B,OAAO,kDAAqB,sCAAc;AAEzE,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
   "names": []
 }

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,4BAAd;AACA,wBAAc,wCADd;",
+  "sourcesContent": ["import type {} from '@xstyled/system';\nexport * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\nexport type { DSSkeletonT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,4BADd;AAEA,wBAAc,wCAFd;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant?: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface DefaultProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAkBhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
   "names": []
 }

package/dist/cjs/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/components.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAO7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,oBAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kCAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
+  "sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n  w?: unknown;\n  h?: unknown;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAS7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,oBAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kCAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
   "names": []
 }

package/dist/cjs/styled/variants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/variants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { css } from '@elliemae/ds-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w: unknown; h: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { css } from '@elliemae/ds-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w?: unknown; h?: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoB;AAEb,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,MAAM,qBAAqB;AAAA;AAAA;AAI3B,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,kBAAkB;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-skeleton-valid.js

@@ -0,0 +1,58 @@
+"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__ = require("../index.js");
+const testPartialDefaults = {};
+const testProps = {
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  variant: "rectangular"
+};
+const testInternalProps = {
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  variant: "circular"
+};
+const testInferedTypeCompatibility = {
+  variant: "text"
+};
+const testDefinitionAsConst = {
+  variant: "text"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkeleton, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkeleton, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkeleton, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSSkeleton, { variant: "text" })
+] });
+//# sourceMappingURL=typescript-skeleton-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-skeleton-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSSkeleton } from '../index.js';\nimport type { DSSkeletonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSSkeletonT.Props;\ntype ComponentPropsInternals = DSSkeletonT.InternalProps;\ntype ComponentPropsDefaultProps = DSSkeletonT.DefaultProps;\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  variant: 'rectangular',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  variant: 'circular',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  variant: 'text',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  variant: 'text',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSSkeleton {...testExplicitDefinition} />\n    <DSSkeleton {...testInferedTypeCompatibility} />\n    <DSSkeleton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSSkeleton variant=\"text\" />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACiDrB;AAhDF,eAA2B;AAU3B,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,SAAS;AACX;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,SAAS;AACX;AAGA,MAAM,+BAA+B;AAAA,EACnC,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,SAAS;AACX;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,uBAAY,GAAG,wBAAwB;AAAA,EACxC,4CAAC,uBAAY,GAAG,8BAA8B;AAAA,EAC9C,4CAAC,uBAAY,GAAG,uBAAuB;AAAA,EAEvC,4CAAC,uBAAW,SAAQ,QAAO;AAAA,GAC7B;",
+  "names": []
+}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSkeleton.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,cAAc,2BAA2B;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,OAAO,qBAAqB,cAAc;AAEzE,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSkeletonT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,cAAc,2BAA2B;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAAwD,OAAO,YAAY;AACpG,iCAA+B,OAAO,qBAAqB,cAAc;AAEzE,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nexport * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\nexport type { DSSkeletonT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,cAAc;",
   "names": []
 }

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

@@ -1,7 +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", "import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant?: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface DefaultProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAkBhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
   "names": []
 }

package/dist/esm/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAC/C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,gBAAgB,uBAAuB;AAO7D,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,GAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kBAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n  w?: unknown;\n  h?: unknown;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAC/C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,gBAAgB,uBAAuB;AAS7D,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,GAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kBAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
   "names": []
 }

package/dist/esm/styled/variants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/variants.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { css } from '@elliemae/ds-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w: unknown; h: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { css } from '@elliemae/ds-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w?: unknown; h?: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW;AAEb,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,MAAM,qBAAqB;AAAA;AAAA;AAI3B,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,kBAAkB;AAAA;",
   "names": []
 }

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSSkeleton } from "../index.js";
+const testPartialDefaults = {};
+const testProps = {
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  variant: "rectangular"
+};
+const testInternalProps = {
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  variant: "circular"
+};
+const testInferedTypeCompatibility = {
+  variant: "text"
+};
+const testDefinitionAsConst = {
+  variant: "text"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSSkeleton, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSSkeleton, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSSkeleton, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSSkeleton, { variant: "text" })
+] });
+//# sourceMappingURL=typescript-skeleton-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-skeleton-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSSkeleton } from '../index.js';\nimport type { DSSkeletonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSSkeletonT.Props;\ntype ComponentPropsInternals = DSSkeletonT.InternalProps;\ntype ComponentPropsDefaultProps = DSSkeletonT.DefaultProps;\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  variant: 'rectangular',\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  variant: 'circular',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  variant: 'text',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  variant: 'text',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSSkeleton {...testExplicitDefinition} />\n    <DSSkeleton {...testInferedTypeCompatibility} />\n    <DSSkeleton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSSkeleton variant=\"text\" />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiDrB,mBAEE,KAFF;AAhDF,SAAS,kBAAkB;AAU3B,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,SAAS;AACX;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,SAAS;AACX;AAGA,MAAM,+BAA+B;AAAA,EACnC,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,SAAS;AACX;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,cAAY,GAAG,wBAAwB;AAAA,EACxC,oBAAC,cAAY,GAAG,8BAA8B;AAAA,EAC9C,oBAAC,cAAY,GAAG,uBAAuB;AAAA,EAEvC,oBAAC,cAAW,SAAQ,QAAO;AAAA,GAC7B;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import type { DSSkeletonT } from '../react-desc-prop-types.js';
+export declare const useSkeleton: (props: DSSkeletonT.Props) => {
+    propsWithDefault: DSSkeletonT.InternalProps;
+    globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    withChildren: boolean;
+};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DSSkeleton.js';
 export * from './exported-related/index.js';
+export type { DSSkeletonT } from './react-desc-prop-types.js';

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

@@ -1,10 +1,12 @@
 import type { WeakValidationMap } from 'react';
 import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 export declare namespace DSSkeletonT {
-    interface IProps {
-        variant?: 'circular' | 'rectangular' | 'text';
+    interface DefaultProps {
+        variant: 'circular' | 'rectangular' | 'text';
     }
-    interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {
+    interface Props extends Partial<DefaultProps>, Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>, XstyledProps {
+    }
+    interface InternalProps extends DefaultProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof DefaultProps>, XstyledProps {
     }
 }
 export declare const defaultProps: DSSkeletonT.Props;

package/dist/types/styled/components.d.ts

@@ -1,6 +1,8 @@
 interface StyledSkeletonProps {
     variant: 'circular' | 'rectangular' | 'text';
     withChildren: boolean;
+    w?: unknown;
+    h?: unknown;
 }
 export declare const StyledSkeleton: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledSkeletonProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export {};

package/dist/types/styled/variants.d.ts

@@ -0,0 +1,6 @@
+export declare const textVariantCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const circularVariantCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const withChildrenCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    w?: unknown;
+    h?: unknown;
+}, import("@xstyled/system").Theme>>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-skeleton",
-  "version": "3.29.0-next.0",
+  "version": "3.29.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Skeleton UI",
   "files": [
@@ -35,14 +35,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "3.29.0-next.0",
-    "@elliemae/ds-utilities": "3.29.0-next.0",
-    "@elliemae/ds-system": "3.29.0-next.0"
+    "@elliemae/ds-props-helpers": "3.29.0-next.2",
+    "@elliemae/ds-utilities": "3.29.0-next.2",
+    "@elliemae/ds-system": "3.29.0-next.2"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.29.0-next.0"
+    "@elliemae/ds-monorepo-devops": "3.29.0-next.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -51,7 +51,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",