@carbon/ibm-products-web-components 0.30.0-rc.0 → 0.30.0

package/es/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2024, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default as CDSSidePanel } from './components/side-panel/side-panel';
+export { default as CDSTearsheet } from './components/tearsheet/tearsheet';
+export { default as CDSFullPageError } from './components/full-page-error/full-page-error';
+export { default as CDSAboutModal } from './components/about-modal/about-modal';
+export { default as CDSUseravatar } from './components/user-avatar/user-avatar';
+export { default as CDSOptionsTile } from './components/options-tile/options-tile';
+export { default as CDSTruncatedText } from './components/truncated-text/truncated-text';
+export { default as CDSPageHeader } from './components/page-header/page-header';
+export { default as CDSPageHeaderBreadcrumb } from './components/page-header/page-header-breadcrumb';
+export { default as CDSPageHeaderContent } from './components/page-header/page-header-content';
+export { default as CDSPageHeaderContentText } from './components/page-header/page-header-content-text';
+export { default as CDSPageHeaderHeroImage } from './components/page-header/page-header-hero-image';
+export { default as CDSPageHeaderTabs } from './components/page-header/page-header-tabs';
+export { default as CDSGuideBanner } from './components/guide-banner/guide-banner';
+export { default as CDSGuideBannerElement } from './components/guide-banner/guide-banner-element';
+export { default as CDSCoachmark } from './components/coachmark/coachmark';
+export { default as CDSCoachmarkBeacon } from './components/coachmark/coachmark-beacon/coachmark-beacon';

package/es/index.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { default as CDSSidePanel } from './components/side-panel/side-panel.js';
+export { default as CDSTearsheet } from './components/tearsheet/tearsheet.js';
+export { default as CDSFullPageError } from './components/full-page-error/full-page-error.js';
+export { default as CDSAboutModal } from './components/about-modal/about-modal.js';
+export { default as CDSUseravatar } from './components/user-avatar/user-avatar.js';
+export { default as CDSOptionsTile } from './components/options-tile/options-tile.js';
+export { default as CDSTruncatedText } from './components/truncated-text/truncated-text.js';
+export { default as CDSPageHeader } from './components/page-header/page-header.js';
+export { default as CDSPageHeaderBreadcrumb } from './components/page-header/page-header-breadcrumb.js';
+export { default as CDSPageHeaderContent } from './components/page-header/page-header-content.js';
+export { default as CDSPageHeaderContentText } from './components/page-header/page-header-content-text.js';
+export { default as CDSPageHeaderHeroImage } from './components/page-header/page-header-hero-image.js';
+export { default as CDSPageHeaderTabs } from './components/page-header/page-header-tabs.js';
+export { default as CDSGuideBanner } from './components/guide-banner/guide-banner.js';
+export { default as CDSGuideBannerElement } from './components/guide-banner/guide-banner-element.js';
+export { default as CDSCoachmark } from './components/coachmark/coachmark.js';
+export { default as CDSCoachmarkBeacon } from './components/coachmark/coachmark-beacon/coachmark-beacon.js';
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/es/node_modules/@carbon/layout/es/index.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2018, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+/**
+ * Copyright IBM Corp. 2018, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+// Convert
+// Default, Use with em() and rem() functions
+var baseFontSize = 16;
+
+/**
+ * Convert a given px unit to a rem unit
+ * @param {number} px
+ * @returns {string}
+ */
+function rem(px) {
+  return "".concat(px / baseFontSize, "rem");
+}
+
+// Breakpoint
+// Initial map of our breakpoints and their values
+var breakpoints = {
+  lg: {
+    width: rem(1056)}};
+
+export { baseFontSize, breakpoints, rem };
+//# sourceMappingURL=index.js.map

package/es/node_modules/@carbon/layout/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@carbon/layout/es/index.js"],"sourcesContent":["/**\n * Copyright IBM Corp. 2018, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar unstable_tokens = [\n// Spacing\n'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13',\n// Fluid spacing\n'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04',\n// Containers\n'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge',\n// Icon sizes\n'iconSize01', 'iconSize02',\n// Layout\n// Deprecated\n'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07'];\n\n/**\n * Copyright IBM Corp. 2018, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n// Convert\n// Default, Use with em() and rem() functions\nvar baseFontSize = 16;\n\n/**\n * Convert a given px unit to a rem unit\n * @param {number} px\n * @returns {string}\n */\nfunction rem(px) {\n  return \"\".concat(px / baseFontSize, \"rem\");\n}\n\n/**\n * Convert a given px unit to a em unit\n * @param {number} px\n * @returns {string}\n */\nfunction em(px) {\n  return \"\".concat(px / baseFontSize, \"em\");\n}\n\n/**\n * Convert a given px unit to its string representation\n * @param {number} value - number of pixels\n * @returns {string}\n */\nfunction px(value) {\n  return \"\".concat(value, \"px\");\n}\n\n// Breakpoint\n// Initial map of our breakpoints and their values\nvar breakpoints = {\n  sm: {\n    width: rem(320),\n    columns: 4,\n    margin: '0'\n  },\n  md: {\n    width: rem(672),\n    columns: 8,\n    margin: rem(16)\n  },\n  lg: {\n    width: rem(1056),\n    columns: 16,\n    margin: rem(16)\n  },\n  xlg: {\n    width: rem(1312),\n    columns: 16,\n    margin: rem(16)\n  },\n  max: {\n    width: rem(1584),\n    columns: 16,\n    margin: rem(24)\n  }\n};\nfunction breakpointUp(name) {\n  return \"@media (min-width: \".concat(breakpoints[name].width, \")\");\n}\nfunction breakpointDown(name) {\n  return \"@media (max-width: \".concat(breakpoints[name].width, \")\");\n}\nfunction breakpoint() {\n  return breakpointUp.apply(void 0, arguments);\n}\n\n// Mini-unit\nvar miniUnit = 8;\nfunction miniUnits(count) {\n  return rem(miniUnit * count);\n}\n\n// Spacing\nvar spacing01 = miniUnits(0.25);\nvar spacing02 = miniUnits(0.5);\nvar spacing03 = miniUnits(1);\nvar spacing04 = miniUnits(1.5);\nvar spacing05 = miniUnits(2);\nvar spacing06 = miniUnits(3);\nvar spacing07 = miniUnits(4);\nvar spacing08 = miniUnits(5);\nvar spacing09 = miniUnits(6);\nvar spacing10 = miniUnits(8);\nvar spacing11 = miniUnits(10);\nvar spacing12 = miniUnits(12);\nvar spacing13 = miniUnits(20);\nvar spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13];\n\n// Fluid spacing\nvar fluidSpacing01 = 0;\nvar fluidSpacing02 = '2vw';\nvar fluidSpacing03 = '5vw';\nvar fluidSpacing04 = '10vw';\nvar fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04];\n\n// Layout\n// Deprecated\nvar layout01 = miniUnits(2);\nvar layout02 = miniUnits(3);\nvar layout03 = miniUnits(4);\nvar layout04 = miniUnits(6);\nvar layout05 = miniUnits(8);\nvar layout06 = miniUnits(12);\nvar layout07 = miniUnits(20);\nvar layout = [layout01, layout02, layout03, layout04, layout05, layout06, layout07];\n\n// Container\nvar container01 = miniUnits(3);\nvar container02 = miniUnits(4);\nvar container03 = miniUnits(5);\nvar container04 = miniUnits(6);\nvar container05 = miniUnits(8);\nvar container = [container01, container02, container03, container04, container05];\nvar sizeXSmall = rem(24);\nvar sizeSmall = rem(32);\nvar sizeMedium = rem(40);\nvar sizeLarge = rem(48);\nvar sizeXLarge = rem(64);\nvar size2XLarge = rem(80);\nvar sizes = {\n  XSmall: sizeXSmall,\n  Small: sizeSmall,\n  Medium: sizeMedium,\n  Large: sizeLarge,\n  XLarge: sizeXLarge,\n  '2XLarge': size2XLarge\n};\n\n// Icon\nvar iconSize01 = '1rem';\nvar iconSize02 = '1.25rem';\nvar iconSize = [iconSize01, iconSize02];\n\nexport { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, container01, container02, container03, container04, container05, em, fluidSpacing, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize, iconSize01, iconSize02, layout, layout01, layout02, layout03, layout04, layout05, layout06, layout07, miniUnit, miniUnits, px, rem, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, sizes, spacing, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, unstable_tokens };\n"],"names":[],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAeA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACG,IAAC,YAAY,GAAG;;AAEnB;AACA;AACA;AACA;AACA;AACA,SAAS,GAAG,CAAC,EAAE,EAAE;AACjB,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,YAAY,EAAE,KAAK,CAAC;AAC5C;;AAoBA;AACA;AACG,IAAC,WAAW,GAAG;AAClB,EAUE,EAAE,EAAE;AACN,IAAI,KAAK,EAAE,GAAG,CAAC,IAAI,CAGjB,CAWF;;;;","x_google_ignoreList":[0]}

package/es/node_modules/@carbon/utilities/es/dateTimeFormat/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as relative from './relative.js';
+
+const r={relative:relative};
+
+export { r as dateTimeFormat };
+//# sourceMappingURL=index.js.map

package/es/node_modules/@carbon/utilities/es/dateTimeFormat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@carbon/utilities/es/dateTimeFormat/index.js"],"sourcesContent":["import*as o from\"./relative\";import*as t from\"./absolute\";const r={relative:o,absolute:t};export{r as dateTimeFormat};\n"],"names":["o"],"mappings":";;;;;;;;;AAA+D,MAAC,CAAC,CAAC,CAAC,QAAQ,CAACA,QAAY;;;;","x_google_ignoreList":[0]}

package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+function i(a,o){const t=new Intl.RelativeTimeFormat(o?.locale,{style:o?.style??"long"}),f=typeof a=="number"?new Date(a):a,m=Date.now(),l=Math.floor((m-f.getTime())/1e3),r=Math.floor(l/60),n=Math.floor(r/60),e=Math.floor(n/24),s=Math.floor(e/7),c=Math.floor(s/4),h=Math.floor(e/365);return Math.abs(l)<60?new Intl.RelativeTimeFormat(o?.locale,{numeric:"auto",style:o?.style??"long"}).format(0,"seconds"):Math.abs(r)<60?t.format(r*-1,"minutes"):Math.abs(n)<24?t.format(n*-1,"hours"):Math.abs(e)<7?t.format(e*-1,"days"):Math.abs(s)<4?t.format(s*-1,"weeks"):Math.abs(e)<365?t.format(c*-1,"months"):t.format(h*-1,"years")}
+
+export { i as format };
+//# sourceMappingURL=relative.js.map

package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative.js","sources":["../../../../../../../../node_modules/@carbon/utilities/es/dateTimeFormat/relative.js"],"sourcesContent":["function i(a,o){const t=new Intl.RelativeTimeFormat(o?.locale,{style:o?.style??\"long\"}),f=typeof a==\"number\"?new Date(a):a,m=Date.now(),l=Math.floor((m-f.getTime())/1e3),r=Math.floor(l/60),n=Math.floor(r/60),e=Math.floor(n/24),s=Math.floor(e/7),c=Math.floor(s/4),h=Math.floor(e/365);return Math.abs(l)<60?new Intl.RelativeTimeFormat(o?.locale,{numeric:\"auto\",style:o?.style??\"long\"}).format(0,\"seconds\"):Math.abs(r)<60?t.format(r*-1,\"minutes\"):Math.abs(n)<24?t.format(n*-1,\"hours\"):Math.abs(e)<7?t.format(e*-1,\"days\"):Math.abs(s)<4?t.format(s*-1,\"weeks\"):Math.abs(e)<365?t.format(c*-1,\"months\"):t.format(h*-1,\"years\")}export{i as format};\n"],"names":[],"mappings":";;;;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC;;;;","x_google_ignoreList":[0]}

package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const t=typeof document<"u";t?document.documentElement.lang:"";
+//# sourceMappingURL=documentLang.js.map

package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentLang.js","sources":["../../../../../../../../node_modules/@carbon/utilities/es/documentLang/documentLang.js"],"sourcesContent":["const t=typeof document<\"u\";let o=t?document.documentElement.lang:\"\",i=!1,n=[],r=!1;function s(){t&&(i||(i=!0,queueMicrotask(()=>{i=!1;const e=document.documentElement.lang;if(e!==o){o=e;for(const u of n)u(e)}})))}function c(){if(!t||r)return;r=!0,new MutationObserver(s).observe(document.documentElement,{attributes:!0,attributeFilter:[\"lang\"]})}function a(){return t&&(document.documentElement.lang||window.navigator.language)||\"\"}function l(e){return t?(r||c(),n.push(e),()=>{n=n.filter(u=>u!==e),n.length===0&&(r=!1)}):()=>{}}export{a as getDocumentLang,l as subscribeDocumentLangChange};\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAO,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE","x_google_ignoreList":[0]}

package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+function v(e,t){if(!e)return 0;const a=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const o=e.getBoundingClientRect()[t];return e.style.display=a,o}function w({container:e,items:t,offset:a,sizes:o,fixedSizes:f,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let s=[],i=[];const p=o.reduce((r,d)=>r+d,0),n=f.reduce((r,d)=>r+d,0);if(p+n<=H)s=l?t.slice(0,l):[...t],i=l?t.slice(l):[];else {const r=H-c;let d=0;for(let h=0;h<t.length;h++){const g=o[h];d+g+n<=r&&(!l||s.length<l)?(s.push(t[h]),d+=g):i.push(t[h]);}}return u.length===i.length&&u.every((r,d)=>r===i[d])?u:(s.forEach(r=>r.removeAttribute("data-hidden")),i.forEach(r=>r.setAttribute("data-hidden","")),a&&a.toggleAttribute("data-hidden",i.length===0),E(s,i),i)}function L({container:e,maxVisibleItems:t,onChange:a,dimension:o="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof a!="function")throw new Error("onChange must be a function");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error("maxVisibleItems must be a positive integer");const f=Array.from(e.children),c=f.find(n=>n.hasAttribute("data-offset")),l=f.filter(n=>n.hasAttribute("data-fixed")),m=f.filter(n=>n!==c&&!l.includes(n)),E=l.map(n=>v(n,o)),u=m.map(n=>v(n,o)),H=v(c,o);let s=[];function i(){s=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:t,dimension:o,onChange:a,previousHiddenItems:s});}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect();}}}
+
+export { L as createOverflowHandler, v as getSize, w as updateOverflowHandler };
+//# sourceMappingURL=overflowHandler.js.map

package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflowHandler.js","sources":["../../../../../../../../node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js"],"sourcesContent":["function v(e,t){if(!e)return 0;const a=e.style.display;!e.offsetParent&&getComputedStyle(e).display===\"none\"&&(e.style.display=\"inline-block\");const o=e.getBoundingClientRect()[t];return e.style.display=a,o}function w({container:e,items:t,offset:a,sizes:o,fixedSizes:f,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m===\"width\"?e.clientWidth:e.clientHeight;let s=[],i=[];const p=o.reduce((r,d)=>r+d,0),n=f.reduce((r,d)=>r+d,0);if(p+n<=H)s=l?t.slice(0,l):[...t],i=l?t.slice(l):[];else{const r=H-c;let d=0;for(let h=0;h<t.length;h++){const g=o[h];d+g+n<=r&&(!l||s.length<l)?(s.push(t[h]),d+=g):i.push(t[h])}}return u.length===i.length&&u.every((r,d)=>r===i[d])?u:(s.forEach(r=>r.removeAttribute(\"data-hidden\")),i.forEach(r=>r.setAttribute(\"data-hidden\",\"\")),a&&a.toggleAttribute(\"data-hidden\",i.length===0),E(s,i),i)}function L({container:e,maxVisibleItems:t,onChange:a,dimension:o=\"width\"}){if(!(e instanceof HTMLElement))throw new Error(\"container must be an HTMLElement\");if(typeof a!=\"function\")throw new Error(\"onChange must be a function\");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error(\"maxVisibleItems must be a positive integer\");const f=Array.from(e.children),c=f.find(n=>n.hasAttribute(\"data-offset\")),l=f.filter(n=>n.hasAttribute(\"data-fixed\")),m=f.filter(n=>n!==c&&!l.includes(n)),E=l.map(n=>v(n,o)),u=m.map(n=>v(n,o)),H=v(c,o);let s=[];function i(){s=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:t,dimension:o,onChange:a,previousHiddenItems:s})}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect()}}}export{L as createOverflowHandler,v as getSize,w as updateOverflowHandler};\n"],"names":[],"mappings":";;;;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,WAAW,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAC,CAAC,MAAM,CAAC,CAAC,IAAI,cAAc,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,UAAU,GAAE,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/es/packages/ibm-products-web-components/package.json.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var version = "0.30.0-rc.0";
+var packageJson = {
+	version: version};
+
+export { packageJson as default, version };
+//# sourceMappingURL=package.json.js.map

package/es/packages/ibm-products-web-components/package.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/patterns/step-flow/_story-assets/step-full-page.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement, PropertyValues } from 'lit';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
+import '@carbon/web-components/es/components/stack/index.js';
+import '@carbon/web-components/es/components/code-snippet/index.js';
+import '@carbon/web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/grid/index';
+import '../step-group';
+declare const StepFullPage_base: typeof LitElement;
+export declare class StepFullPage extends StepFullPage_base {
+    narrow: boolean;
+    private _open;
+    private _email;
+    private _city;
+    private _state;
+    private _trapFocusAPI;
+    private _handleCancelButton;
+    private _handleBackButton;
+    private _handleNextButton;
+    private _handleEmailInput;
+    private _handleCityInput;
+    private _handleStateInput;
+    private _stepInfo;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    updated(changedProps: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'step-full-page': StepFullPage;
+    }
+}
+export {};

package/es/patterns/step-flow/_story-assets/step-full-page.js

@@ -0,0 +1,257 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, nothing, html } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { SignalWatcher } from '@lit-labs/signals';
+import styles from './step-full-page.scss.js';
+import { StepInstance } from '../step-flow-signal.js';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
+import '@carbon/web-components/es/components/stack/index.js';
+import '@carbon/web-components/es/components/code-snippet/index.js';
+import '@carbon/web-components/es/components/button/index.js';
+import '@carbon/web-components/es/components/grid/index';
+import '../step-group.js';
+import { registerFocusableContainers, trapFocus } from '../../../utilities/manageFocusTrap/manageFocusTrap.js';
+
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+let StepFullPage = class StepFullPage extends SignalWatcher(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.narrow = false;
+        this._open = false;
+        this._email = '';
+        this._city = '';
+        this._state = '';
+        this._trapFocusAPI = null;
+        this._stepInfo = new StepInstance();
+    }
+    _handleCancelButton() {
+        this._open = false;
+        this._stepInfo.reset();
+    }
+    _handleBackButton() {
+        const { currentStep } = this._stepInfo.data;
+        if (currentStep === 0) {
+            return;
+        }
+        return this._stepInfo.handlePrevious();
+    }
+    _handleNextButton() {
+        const { currentStep, totalSteps } = this._stepInfo.data;
+        if (currentStep + 1 === totalSteps) {
+            this._open = false;
+            this._stepInfo.reset();
+            return;
+        }
+        return this._stepInfo.handleNext();
+    }
+    _handleEmailInput(e) {
+        const savedFormState = structuredClone(this._stepInfo.data.formState);
+        savedFormState.email = e.target.value;
+        this._stepInfo.updateFormState = savedFormState;
+    }
+    _handleCityInput(e) {
+        const savedFormState = structuredClone(this._stepInfo.data.formState);
+        savedFormState.city = e.target.value;
+        this._stepInfo.updateFormState = savedFormState;
+    }
+    _handleStateInput(e) {
+        const savedFormState = structuredClone(this._stepInfo.data.formState);
+        savedFormState.state = e.target.value;
+        this._stepInfo.updateFormState = savedFormState;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._stepInfo.updateTotalStepCount = 3;
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this._trapFocusAPI) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    firstUpdated(_changedProperties) {
+        var _a;
+        registerFocusableContainers((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('step-full-page'));
+    }
+    updated(changedProps) {
+        if (changedProps.has('_open')) {
+            const isOpen = this._open;
+            if (isOpen) {
+                // `focusableContainers` holds the containers where we can query DOM elements.
+                // Our strategy here is to let child/slotted components register their containers,
+                // which are then passed to `trapFocus`. This allows the utility to query elements
+                // directly without being blocked by shadow DOM boundaries.
+                this._trapFocusAPI = trapFocus();
+            }
+        }
+    }
+    render() {
+        const { formState, totalSteps, currentStep } = this._stepInfo.data;
+        return html ` <div class=${'step-full-page-with-util'} ?open=${this._open}>
+      <!-- slotted influencer -->
+      <div class="create-influencer" slot="influencer">
+        <cds-progress-indicator
+          vertical
+          class=${`custom-step-util__dummy-content-block`}
+        >
+          <cds-progress-step
+            label="First step"
+            state=${currentStep + 1 === 1 ? 'current' : 'complete'}
+          ></cds-progress-step>
+          <cds-progress-step
+            label="Second step"
+            state=${currentStep + 1 === 2
+            ? 'current'
+            : currentStep + 1 < 2
+                ? 'incomplete'
+                : 'complete'}
+          ></cds-progress-step>
+          <cds-progress-step
+            label="Third step"
+            state=${currentStep + 1 === 3
+            ? 'current'
+            : currentStep + 1 < 3
+                ? 'incomplete'
+                : 'complete'}
+          ></cds-progress-step>
+        </cds-progress-indicator>
+      </div>
+      <cds-layer level="1" class="create-full-page-layer">
+        <div class="create-full-page-wrapper">
+          <div class="upper-step-content">
+            <cds-grid class="sb-grid">
+              <cds-column lg="8" sm="4">
+                <div class="create-full-page-header">
+                  <!-- slotted header label -->
+                  <!-- <span slot="label">Optional label for context</span> -->
+
+                  <!-- slotted header title -->
+                  <h2>Step ${currentStep + 1}</h2>
+                  <p class="create-full-page-subtitle">
+                    Optional subtitle to display on a step
+                  </p>
+
+                  <!-- slotted header description -->
+                  <p class="create-full-page-description">
+                    Optional description to display on a step
+                  </p>
+                </div>
+              </cds-column>
+            </cds-grid>
+
+            <!-- default slotted content -->
+            <step-group>
+              <cds-grid class="sb-grid">
+                <cds-column lg="8" sm="4">
+                  ${currentStep + 1 === 1
+            ? html `<div>
+                        <cds-stack gap="6" orientation="horizontal">
+                          <cds-text-input
+                            label="Email"
+                            id="tearsheet-story-text-input-a"
+                            value=${this._email}
+                            @input="${this._handleEmailInput}"
+                          ></cds-text-input>
+                        </cds-stack>
+                      </div>`
+            : nothing}
+                  ${currentStep + 1 === 2
+            ? html `<div>
+                        <cds-stack gap="6" orientation="horizontal">
+                          <cds-text-input
+                            label="City"
+                            id="tearsheet-story-text-input-city"
+                            value=${this._city}
+                            @input="${this._handleCityInput}"
+                          ></cds-text-input>
+                          <cds-text-input
+                            label="State"
+                            id="tearsheet-story-text-input-state"
+                            value=${this._state}
+                            @input="${this._handleStateInput}"
+                          ></cds-text-input>
+                        </cds-stack>
+                      </div>`
+            : nothing}
+                  ${currentStep + 1 === 3
+            ? html `<div>
+                        <!-- //cspell: disable -->
+                        <cds-code-snippet
+                          type="multi"
+                          copy-text=""
+                          maxcollapsednumberofrows="15"
+                          maxexpandednumberofrows=""
+                          mincollapsednumberofrows="3"
+                          minexpandednumberofrows=""
+                          show-less-text="Show less"
+                          show-more-text="Show more"
+                          feedback=""
+                          feedback-timeout="0"
+                          tooltip-content="Copy to clipboard"
+                        >
+                          ${JSON.stringify(formState, null, 2)}
+                        </cds-code-snippet>
+                        <!-- //cspell: enable -->
+                      </div>`
+            : nothing}
+                </cds-column>
+              </cds-grid>
+            </step-group>
+          </div>
+          <div class="create-full-page-actions">
+            <cds-button
+              slot="actions"
+              kind=${'ghost'}
+              class="create-full-page-action__cancel"
+              @click=${this._handleCancelButton}
+            >
+              Cancel
+            </cds-button>
+            <cds-button
+              slot="actions"
+              kind=${'secondary'}
+              @click=${this._handleBackButton}
+            >
+              Back
+            </cds-button>
+            <cds-button slot="actions" @click=${this._handleNextButton}>
+              ${currentStep + 1 < totalSteps ? 'Next' : 'Submit'}
+            </cds-button>
+          </div>
+        </div>
+      </cds-layer>
+    </div>`;
+    }
+};
+StepFullPage.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], StepFullPage.prototype, "narrow", void 0);
+__decorate([
+    state()
+], StepFullPage.prototype, "_open", void 0);
+__decorate([
+    state()
+], StepFullPage.prototype, "_email", void 0);
+__decorate([
+    state()
+], StepFullPage.prototype, "_city", void 0);
+__decorate([
+    state()
+], StepFullPage.prototype, "_state", void 0);
+StepFullPage = __decorate([
+    customElement('step-full-page')
+], StepFullPage);
+
+export { StepFullPage };
+//# sourceMappingURL=step-full-page.js.map

package/es/patterns/step-flow/_story-assets/step-full-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-full-page.js","sources":["../../../../src/patterns/step-flow/_story-assets/step-full-page.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/patterns/step-flow/_story-assets/step-full-page.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css([":host(step-full-page){block-size:100vh;color:var(--cds-text-primary,#161616);display:grid;grid-template-rows:minmax(auto,100%)}:host(step-full-page) .step-full-page-with-util{display:flex;margin:0;max-block-size:100%;overflow:hidden;padding:0}:host(step-full-page) .create-full-page-header{padding-block-end:1.5rem}:host(step-full-page) .create-full-page-header h2{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}:host(step-full-page) .create-full-page-wrapper{background-color:var(--cds-layer-01,#f4f4f4);block-size:calc(100% - 1.5rem);color:var(--cds-text-primary,#161616);display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;overflow:auto;overflow-x:hidden;padding-block-start:1.5rem}:host(step-full-page) .create-influencer{border-inline-end:1px solid var(--cds-border-subtle);box-sizing:border-box;inline-size:256px;min-inline-size:256px;padding:1.5rem 2rem}:host(step-full-page) .create-full-page-subtitle{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(step-full-page) .create-full-page-description{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host(step-full-page) .create-full-page-layer{inline-size:100%}:host(step-full-page) .create-full-page-actions{block-size:64px;border-block-start:1px solid var(--cds-border-subtle);display:grid;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);grid-auto-rows:minmax(auto,auto);grid-template-columns:repeat(6,1fr);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(step-full-page) .create-full-page-action__cancel{grid-column:span 4}:host(step-full-page) ::part(grid){max-inline-size:100%}"]);
+
+export { styles as default };
+//# sourceMappingURL=step-full-page.scss.js.map

package/es/patterns/step-flow/_story-assets/step-full-page.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-full-page.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/patterns/step-flow/_story-assets/step-tearsheet.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement, PropertyValues } from 'lit';
+import '@carbon/web-components/es/components/progress-indicator/index.js';
+import '@carbon/web-components/es/components/stack/index.js';
+import '@carbon/web-components/es/components/code-snippet/index.js';
+import '../step-group';
+import '../../../components/tearsheet/index.js';
+declare const StepTearsheet_base: typeof LitElement;
+export declare class StepTearsheet extends StepTearsheet_base {
+    narrow: boolean;
+    private _open;
+    private _email;
+    private _city;
+    private _state;
+    private _trapFocusAPI;
+    private _onButtonClick;
+    private _handleCancelButton;
+    private _handleBackButton;
+    private _handleNextButton;
+    private _handleEmailInput;
+    private _handleCityInput;
+    private _handleStateInput;
+    private _stepInfo;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    updated(changedProps: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'step-tearsheet': StepTearsheet;
+    }
+}
+export {};