@tmorrow/cre8-wc 2.3.4 → 2.3.5

package/dist/project.json

@@ -1 +1 @@
-{"generatedAt":1787491678634,"userSince":1748105051138,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.5.4","@testing-library/jest-dom":"6.9.1","@testing-library/user-event":"^14.6.1","@vitest/browser-playwright":"4.1.8","@vitest/coverage-v8":"4.1.10","playwright":"1.62.1","vitest":"4.1.8","vitest-canvas-mock":"1.1.4"},"stylingPackages":{"postcss":"^8.5.6","sass":"^1.97.2"}},"hasRouterPackage":false,"packageManager":{"type":"pnpm","version":"8.11.0","agent":"pnpm","nodeLinker":""},"typescriptOptions":{"check":false},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":1,"applicationFileCount":7,"storybookVersion":"10.5.4","storybookVersionSpecifier":"10.5.4","language":"typescript","storybookPackages":{"@storybook/builder-vite":{"version":"10.5.4"},"@storybook/react":{"version":"10.5.4"},"@storybook/react-vite":{"version":"10.5.4"},"@storybook/web-components":{"version":"10.5.4"},"@storybook/web-components-vite":{"version":"10.5.4"},"@wc-toolkit/storybook-helpers":{"version":"10.5.1"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.5.4"},"@storybook/addon-themes":{"version":"10.5.4"},"@storybook/addon-a11y":{"version":"10.5.4"},"@storybook/addon-mcp":{},"@storybook/addon-vitest":{"version":"10.5.4"}},"packageJsonType":"module"}
+{"generatedAt":1787494087137,"userSince":1748105051138,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.5.4","@testing-library/jest-dom":"6.9.1","@testing-library/user-event":"^14.6.1","@vitest/browser-playwright":"4.1.8","@vitest/coverage-v8":"4.1.10","playwright":"1.62.1","vitest":"4.1.8","vitest-canvas-mock":"1.1.4"},"stylingPackages":{"postcss":"^8.5.6","sass":"^1.97.2"}},"hasRouterPackage":false,"packageManager":{"type":"pnpm","version":"8.11.0","agent":"pnpm","nodeLinker":""},"typescriptOptions":{"check":false},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":1,"applicationFileCount":7,"storybookVersion":"10.5.4","storybookVersionSpecifier":"10.5.4","language":"typescript","storybookPackages":{"@storybook/builder-vite":{"version":"10.5.4"},"@storybook/react":{"version":"10.5.4"},"@storybook/react-vite":{"version":"10.5.4"},"@storybook/web-components":{"version":"10.5.4"},"@storybook/web-components-vite":{"version":"10.5.4"},"@wc-toolkit/storybook-helpers":{"version":"10.5.1"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.5.4"},"@storybook/addon-themes":{"version":"10.5.4"},"@storybook/addon-a11y":{"version":"10.5.4"},"@storybook/addon-mcp":{},"@storybook/addon-vitest":{"version":"10.5.4"}},"packageJsonType":"module"}

package/dist/sb-addons/storybook-5/manager-bundle.js

@@ -1,5 +1,5 @@
 try{
-(()=>{var y=__STORYBOOK_API__,{ActiveTabs:g,Consumer:k,ManagerContext:_,Provider:f,RequestResponseError:h,Tag:v,addons:o,combineParameters:j,controlOrMetaKey:x,controlOrMetaSymbol:w,eventMatchesShortcut:S,eventToShortcut:C,experimental_MockUniversalStore:B,experimental_UniversalStore:P,experimental_getStatusStore:T,experimental_getTestProviderStore:F,experimental_requestResponse:O,experimental_useStatusStore:E,experimental_useTestProviderStore:U,experimental_useUniversalStore:A,getService:D,internal_checklistStore:M,internal_fullStatusStore:R,internal_fullTestProviderStore:z,internal_universalChecklistStore:I,internal_universalStatusStore:K,internal_universalTestProviderStore:G,isMacLike:N,isShortcutTaken:H,keyToSymbol:Y,merge:L,mockChannel:q,optionOrAltSymbol:J,registerService:V,shortcutMatchesShortcut:W,shortcutToAriaKeyshortcuts:$,shortcutToHumanString:Q,types:Z,useAddonState:X,useArgTypes:ee,useArgs:te,useChannel:se,useGlobalTypes:oe,useGlobals:re,useParameter:ne,useServiceCommand:ie,useServiceQuery:ae,useSharedState:ce,useStoryPrepared:pe,useStorybookApi:le,useStorybookState:me}=__STORYBOOK_API__;var ge=__STORYBOOK_THEMING__,{CacheProvider:ke,ClassNames:_e,Global:fe,ThemeProvider:he,background:ve,color:je,convert:xe,create:r,createCache:we,createGlobal:Se,createReset:Ce,css:Be,darken:Pe,ensure:Te,getPreferredColorScheme:Fe,ignoreSsrWarning:Oe,isPropValid:Ee,jsx:Ue,keyframes:Ae,lighten:De,srOnlyStyles:Me,srOnlyUnsetStyles:Re,styled:ze,themes:Ie,tokens:Ke,typography:Ge,useTheme:Ne,withTheme:He}=__STORYBOOK_THEMING__;var n={name:"@tmorrow/cre8-wc",version:"2.3.3",description:"cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",license:"BSD-3-Clause",scripts:{start:"pnpm run build:custom-elements.json && pnpm run storybook","compile-styles":"npx tsx scripts/convert-scss-to-ts.ts",build:"rm -rf lib && pnpm run compile-styles && pnpm build:cdn && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && pnpm run build:react && pnpm run build:mcp-manifest && pnpm run build:react-manifest",prepack:"node a2ui/check-layer-parity.mjs",prepublishOnly:"node a2ui/check-layer-parity.mjs","build:mcp-manifest":'npx web-component-analyzer analyze "components/**/*.ts" --format json --outFile /tmp/wca-raw.json && npx tsx scripts/generate-mcp-manifest.ts',"build:react-manifest":"npx tsx scripts/generate-react-manifest.ts","build:cdn":"rm -rf cdn && vite build --config vite.config.cdn.ts","build:react":"rm -rf react-wrappers/components react-wrappers/dist react-wrappers/index.ts && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc","build:a2ui":"pnpm run build:a2ui:catalog && pnpm run build:a2ui:kg && pnpm run build:a2ui:compile","build:a2ui:catalog":"node a2ui/generate-catalog.mjs","build:a2ui:kg":"node a2ui/generate-catalog-kg.mjs","check:deploy-drift":"node a2ui/check-deploy-drift.mjs","build:a2ui:compile":"tsc --module esnext --moduleResolution bundler --target es2022 --lib es2022,dom,dom.iterable --strict --skipLibCheck --declaration --outDir a2ui a2ui/types.ts a2ui/registry.ts a2ui/renderer.ts a2ui/index.ts a2ui/stream/types.ts a2ui/stream/pointer.ts a2ui/stream/model.ts a2ui/stream/renderer.ts a2ui/stream/diff.ts a2ui/stream/index.ts","a2ui:demo":"python3 -m http.server 8765","storybook:react":"pnpm run build:react && cd react-wrappers && npx storybook dev -p 9009","build-storybook:react":"pnpm run build:react && cd react-wrappers && npx storybook build -o dist-storybook","build:all":"pnpm run build","build:watch":"vite build --watch","build:custom-elements.json":'npx @custom-elements-manifest/analyzer analyze --litelement --globs "components/*/*.ts" --outdir .storybook',test:"vitest run --project=unit","test:watch":"vitest --project=unit","test:storybook":"vitest run --project=storybook","test:all":"vitest run","test:jenkins":"vitest run --project=unit --coverage=false --bail=1","storybook-docs":"storybook dev --docs",storybook:"storybook dev -p 6006","build-storybook":"del-cli dist && storybook build -o dist",plop:"plop component","convert-scss-to-ts":"npx tsx ./scripts/convert-scss-to-ts.ts","plop:page":"plop page","plop:recipe":"plop recipe",lint:"eslint-config --ext .ts,.html . --ignore-path ../../.eslintignore",format:"eslint-config --ext .ts,.html . --fix --ignore-path ../../.eslintignore","publish:react":"cd react-wrappers && npm publish --access public","release:publish":"node scripts/release.cjs --skip-lint --skip-tests --publish","version:bump":"node scripts/version-bump.cjs","test:a2ui":"npx tsx a2ui/smoke-test.mjs && npx tsx a2ui/stream/stream-test.mjs && npx tsx a2ui/stream/diff-test.mjs && node a2ui/render-audit.mjs --check && node a2ui/check-layer-parity.mjs","audit:render":"node a2ui/render-audit.mjs","audit:render:check":"node a2ui/render-audit.mjs --check","check:parity":"node a2ui/check-layer-parity.mjs"},type:"module",module:"lib/index.js",types:"lib/index.d.ts",keywords:["web-components","lit-element","typescript","lit"],author:"",files:["dist","lib","cdn","a2ui","mcp-manifest.json","react-manifest.json"],exports:{".":{import:"./lib/index.js",types:"./lib/index.d.ts"},"./cdn":{import:"./cdn/cre8-wc.esm.js",default:"./cdn/cre8-wc.min.js"},"./cdn/cre8-wc.esm.js":"./cdn/cre8-wc.esm.js","./cdn/cre8-wc.min.js":"./cdn/cre8-wc.min.js","./lib/components/*":{import:"./lib/components/*",types:"./lib/components/*",default:"./lib/components/*"},"./icons/*":{import:"./lib/icons/*",types:"./lib/icons/*",default:"./lib/icons/*"},"./themes/*":"./lib/design-tokens/brands/*/css/tokens_*.css","./themes/tmorrow-frost":"./lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-frost.css","./themes/tmorrow-neon":"./lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-neon.css","./styles/*":"./lib/design-tokens/core/scss/theming/*","./design-tokens/*":{import:"./lib/design-tokens/*",types:"./lib/design-tokens/*",default:"./lib/design-tokens/*"},"./global.d.ts":"./global.d.ts","./mcp-manifest.json":"./mcp-manifest.json","./react-manifest.json":"./react-manifest.json","./a2ui":{import:"./a2ui/index.js",types:"./a2ui/index.d.ts"},"./a2ui/catalog.json":"./a2ui/catalog.json","./a2ui/catalog.compact.json":"./a2ui/catalog.compact.json","./a2ui/catalog-kg.json":"./a2ui/catalog-kg.json","./a2ui/*":{import:"./a2ui/*",types:"./a2ui/*"},"./package.json":"./package.json","./a2ui/stream":{import:"./a2ui/stream/index.js",types:"./a2ui/stream/index.d.ts"}},repository:{url:"https://github.com/tmorrowdev/Cre8-Components.git"},dependencies:{"@a11y/focus-trap":"^1.0.5","@lit/context":"^1.1.6","@lit/react":"^1.0.8","chart.js":"^4.5.1",classnames:"2.5.1",lit:"3.3.1","lit-html":"^3.3.1",nanoid:"^5.1.6",zod:"^4.1.12"},devDependencies:{"@babel/core":"^7.28.5","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-proposal-decorators":"^7.28.0","@babel/plugin-transform-typescript":"^7.28.5","@babel/preset-env":"^7.28.5","@babel/preset-typescript":"^7.28.5","@custom-elements-manifest/analyzer":"^0.11.0","@lit-labs/cli":"^0.6.6","@mdx-js/react":"^3.1.1","@mdx-js/rollup":"^3.1.1","@open-wc/testing-helpers":"^3.0.1","@skypack/package-check":"^0.2.2","@storybook/addon-a11y":"10.5.4","@storybook/addon-docs":"10.5.4","@storybook/addon-mcp":"^0.5.0","@storybook/addon-themes":"10.5.4","@storybook/addon-vitest":"10.5.4","@storybook/builder-vite":"10.5.4","@storybook/react":"10.5.4","@storybook/react-vite":"10.5.4","@storybook/web-components":"10.5.4","@storybook/web-components-vite":"10.5.4","@testing-library/jest-dom":"^6.9.1","@testing-library/user-event":"^14.6.1","@types/jest-axe":"^3.5.9","@types/resize-observer-browser":"^0.1.11","@types/sanitize-html":"^2.16.0","@typescript-eslint/eslint-plugin":"^8.46.3","@typescript-eslint/parser":"^8.46.3","@vitejs/plugin-react":"^5.2.0","@vitest/browser-playwright":"4.1.8","@vitest/coverage-v8":"^4.1.10","@wc-toolkit/storybook-helpers":"^10.5.1",clone:"^2.1.2","css-parse":"2.0.0","del-cli":"^7.0.0",dotenv:"^17.2.3","element-internals-polyfill":"^3.0.2",glob:"^11.0.3","jest-axe":"^10.0.0","js-yaml":"^4.1.0",jsdom:"^27.1.0","lint-staged":"^16.2.6","loader-utils":"^3.3.1",marked:"^17.0.0",playwright:"^1.62.1",plop:"^4.0.4",postcss:"^8.5.6",react:"^19.2.0","react-docgen-typescript":"^2.4.0","react-dom":"^19.2.0","sanitize-html":"^2.17.0",sass:"^1.97.2",storybook:"10.5.4","style-dictionary":"^5.1.1","style-loader":"^4.0.0","ts-lit-plugin":"^2.0.2","ts-node":"^10.9.2",tsx:"^4.21.0",typescript:"^5.9.3",vite:"^7.2.2",vitest:"^4.1.8","vitest-canvas-mock":"^1.1.4"},"lint-staged":{"*.ts":"eslint --cache --fix"},customElements:".storybook/custom-elements.json"};var c="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20130%20512%20252%22%20role%3D%22img%22%20aria-label%3D%22Cre8%22%3E%3Cpath%20d%3D%22M256%20256%20C%20200%20168%2078%20172%2078%20256%20C%2078%20340%20200%20344%20256%20256%20C%20312%20168%20434%20172%20434%20256%20C%20434%20340%20312%20344%20256%20256%20Z%22%20fill%3D%22none%22%20stroke%3D%22%231F2BEC%22%20stroke-width%3D%2266%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E",i=r({base:"light",colorPrimary:"#3B82F6",colorSecondary:"#EC4899",appBg:"#ffffff",appContentBg:"#F8FAFC",appPreviewBg:"#ffffff",appBorderColor:"#E2E8F0",appBorderRadius:12,fontBase:'"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',fontCode:'ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace',textColor:"#0F172A",textMutedColor:"#64748B",textInverseColor:"#F8FAFC",barTextColor:"#475569",barSelectedColor:"#3B82F6",barHoverColor:"#EC4899",barBg:"#ffffff",buttonBg:"#F8FAFC",buttonBorder:"#E2E8F0",booleanBg:"#E2E8F0",booleanSelectedBg:"#3B82F6",inputBg:"#ffffff",inputBorder:"#E2E8F0",inputTextColor:"#0F172A",inputBorderRadius:8,brandTitle:`<div class="cre8-brand">
+(()=>{var y=__STORYBOOK_API__,{ActiveTabs:g,Consumer:k,ManagerContext:_,Provider:f,RequestResponseError:h,Tag:v,addons:o,combineParameters:j,controlOrMetaKey:x,controlOrMetaSymbol:w,eventMatchesShortcut:S,eventToShortcut:C,experimental_MockUniversalStore:B,experimental_UniversalStore:P,experimental_getStatusStore:T,experimental_getTestProviderStore:F,experimental_requestResponse:O,experimental_useStatusStore:E,experimental_useTestProviderStore:U,experimental_useUniversalStore:A,getService:D,internal_checklistStore:M,internal_fullStatusStore:R,internal_fullTestProviderStore:z,internal_universalChecklistStore:I,internal_universalStatusStore:K,internal_universalTestProviderStore:G,isMacLike:N,isShortcutTaken:H,keyToSymbol:Y,merge:L,mockChannel:q,optionOrAltSymbol:J,registerService:V,shortcutMatchesShortcut:W,shortcutToAriaKeyshortcuts:$,shortcutToHumanString:Q,types:Z,useAddonState:X,useArgTypes:ee,useArgs:te,useChannel:se,useGlobalTypes:oe,useGlobals:re,useParameter:ne,useServiceCommand:ie,useServiceQuery:ae,useSharedState:ce,useStoryPrepared:pe,useStorybookApi:le,useStorybookState:me}=__STORYBOOK_API__;var ge=__STORYBOOK_THEMING__,{CacheProvider:ke,ClassNames:_e,Global:fe,ThemeProvider:he,background:ve,color:je,convert:xe,create:r,createCache:we,createGlobal:Se,createReset:Ce,css:Be,darken:Pe,ensure:Te,getPreferredColorScheme:Fe,ignoreSsrWarning:Oe,isPropValid:Ee,jsx:Ue,keyframes:Ae,lighten:De,srOnlyStyles:Me,srOnlyUnsetStyles:Re,styled:ze,themes:Ie,tokens:Ke,typography:Ge,useTheme:Ne,withTheme:He}=__STORYBOOK_THEMING__;var n={name:"@tmorrow/cre8-wc",version:"2.3.5",description:"cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",license:"BSD-3-Clause",scripts:{start:"pnpm run build:custom-elements.json && pnpm run storybook","compile-styles":"npx tsx scripts/convert-scss-to-ts.ts",build:"rm -rf lib && pnpm run compile-styles && pnpm build:cdn && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && pnpm run build:react && pnpm run build:mcp-manifest && pnpm run build:react-manifest",prepack:"node a2ui/check-layer-parity.mjs",prepublishOnly:"node a2ui/check-layer-parity.mjs","build:mcp-manifest":'npx web-component-analyzer analyze "components/**/*.ts" --format json --outFile /tmp/wca-raw.json && npx tsx scripts/generate-mcp-manifest.ts',"build:react-manifest":"npx tsx scripts/generate-react-manifest.ts","build:cdn":"rm -rf cdn && vite build --config vite.config.cdn.ts","build:react":"rm -rf react-wrappers/components react-wrappers/dist react-wrappers/index.ts && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc","build:a2ui":"pnpm run build:a2ui:catalog && pnpm run build:a2ui:kg && pnpm run build:a2ui:compile","build:a2ui:catalog":"node a2ui/generate-catalog.mjs","build:a2ui:kg":"node a2ui/generate-catalog-kg.mjs","check:deploy-drift":"node a2ui/check-deploy-drift.mjs","build:a2ui:compile":"tsc --module esnext --moduleResolution bundler --target es2022 --lib es2022,dom,dom.iterable --strict --skipLibCheck --declaration --outDir a2ui a2ui/types.ts a2ui/registry.ts a2ui/renderer.ts a2ui/index.ts a2ui/stream/types.ts a2ui/stream/pointer.ts a2ui/stream/model.ts a2ui/stream/renderer.ts a2ui/stream/diff.ts a2ui/stream/index.ts","a2ui:demo":"python3 -m http.server 8765","storybook:react":"pnpm run build:react && cd react-wrappers && npx storybook dev -p 9009","build-storybook:react":"pnpm run build:react && cd react-wrappers && npx storybook build -o dist-storybook","build:all":"pnpm run build","build:watch":"vite build --watch","build:custom-elements.json":'npx @custom-elements-manifest/analyzer analyze --litelement --globs "components/*/*.ts" --outdir .storybook',test:"vitest run --project=unit","test:watch":"vitest --project=unit","test:storybook":"vitest run --project=storybook","test:all":"vitest run","test:jenkins":"vitest run --project=unit --coverage=false --bail=1","storybook-docs":"storybook dev --docs",storybook:"storybook dev -p 6006","build-storybook":"del-cli dist && storybook build -o dist",plop:"plop component","convert-scss-to-ts":"npx tsx ./scripts/convert-scss-to-ts.ts","plop:page":"plop page","plop:recipe":"plop recipe",lint:"eslint-config --ext .ts,.html . --ignore-path ../../.eslintignore",format:"eslint-config --ext .ts,.html . --fix --ignore-path ../../.eslintignore","publish:react":"cd react-wrappers && npm publish --access public","release:publish":"node scripts/release.cjs --skip-lint --skip-tests --publish","version:bump":"node scripts/version-bump.cjs","test:a2ui":"npx tsx a2ui/smoke-test.mjs && npx tsx a2ui/stream/stream-test.mjs && npx tsx a2ui/stream/diff-test.mjs && node a2ui/render-audit.mjs --check && node a2ui/check-layer-parity.mjs","audit:render":"node a2ui/render-audit.mjs","audit:render:check":"node a2ui/render-audit.mjs --check","check:parity":"node a2ui/check-layer-parity.mjs"},type:"module",module:"lib/index.js",types:"lib/index.d.ts",keywords:["web-components","lit-element","typescript","lit"],author:"",files:["dist","lib","cdn","a2ui","mcp-manifest.json","react-manifest.json"],exports:{".":{import:"./lib/index.js",types:"./lib/index.d.ts"},"./cdn":{import:"./cdn/cre8-wc.esm.js",default:"./cdn/cre8-wc.min.js"},"./cdn/cre8-wc.esm.js":"./cdn/cre8-wc.esm.js","./cdn/cre8-wc.min.js":"./cdn/cre8-wc.min.js","./lib/components/*":{import:"./lib/components/*",types:"./lib/components/*",default:"./lib/components/*"},"./icons/*":{import:"./lib/icons/*",types:"./lib/icons/*",default:"./lib/icons/*"},"./themes/*":"./lib/design-tokens/brands/*/css/tokens_*.css","./themes/tmorrow-frost":"./lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-frost.css","./themes/tmorrow-neon":"./lib/design-tokens/brands/tmorrow/css/tokens_tmorrow-neon.css","./styles/*":"./lib/design-tokens/core/scss/theming/*","./design-tokens/*":{import:"./lib/design-tokens/*",types:"./lib/design-tokens/*",default:"./lib/design-tokens/*"},"./global.d.ts":"./global.d.ts","./mcp-manifest.json":"./mcp-manifest.json","./react-manifest.json":"./react-manifest.json","./a2ui":{import:"./a2ui/index.js",types:"./a2ui/index.d.ts"},"./a2ui/catalog.json":"./a2ui/catalog.json","./a2ui/catalog.compact.json":"./a2ui/catalog.compact.json","./a2ui/catalog-kg.json":"./a2ui/catalog-kg.json","./a2ui/*":{import:"./a2ui/*",types:"./a2ui/*"},"./package.json":"./package.json","./a2ui/stream":{import:"./a2ui/stream/index.js",types:"./a2ui/stream/index.d.ts"}},repository:{url:"https://github.com/tmorrowdev/Cre8-Components.git"},dependencies:{"@a11y/focus-trap":"^1.0.5","@lit/context":"^1.1.6","@lit/react":"^1.0.8","chart.js":"^4.5.1",classnames:"2.5.1",lit:"3.3.1","lit-html":"^3.3.1",nanoid:"^5.1.6",zod:"^4.1.12"},devDependencies:{"@babel/core":"^7.28.5","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-proposal-decorators":"^7.28.0","@babel/plugin-transform-typescript":"^7.28.5","@babel/preset-env":"^7.28.5","@babel/preset-typescript":"^7.28.5","@custom-elements-manifest/analyzer":"^0.11.0","@lit-labs/cli":"^0.6.6","@mdx-js/react":"^3.1.1","@mdx-js/rollup":"^3.1.1","@open-wc/testing-helpers":"^3.0.1","@skypack/package-check":"^0.2.2","@storybook/addon-a11y":"10.5.4","@storybook/addon-docs":"10.5.4","@storybook/addon-mcp":"^0.5.0","@storybook/addon-themes":"10.5.4","@storybook/addon-vitest":"10.5.4","@storybook/builder-vite":"10.5.4","@storybook/react":"10.5.4","@storybook/react-vite":"10.5.4","@storybook/web-components":"10.5.4","@storybook/web-components-vite":"10.5.4","@testing-library/jest-dom":"^6.9.1","@testing-library/user-event":"^14.6.1","@types/jest-axe":"^3.5.9","@types/resize-observer-browser":"^0.1.11","@types/sanitize-html":"^2.16.0","@typescript-eslint/eslint-plugin":"^8.46.3","@typescript-eslint/parser":"^8.46.3","@vitejs/plugin-react":"^5.2.0","@vitest/browser-playwright":"4.1.8","@vitest/coverage-v8":"^4.1.10","@wc-toolkit/storybook-helpers":"^10.5.1",clone:"^2.1.2","css-parse":"2.0.0","del-cli":"^7.0.0",dotenv:"^17.2.3","element-internals-polyfill":"^3.0.2",glob:"^11.0.3","jest-axe":"^10.0.0","js-yaml":"^4.1.0",jsdom:"^27.1.0","lint-staged":"^16.2.6","loader-utils":"^3.3.1",marked:"^17.0.0",playwright:"^1.62.1",plop:"^4.0.4",postcss:"^8.5.6",react:"^19.2.0","react-docgen-typescript":"^2.4.0","react-dom":"^19.2.0","sanitize-html":"^2.17.0",sass:"^1.97.2",storybook:"10.5.4","style-dictionary":"^5.1.1","style-loader":"^4.0.0","ts-lit-plugin":"^2.0.2","ts-node":"^10.9.2",tsx:"^4.21.0",typescript:"^5.9.3",vite:"^7.2.2",vitest:"^4.1.8","vitest-canvas-mock":"^1.1.4"},"lint-staged":{"*.ts":"eslint --cache --fix"},customElements:".storybook/custom-elements.json"};var c="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20130%20512%20252%22%20role%3D%22img%22%20aria-label%3D%22Cre8%22%3E%3Cpath%20d%3D%22M256%20256%20C%20200%20168%2078%20172%2078%20256%20C%2078%20340%20200%20344%20256%20256%20C%20312%20168%20434%20172%20434%20256%20C%20434%20340%20312%20344%20256%20256%20Z%22%20fill%3D%22none%22%20stroke%3D%22%231F2BEC%22%20stroke-width%3D%2266%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E",i=r({base:"light",colorPrimary:"#3B82F6",colorSecondary:"#EC4899",appBg:"#ffffff",appContentBg:"#F8FAFC",appPreviewBg:"#ffffff",appBorderColor:"#E2E8F0",appBorderRadius:12,fontBase:'"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',fontCode:'ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace',textColor:"#0F172A",textMutedColor:"#64748B",textInverseColor:"#F8FAFC",barTextColor:"#475569",barSelectedColor:"#3B82F6",barHoverColor:"#EC4899",barBg:"#ffffff",buttonBg:"#F8FAFC",buttonBorder:"#E2E8F0",booleanBg:"#E2E8F0",booleanSelectedBg:"#3B82F6",inputBg:"#ffffff",inputBorder:"#E2E8F0",inputTextColor:"#0F172A",inputBorderRadius:8,brandTitle:`<div class="cre8-brand">
       <img class="cre8-logo" src="${c}" alt="Cre8" />
       <span class="cre8-name">Cre8</span>
       <span class="cre8-sub">design system</span>

package/lib/cdn-entry.d.ts

@@ -49,6 +49,8 @@ import { Cre8Card } from './components/card/card';
 import { Cre8Chart } from './components/chart/chart';
 import { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';
 import { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';
+import { Cre8Container } from './components/container/container';
+import { Cre8ContainerGrid } from './components/container-grid/container-grid';
 import { Cre8DangerButton } from './components/danger-button/danger-button';
 import { Cre8DatePicker } from './components/date-picker/date-picker';
 import { Cre8Divider } from './components/divider/divider';
@@ -123,5 +125,5 @@ import { Cre8Tooltip } from './components/tooltip/tooltip';
 import { Cre8UtilityNav } from './components/utility-nav/utility-nav';
 import { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';
 export declare const version = "1.0.26";
-export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8ProgressSteps, Cre8ProgressStepsItem, Cre8FieldNote, Cre8Footer, Cre8Form, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
+export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8Container, Cre8ContainerGrid, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8ProgressSteps, Cre8ProgressStepsItem, Cre8FieldNote, Cre8Footer, Cre8Form, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
 //# sourceMappingURL=cdn-entry.d.ts.map

package/lib/cdn-entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn-entry.d.ts","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,eAAO,MAAM,OAAO,WAAW,CAAC;AAGhC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,eAAe,EACf,OAAO,EACP,YAAY,EACZ,SAAS,EACT,aAAa,EACb,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,cAAc,EACd,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"cdn-entry.d.ts","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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"}

package/lib/cdn-entry.js

@@ -52,6 +52,8 @@ import { Cre8Card } from './components/card/card';
 import { Cre8Chart } from './components/chart/chart';
 import { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';
 import { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';
+import { Cre8Container } from './components/container/container';
+import { Cre8ContainerGrid } from './components/container-grid/container-grid';
 import { Cre8DangerButton } from './components/danger-button/danger-button';
 import { Cre8DatePicker } from './components/date-picker/date-picker';
 import { Cre8Divider } from './components/divider/divider';
@@ -128,5 +130,5 @@ import { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-it
 // Export version info
 export const version = '1.0.26';
 // Re-export all components for programmatic access
-export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8ProgressSteps, Cre8ProgressStepsItem, Cre8FieldNote, Cre8Footer, Cre8Form, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
+export { Cre8Accordion, Cre8AccordionItem, Cre8Alert, Cre8Badge, Cre8Band, Cre8Breadcrumbs, Cre8BreadcrumbsItem, Cre8Button, Cre8ButtonGroup, Cre8Card, Cre8Chart, Cre8CheckboxField, Cre8CheckboxFieldItem, Cre8Container, Cre8ContainerGrid, Cre8DangerButton, Cre8DatePicker, Cre8Divider, Cre8Dropdown, Cre8DropdownItem, Cre8Feature, Cre8Field, Cre8ProgressSteps, Cre8ProgressStepsItem, Cre8FieldNote, Cre8Footer, Cre8Form, Cre8GlobalNav, Cre8GlobalNavItem, Cre8Grid, Cre8GridItem, Cre8Header, Cre8Heading, Cre8Hero, Cre8Icon, Cre8InlineAlert, Cre8Layout, Cre8LayoutContainer, Cre8LayoutSection, Cre8LinelengthContainer, Cre8Link, Cre8LinkList, Cre8LinkListItem, Cre8List, Cre8ListItem, Cre8LoadingSpinner, Cre8Logo, Cre8Main, Cre8Modal, Cre8MultiSelect, Cre8NavContainer, Cre8PageHeader, Cre8Pagination, Cre8PercentBar, Cre8Popover, Cre8PrimaryNav, Cre8PrimaryNavItem, Cre8ProgressMeter, Cre8RadioField, Cre8RadioFieldItem, Cre8RemoveTag, Cre8Section, Cre8Select, Cre8SelectTile, Cre8SelectTileList, Cre8SkeletonLoader, Cre8SplitButton, Cre8Submenu, Cre8SubmenuItem, Cre8Tab, Cre8TabPanel, Cre8Table, Cre8TableBody, Cre8TableCell, Cre8TableHeader, Cre8TableHeaderCell, Cre8TableObject, Cre8TableRow, Cre8Tabs, Cre8Tag, Cre8TagList, Cre8TertiaryNav, Cre8TertiaryNavItem, Cre8TextLink, Cre8TextPassage, Cre8Tooltip, Cre8UtilityNav, Cre8UtilityNavItem, };
 //# sourceMappingURL=cdn-entry.js.map

package/lib/cdn-entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"cdn-entry.js","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,0EAA0E;AAC1E,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEpF,uCAAuC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,iEAAiE;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEpF,sBAAsB;AACtB,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,mDAAmD;AACnD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,eAAe,EACf,OAAO,EACP,YAAY,EACZ,SAAS,EACT,aAAa,EACb,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,cAAc,EACd,kBAAkB,GACnB,CAAC","sourcesContent":["/**\n * CDN Entry Point\n *\n * This file is the entry point for CDN builds. It imports all components\n * (which auto-registers them as custom elements) and re-exports them for\n * programmatic access.\n *\n * It also re-exports Lit primitives (html, css, LitElement, etc.) so that\n * consumers can write their own Lit components using the same Lit instance\n * bundled here, avoiding duplicate Lit copies and reactive-element errors.\n *\n * Usage via script tag (IIFE):\n *   <script src=\"https://cdn.example.com/cre8-wc.min.js\"></script>\n *   <cre8-button>Click me</cre8-button>\n *   <script>\n *     // Components are also available on window.Cre8WC\n *     const btn = document.querySelector('cre8-button');\n *   </script>\n *\n * Usage via ES module:\n *   <script type=\"module\">\n *     import { Cre8Button, html, css, LitElement } from 'https://cdn.example.com/cre8-wc.esm.js';\n *   </script>\n */\n\n// Re-export Lit primitives so consumers use the same bundled Lit instance\nexport { LitElement, html, css, svg, nothing, noChange, ReactiveElement } from 'lit';\nexport { classMap } from 'lit/directives/class-map.js';\nexport { styleMap } from 'lit/directives/style-map.js';\nexport { ifDefined } from 'lit/directives/if-defined.js';\nexport { repeat } from 'lit/directives/repeat.js';\nexport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport { until } from 'lit/directives/until.js';\nexport { live } from 'lit/directives/live.js';\nexport { ref, createRef } from 'lit/directives/ref.js';\nexport { guard } from 'lit/directives/guard.js';\nexport { cache } from 'lit/directives/cache.js';\nexport { property, state, customElement, query, queryAll } from 'lit/decorators.js';\n\n// Re-export base classes for extending\nexport { Cre8Element } from './components/cre8-element';\nexport { Cre8FormElement } from './components/cre8-form-element';\n\n// Import all components (this registers them as custom elements)\nimport { Cre8Accordion } from './components/accordion/accordion';\nimport { Cre8AccordionItem } from './components/accordion-item/accordion-item';\nimport { Cre8Alert } from './components/alert/alert';\nimport { Cre8Badge } from './components/badge/badge';\nimport { Cre8Band } from './components/band/band';\nimport { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs';\nimport { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item';\nimport { Cre8Button } from './components/button/button';\nimport { Cre8ButtonGroup } from './components/button-group/button-group';\nimport { Cre8Card } from './components/card/card';\nimport { Cre8Chart } from './components/chart/chart';\nimport { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';\nimport { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';\nimport { Cre8DangerButton } from './components/danger-button/danger-button';\nimport { Cre8DatePicker } from './components/date-picker/date-picker';\nimport { Cre8Divider } from './components/divider/divider';\nimport { Cre8Dropdown } from './components/dropdown/dropdown';\nimport { Cre8DropdownItem } from './components/dropdown-item/dropdown-item';\nimport { Cre8Feature } from './components/feature/feature';\nimport { Cre8Field } from './components/field/field';\nimport { Cre8FieldNote } from './components/field-note/field-note';\nimport { Cre8Footer } from './components/footer/footer';\nimport { Cre8Form } from './components/form/form';\nimport { Cre8GlobalNav } from './components/global-nav/global-nav';\nimport { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item';\nimport { Cre8Grid } from './components/grid/grid';\nimport { Cre8GridItem } from './components/grid-item/grid-item';\nimport { Cre8Header } from './components/header/header';\nimport { Cre8Heading } from './components/heading/heading';\nimport { Cre8Hero } from './components/hero/hero';\nimport { Cre8Icon } from './components/icon/icon';\nimport { Cre8InlineAlert } from './components/inline-alert/inline-alert';\nimport { Cre8Layout } from './components/layout/layout';\nimport { Cre8LayoutContainer } from './components/layout-container/layout-container';\nimport { Cre8LayoutSection } from './components/layout-section/layout-section';\nimport { Cre8LinelengthContainer } from './components/linelength-container/linelength-container';\nimport { Cre8Link } from './components/link/link';\nimport { Cre8LinkList } from './components/link-list/link-list';\nimport { Cre8LinkListItem } from './components/link-list-item/link-list-item';\nimport { Cre8List } from './components/list/list';\nimport { Cre8ListItem } from './components/list-item/list-item';\nimport { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner';\nimport { Cre8Logo } from './components/logo/logo';\nimport { Cre8Main } from './components/main/main';\nimport { Cre8Modal } from './components/modal/modal';\nimport { Cre8MultiSelect } from './components/multi-select/multi-select';\nimport { Cre8NavContainer } from './components/nav-container/nav-container';\nimport { Cre8PageHeader } from './components/page-header/page-header';\nimport { Cre8Pagination } from './components/pagination/pagination';\nimport { Cre8PercentBar } from './components/percent-bar/percent-bar';\nimport { Cre8Popover } from './components/popover/popover';\nimport { Cre8PrimaryNav } from './components/primary-nav/primary-nav';\nimport { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item';\nimport { Cre8ProgressMeter } from './components/progress-meter/progress-meter';\nimport { Cre8ProgressSteps } from './components/progress-steps/progress-steps';\nimport { Cre8ProgressStepsItem } from './components/progress-steps-item/progress-steps-item';\nimport { Cre8RadioField } from './components/radio-field/radio-field';\nimport { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item';\nimport { Cre8RemoveTag } from './components/remove-tag/remove-tag';\nimport { Cre8Section } from './components/section/section';\nimport { Cre8Select } from './components/select/select';\nimport { Cre8SelectTile } from './components/select-tile/select-tile';\nimport { Cre8SelectTileList } from './components/select-tile-list/select-tile-list';\nimport { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader';\nimport { Cre8SplitButton } from './components/split-button/split-button';\nimport { Cre8Submenu } from './components/submenu/submenu';\nimport { Cre8SubmenuItem } from './components/submenu-item/submenu-item';\nimport { Cre8Tab } from './components/tab/tab';\nimport { Cre8TabPanel } from './components/tab-panel/tab-panel';\nimport { Cre8Table } from './components/table/table';\nimport { Cre8TableBody } from './components/table-body/table-body';\nimport { Cre8TableCell } from './components/table-cell/table-cell';\nimport { Cre8TableHeader } from './components/table-header/table-header';\nimport { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell';\nimport { Cre8TableObject } from './components/table-object/table-object';\nimport { Cre8TableRow } from './components/table-row/table-row';\nimport { Cre8Tabs } from './components/tabs/tabs';\nimport { Cre8Tag } from './components/tag/tag';\nimport { Cre8TagList } from './components/tag-list/tag-list';\nimport { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav';\nimport { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item';\nimport { Cre8TextLink } from './components/text-link/text-link';\nimport { Cre8TextPassage } from './components/text-passage/text-passage';\nimport { Cre8Tooltip } from './components/tooltip/tooltip';\nimport { Cre8UtilityNav } from './components/utility-nav/utility-nav';\nimport { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';\n\n// Export version info\nexport const version = '1.0.26';\n\n// Re-export all components for programmatic access\nexport {\n  Cre8Accordion,\n  Cre8AccordionItem,\n  Cre8Alert,\n  Cre8Badge,\n  Cre8Band,\n  Cre8Breadcrumbs,\n  Cre8BreadcrumbsItem,\n  Cre8Button,\n  Cre8ButtonGroup,\n  Cre8Card,\n  Cre8Chart,\n  Cre8CheckboxField,\n  Cre8CheckboxFieldItem,\n  Cre8DangerButton,\n  Cre8DatePicker,\n  Cre8Divider,\n  Cre8Dropdown,\n  Cre8DropdownItem,\n  Cre8Feature,\n  Cre8Field,\n  Cre8ProgressSteps,\n  Cre8ProgressStepsItem,\n  Cre8FieldNote,\n  Cre8Footer,\n  Cre8Form,\n  Cre8GlobalNav,\n  Cre8GlobalNavItem,\n  Cre8Grid,\n  Cre8GridItem,\n  Cre8Header,\n  Cre8Heading,\n  Cre8Hero,\n  Cre8Icon,\n  Cre8InlineAlert,\n  Cre8Layout,\n  Cre8LayoutContainer,\n  Cre8LayoutSection,\n  Cre8LinelengthContainer,\n  Cre8Link,\n  Cre8LinkList,\n  Cre8LinkListItem,\n  Cre8List,\n  Cre8ListItem,\n  Cre8LoadingSpinner,\n  Cre8Logo,\n  Cre8Main,\n  Cre8Modal,\n  Cre8MultiSelect,\n  Cre8NavContainer,\n  Cre8PageHeader,\n  Cre8Pagination,\n  Cre8PercentBar,\n  Cre8Popover,\n  Cre8PrimaryNav,\n  Cre8PrimaryNavItem,\n  Cre8ProgressMeter,\n  Cre8RadioField,\n  Cre8RadioFieldItem,\n  Cre8RemoveTag,\n  Cre8Section,\n  Cre8Select,\n  Cre8SelectTile,\n  Cre8SelectTileList,\n  Cre8SkeletonLoader,\n  Cre8SplitButton,\n  Cre8Submenu,\n  Cre8SubmenuItem,\n  Cre8Tab,\n  Cre8TabPanel,\n  Cre8Table,\n  Cre8TableBody,\n  Cre8TableCell,\n  Cre8TableHeader,\n  Cre8TableHeaderCell,\n  Cre8TableObject,\n  Cre8TableRow,\n  Cre8Tabs,\n  Cre8Tag,\n  Cre8TagList,\n  Cre8TertiaryNav,\n  Cre8TertiaryNavItem,\n  Cre8TextLink,\n  Cre8TextPassage,\n  Cre8Tooltip,\n  Cre8UtilityNav,\n  Cre8UtilityNavItem,\n};\n"]}
+{"version":3,"file":"cdn-entry.js","sourceRoot":"","sources":["../cdn-entry.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * CDN Entry Point\n *\n * This file is the entry point for CDN builds. It imports all components\n * (which auto-registers them as custom elements) and re-exports them for\n * programmatic access.\n *\n * It also re-exports Lit primitives (html, css, LitElement, etc.) so that\n * consumers can write their own Lit components using the same Lit instance\n * bundled here, avoiding duplicate Lit copies and reactive-element errors.\n *\n * Usage via script tag (IIFE):\n *   <script src=\"https://cdn.example.com/cre8-wc.min.js\"></script>\n *   <cre8-button>Click me</cre8-button>\n *   <script>\n *     // Components are also available on window.Cre8WC\n *     const btn = document.querySelector('cre8-button');\n *   </script>\n *\n * Usage via ES module:\n *   <script type=\"module\">\n *     import { Cre8Button, html, css, LitElement } from 'https://cdn.example.com/cre8-wc.esm.js';\n *   </script>\n */\n\n// Re-export Lit primitives so consumers use the same bundled Lit instance\nexport { LitElement, html, css, svg, nothing, noChange, ReactiveElement } from 'lit';\nexport { classMap } from 'lit/directives/class-map.js';\nexport { styleMap } from 'lit/directives/style-map.js';\nexport { ifDefined } from 'lit/directives/if-defined.js';\nexport { repeat } from 'lit/directives/repeat.js';\nexport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport { until } from 'lit/directives/until.js';\nexport { live } from 'lit/directives/live.js';\nexport { ref, createRef } from 'lit/directives/ref.js';\nexport { guard } from 'lit/directives/guard.js';\nexport { cache } from 'lit/directives/cache.js';\nexport { property, state, customElement, query, queryAll } from 'lit/decorators.js';\n\n// Re-export base classes for extending\nexport { Cre8Element } from './components/cre8-element';\nexport { Cre8FormElement } from './components/cre8-form-element';\n\n// Import all components (this registers them as custom elements)\nimport { Cre8Accordion } from './components/accordion/accordion';\nimport { Cre8AccordionItem } from './components/accordion-item/accordion-item';\nimport { Cre8Alert } from './components/alert/alert';\nimport { Cre8Badge } from './components/badge/badge';\nimport { Cre8Band } from './components/band/band';\nimport { Cre8Breadcrumbs } from './components/breadcrumbs/breadcrumbs';\nimport { Cre8BreadcrumbsItem } from './components/breadcrumbs-item/breadcrumbs-item';\nimport { Cre8Button } from './components/button/button';\nimport { Cre8ButtonGroup } from './components/button-group/button-group';\nimport { Cre8Card } from './components/card/card';\nimport { Cre8Chart } from './components/chart/chart';\nimport { Cre8CheckboxField } from './components/checkbox-field/checkbox-field';\nimport { Cre8CheckboxFieldItem } from './components/checkbox-field-item/checkbox-field-item';\nimport { Cre8Container } from './components/container/container';\nimport { Cre8ContainerGrid } from './components/container-grid/container-grid';\nimport { Cre8DangerButton } from './components/danger-button/danger-button';\nimport { Cre8DatePicker } from './components/date-picker/date-picker';\nimport { Cre8Divider } from './components/divider/divider';\nimport { Cre8Dropdown } from './components/dropdown/dropdown';\nimport { Cre8DropdownItem } from './components/dropdown-item/dropdown-item';\nimport { Cre8Feature } from './components/feature/feature';\nimport { Cre8Field } from './components/field/field';\nimport { Cre8FieldNote } from './components/field-note/field-note';\nimport { Cre8Footer } from './components/footer/footer';\nimport { Cre8Form } from './components/form/form';\nimport { Cre8GlobalNav } from './components/global-nav/global-nav';\nimport { Cre8GlobalNavItem } from './components/global-nav-item/global-nav-item';\nimport { Cre8Grid } from './components/grid/grid';\nimport { Cre8GridItem } from './components/grid-item/grid-item';\nimport { Cre8Header } from './components/header/header';\nimport { Cre8Heading } from './components/heading/heading';\nimport { Cre8Hero } from './components/hero/hero';\nimport { Cre8Icon } from './components/icon/icon';\nimport { Cre8InlineAlert } from './components/inline-alert/inline-alert';\nimport { Cre8Layout } from './components/layout/layout';\nimport { Cre8LayoutContainer } from './components/layout-container/layout-container';\nimport { Cre8LayoutSection } from './components/layout-section/layout-section';\nimport { Cre8LinelengthContainer } from './components/linelength-container/linelength-container';\nimport { Cre8Link } from './components/link/link';\nimport { Cre8LinkList } from './components/link-list/link-list';\nimport { Cre8LinkListItem } from './components/link-list-item/link-list-item';\nimport { Cre8List } from './components/list/list';\nimport { Cre8ListItem } from './components/list-item/list-item';\nimport { Cre8LoadingSpinner } from './components/loading-spinner/loading-spinner';\nimport { Cre8Logo } from './components/logo/logo';\nimport { Cre8Main } from './components/main/main';\nimport { Cre8Modal } from './components/modal/modal';\nimport { Cre8MultiSelect } from './components/multi-select/multi-select';\nimport { Cre8NavContainer } from './components/nav-container/nav-container';\nimport { Cre8PageHeader } from './components/page-header/page-header';\nimport { Cre8Pagination } from './components/pagination/pagination';\nimport { Cre8PercentBar } from './components/percent-bar/percent-bar';\nimport { Cre8Popover } from './components/popover/popover';\nimport { Cre8PrimaryNav } from './components/primary-nav/primary-nav';\nimport { Cre8PrimaryNavItem } from './components/primary-nav-item/primary-nav-item';\nimport { Cre8ProgressMeter } from './components/progress-meter/progress-meter';\nimport { Cre8ProgressSteps } from './components/progress-steps/progress-steps';\nimport { Cre8ProgressStepsItem } from './components/progress-steps-item/progress-steps-item';\nimport { Cre8RadioField } from './components/radio-field/radio-field';\nimport { Cre8RadioFieldItem } from './components/radio-field-item/radio-field-item';\nimport { Cre8RemoveTag } from './components/remove-tag/remove-tag';\nimport { Cre8Section } from './components/section/section';\nimport { Cre8Select } from './components/select/select';\nimport { Cre8SelectTile } from './components/select-tile/select-tile';\nimport { Cre8SelectTileList } from './components/select-tile-list/select-tile-list';\nimport { Cre8SkeletonLoader } from './components/skeleton-loader/skeleton-loader';\nimport { Cre8SplitButton } from './components/split-button/split-button';\nimport { Cre8Submenu } from './components/submenu/submenu';\nimport { Cre8SubmenuItem } from './components/submenu-item/submenu-item';\nimport { Cre8Tab } from './components/tab/tab';\nimport { Cre8TabPanel } from './components/tab-panel/tab-panel';\nimport { Cre8Table } from './components/table/table';\nimport { Cre8TableBody } from './components/table-body/table-body';\nimport { Cre8TableCell } from './components/table-cell/table-cell';\nimport { Cre8TableHeader } from './components/table-header/table-header';\nimport { Cre8TableHeaderCell } from './components/table-header-cell/table-header-cell';\nimport { Cre8TableObject } from './components/table-object/table-object';\nimport { Cre8TableRow } from './components/table-row/table-row';\nimport { Cre8Tabs } from './components/tabs/tabs';\nimport { Cre8Tag } from './components/tag/tag';\nimport { Cre8TagList } from './components/tag-list/tag-list';\nimport { Cre8TertiaryNav } from './components/tertiary-nav/tertiary-nav';\nimport { Cre8TertiaryNavItem } from './components/tertiary-nav-item/tertiary-nav-item';\nimport { Cre8TextLink } from './components/text-link/text-link';\nimport { Cre8TextPassage } from './components/text-passage/text-passage';\nimport { Cre8Tooltip } from './components/tooltip/tooltip';\nimport { Cre8UtilityNav } from './components/utility-nav/utility-nav';\nimport { Cre8UtilityNavItem } from './components/utility-nav-item/utility-nav-item';\n\n// Export version info\nexport const version = '1.0.26';\n\n// Re-export all components for programmatic access\nexport {\n  Cre8Accordion,\n  Cre8AccordionItem,\n  Cre8Alert,\n  Cre8Badge,\n  Cre8Band,\n  Cre8Breadcrumbs,\n  Cre8BreadcrumbsItem,\n  Cre8Button,\n  Cre8ButtonGroup,\n  Cre8Card,\n  Cre8Chart,\n  Cre8CheckboxField,\n  Cre8CheckboxFieldItem,\n  Cre8Container,\n  Cre8ContainerGrid,\n  Cre8DangerButton,\n  Cre8DatePicker,\n  Cre8Divider,\n  Cre8Dropdown,\n  Cre8DropdownItem,\n  Cre8Feature,\n  Cre8Field,\n  Cre8ProgressSteps,\n  Cre8ProgressStepsItem,\n  Cre8FieldNote,\n  Cre8Footer,\n  Cre8Form,\n  Cre8GlobalNav,\n  Cre8GlobalNavItem,\n  Cre8Grid,\n  Cre8GridItem,\n  Cre8Header,\n  Cre8Heading,\n  Cre8Hero,\n  Cre8Icon,\n  Cre8InlineAlert,\n  Cre8Layout,\n  Cre8LayoutContainer,\n  Cre8LayoutSection,\n  Cre8LinelengthContainer,\n  Cre8Link,\n  Cre8LinkList,\n  Cre8LinkListItem,\n  Cre8List,\n  Cre8ListItem,\n  Cre8LoadingSpinner,\n  Cre8Logo,\n  Cre8Main,\n  Cre8Modal,\n  Cre8MultiSelect,\n  Cre8NavContainer,\n  Cre8PageHeader,\n  Cre8Pagination,\n  Cre8PercentBar,\n  Cre8Popover,\n  Cre8PrimaryNav,\n  Cre8PrimaryNavItem,\n  Cre8ProgressMeter,\n  Cre8RadioField,\n  Cre8RadioFieldItem,\n  Cre8RemoveTag,\n  Cre8Section,\n  Cre8Select,\n  Cre8SelectTile,\n  Cre8SelectTileList,\n  Cre8SkeletonLoader,\n  Cre8SplitButton,\n  Cre8Submenu,\n  Cre8SubmenuItem,\n  Cre8Tab,\n  Cre8TabPanel,\n  Cre8Table,\n  Cre8TableBody,\n  Cre8TableCell,\n  Cre8TableHeader,\n  Cre8TableHeaderCell,\n  Cre8TableObject,\n  Cre8TableRow,\n  Cre8Tabs,\n  Cre8Tag,\n  Cre8TagList,\n  Cre8TertiaryNav,\n  Cre8TertiaryNavItem,\n  Cre8TextLink,\n  Cre8TextPassage,\n  Cre8Tooltip,\n  Cre8UtilityNav,\n  Cre8UtilityNavItem,\n};\n"]}

package/lib/components/card/card.d.ts

@@ -34,6 +34,14 @@ export declare class Cre8Card extends Cre8Element {
      * - **center** renders a card that has center aligned content/text
      */
     align?: 'center';
+    /**
+     * Full height
+     * 1) Stretches the card to fill its parent's height and width. Off by
+     *   default - only turn this on when the card is a flex/grid item whose
+     *   siblings should determine its height, e.g. a row of cards that should
+     *   line up edge to edge regardless of how much content each one has.
+     */
+    fullHeight?: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/lib/components/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../components/card/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;EAmBE;AACF,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;OAMG;IAEH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,iBAAiB,CAAC;IAEhE;;;OAGG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,MAAM;CAqBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../components/card/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;EAmBE;AACF,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;OAMG;IAEH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,iBAAiB,CAAC;IAEhE;;;OAGG;IAEH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;;;;;OAMG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,MAAM;CAsBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/card/card.js

@@ -36,6 +36,7 @@ export class Cre8Card extends Cre8Element {
             'cre8-c-card--horizontal': this.variant === 'horizontal',
             'cre8-c-card--horizontal-bare': this.variant === 'horizontal-bare',
             'cre8-c-card--align-center': this.align === 'center',
+            'cre8-c-card--full-height': this.fullHeight === true,
         });
         return html `
       <div class="${componentClassNames}" part="card">
@@ -57,6 +58,9 @@ __decorate([
 __decorate([
     property()
 ], Cre8Card.prototype, "align", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Cre8Card.prototype, "fullHeight", void 0);
 if (customElements.get('cre8-card') === undefined) {
     customElements.define('cre8-card', Cre8Card);
 }

package/lib/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;EAmBE;AACF,MAAM,OAAO,QAAS,SAAQ,WAAW;IAoBvC,MAAM;QACJ,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YAClE,mBAAmB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAC5C,sBAAsB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAClD,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY;YACxD,8BAA8B,EAAE,IAAI,CAAC,OAAO,KAAK,iBAAiB;YAClE,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;SACrD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,mBAAmB;UAC7B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;eAC5B,IAAI,CAAA,kFAAkF;;;;UAIrF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;eAC5B,IAAI,CAAA,kFAAkF;;KAE1F,CAAC;IACJ,CAAC;;AAvCM,eAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAUzB;IADC,QAAQ,EAAE;yCACqD;AAOhE;IADC,QAAQ,EAAE;uCACM;AAyBnB,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC;AAQD,eAAe,QAAQ,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './card.styles.js';\n\n/** The card component acts a general container element sectioned off by slots: `header`, `body`, `footer`.\n*\n* # How to Use\n* 1. Wrap the card component tags around any html template code which has been properly imported into the file.\n* 2. Decide the layout that best fits the designs assigned to your work.\n*   Generally, we recommend visual elements appear in the `header` (optional slot),\n*   while `body` remains reserved for custom html content that gives further context and meaning to the `header`.\n* 3. The card defaults to a column and includes a `horizontal` directional variant.\n*   If you have a card where the layout of the content is more aligned horizontally,\n*   using the `horizontal` variant will ease the construction of your component\n* 4. Finally, we typically recommend reserving the footer for any interactive elements\n*   such as buttons for navigating to further information.\n*\n*\n* NOTE: Adjusting props not mentioned above may result in unpredictable states\n*\n* @slot body - The card's body content\n* @slot header - (Optional) Content in the card's header\n* @slot footer - (Optional) Content in the card's footer\n*/\nexport class Cre8Card extends Cre8Element {\n  static styles = [styles];\n\n  /**\n   * Style variants\n   * - **bare** renders a card without a border and without padding around the content\n   * - **horizontal** renders a card with header, body, footer oriented in a row rather than a column\n   * - **horizontal-bare** renders a card with header, body, footer oriented in a row rather than a column\n   *   without a border and without padding around the content\n   */\n  @property()\n  variant?: 'bare' | 'compact' | 'horizontal' | 'horizontal-bare';\n\n  /**\n   * Alignment variant\n   * - **center** renders a card that has center aligned content/text\n   */\n  @property()\n  align?: 'center';\n\n  render() {\n    const componentClassNames = this.componentClassNames('cre8-c-card', {\n      'cre8-c-card--bare': this.variant === 'bare',\n      'cre8-c-card--compact': this.variant === 'compact',\n      'cre8-c-card--horizontal': this.variant === 'horizontal',\n      'cre8-c-card--horizontal-bare': this.variant === 'horizontal-bare',\n      'cre8-c-card--align-center': this.align === 'center',\n    });\n\n    return html`\n      <div class=\"${componentClassNames}\" part=\"card\">\n        ${this.slotNotEmpty('header')\n      && html`<div class=\"cre8-c-card__header\" part=\"header\"><slot name=\"header\"></slot></div>`}\n        <div class=\"cre8-c-card__body\" part=\"body\">\n          <slot></slot>\n        </div>\n        ${this.slotNotEmpty('footer')\n      && html`<div class=\"cre8-c-card__footer\" part=\"footer\"><slot name=\"footer\"></slot></div>`}\n      </div>\n    `;\n  }\n}\n\nif (customElements.get('cre8-card') === undefined) {\n  customElements.define('cre8-card', Cre8Card);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-card': Cre8Card;\n  }\n}\n\nexport default Cre8Card;\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;EAmBE;AACF,MAAM,OAAO,QAAS,SAAQ,WAAW;IA8BvC,MAAM;QACJ,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YAClE,mBAAmB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAC5C,sBAAsB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YAClD,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY;YACxD,8BAA8B,EAAE,IAAI,CAAC,OAAO,KAAK,iBAAiB;YAClE,2BAA2B,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;YACpD,0BAA0B,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;SACrD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACK,mBAAmB;UAC7B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;eAC5B,IAAI,CAAA,kFAAkF;;;;UAIrF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;eAC5B,IAAI,CAAA,kFAAkF;;KAE1F,CAAC;IACJ,CAAC;;AAlDM,eAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAUzB;IADC,QAAQ,EAAE;yCACqD;AAOhE;IADC,QAAQ,EAAE;uCACM;AAUjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACtB;AA0BvB,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC;AAQD,eAAe,QAAQ,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './card.styles.js';\n\n/** The card component acts a general container element sectioned off by slots: `header`, `body`, `footer`.\n*\n* # How to Use\n* 1. Wrap the card component tags around any html template code which has been properly imported into the file.\n* 2. Decide the layout that best fits the designs assigned to your work.\n*   Generally, we recommend visual elements appear in the `header` (optional slot),\n*   while `body` remains reserved for custom html content that gives further context and meaning to the `header`.\n* 3. The card defaults to a column and includes a `horizontal` directional variant.\n*   If you have a card where the layout of the content is more aligned horizontally,\n*   using the `horizontal` variant will ease the construction of your component\n* 4. Finally, we typically recommend reserving the footer for any interactive elements\n*   such as buttons for navigating to further information.\n*\n*\n* NOTE: Adjusting props not mentioned above may result in unpredictable states\n*\n* @slot body - The card's body content\n* @slot header - (Optional) Content in the card's header\n* @slot footer - (Optional) Content in the card's footer\n*/\nexport class Cre8Card extends Cre8Element {\n  static styles = [styles];\n\n  /**\n   * Style variants\n   * - **bare** renders a card without a border and without padding around the content\n   * - **horizontal** renders a card with header, body, footer oriented in a row rather than a column\n   * - **horizontal-bare** renders a card with header, body, footer oriented in a row rather than a column\n   *   without a border and without padding around the content\n   */\n  @property()\n  variant?: 'bare' | 'compact' | 'horizontal' | 'horizontal-bare';\n\n  /**\n   * Alignment variant\n   * - **center** renders a card that has center aligned content/text\n   */\n  @property()\n  align?: 'center';\n\n  /**\n   * Full height\n   * 1) Stretches the card to fill its parent's height and width. Off by\n   *   default - only turn this on when the card is a flex/grid item whose\n   *   siblings should determine its height, e.g. a row of cards that should\n   *   line up edge to edge regardless of how much content each one has.\n   */\n  @property({ type: Boolean, reflect: true })\n  fullHeight?: boolean;\n\n  render() {\n    const componentClassNames = this.componentClassNames('cre8-c-card', {\n      'cre8-c-card--bare': this.variant === 'bare',\n      'cre8-c-card--compact': this.variant === 'compact',\n      'cre8-c-card--horizontal': this.variant === 'horizontal',\n      'cre8-c-card--horizontal-bare': this.variant === 'horizontal-bare',\n      'cre8-c-card--align-center': this.align === 'center',\n      'cre8-c-card--full-height': this.fullHeight === true,\n    });\n\n    return html`\n      <div class=\"${componentClassNames}\" part=\"card\">\n        ${this.slotNotEmpty('header')\n      && html`<div class=\"cre8-c-card__header\" part=\"header\"><slot name=\"header\"></slot></div>`}\n        <div class=\"cre8-c-card__body\" part=\"body\">\n          <slot></slot>\n        </div>\n        ${this.slotNotEmpty('footer')\n      && html`<div class=\"cre8-c-card__footer\" part=\"footer\"><slot name=\"footer\"></slot></div>`}\n      </div>\n    `;\n  }\n}\n\nif (customElements.get('cre8-card') === undefined) {\n  customElements.define('cre8-card', Cre8Card);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-card': Cre8Card;\n  }\n}\n\nexport default Cre8Card;\n"]}

package/lib/components/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../components/card/card.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA2sBV,CAAC;AACH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../components/card/card.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBAwtBV,CAAC;AACH,eAAe,MAAM,CAAC"}

package/lib/components/card/card.styles.js

@@ -603,8 +603,6 @@ span.ripple {
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  height: 100%;
-  width: 100%;
   padding: 1.5rem;
   gap: 1rem;
   border-color: var(--cre8-color-border-default);
@@ -614,6 +612,21 @@ span.ripple {
   background: var(--cre8-color-bg-default);
 }
 
+/**
+ * Full height card
+ * 1) Stretches the card to fill its parent's height and width. Off by
+ * default: the host is \`display: block\` with no explicit height, so a card
+ * placed in a flex or grid ancestor with \`align-items: stretch\` would
+ * otherwise inherit whatever height that ancestor happens to establish -
+ * invisible from outside the shadow boundary and unrelated to the card's
+ * own content. Opt in only when the parent's height is actually meant to be
+ * shared, e.g. cards as flex/grid items that should line up edge to edge.
+ */
+.cre8-c-card--full-height {
+  height: 100%;
+  width: 100%;
+}
+
 /**
  * Compact card - reduced padding for narrow layouts
  */

package/lib/components/card/card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../components/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2sBhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`.cre8-u-content-knockout-brand {\n  color: var(----cre8-color-content-knockout-brand);\n}\n\n.cre8-u-is-hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n.cre8-u-is-vishidden {\n  position: absolute !important;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n@media all and (min-width: 23.4375rem) {\n  .cre8-u-hide-sm {\n    display: none !important;\n  }\n}\n@media all and (min-width: 35rem) {\n  .cre8-u-hide-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (min-width: 48rem) {\n  .cre8-u-hide-md {\n    display: none !important;\n  }\n}\n@media all and (min-width: 60rem) {\n  .cre8-u-hide-lg {\n    display: none !important;\n  }\n}\n@media all and (min-width: 75rem) {\n  .cre8-u-hide-xl {\n    display: none !important;\n  }\n}\n@media all and (max-width: 23.4375rem) {\n  .cre8-u-show-sm {\n    display: none !important;\n  }\n}\n@media all and (max-width: 35rem) {\n  .cre8-u-show-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (max-width: 48rem) {\n  .cre8-u-show-md {\n    display: none !important;\n  }\n}\n@media all and (max-width: 60rem) {\n  .cre8-u-show-lg {\n    display: none !important;\n  }\n}\n@media all and (max-width: 75rem) {\n  .cre8-u-show-xl {\n    display: none !important;\n  }\n}\n.cre8-u-margin-none {\n  margin: 0 !important;\n}\n\n.cre8-u-margin-sm {\n  margin: size(1) !important;\n}\n\n.cre8-u-margin-md {\n  margin: size(2) !important;\n}\n\n.cre8-u-margin-lg {\n  margin: size(3) !important;\n}\n\n.cre8-u-margin-xl {\n  margin: size(4) !important;\n}\n\n.cre8-u-margin-xxl {\n  margin: size(8) !important;\n}\n\n.cre8-u-margin-top-none {\n  margin-top: 0 !important;\n}\n\n.cre8-u-margin-top-sm {\n  margin-top: size(1) !important;\n}\n\n.cre8-u-margin-top-md {\n  margin-top: size(2) !important;\n}\n\n.cre8-u-margin-top-lg {\n  margin-top: size(3) !important;\n}\n\n.cre8-u-margin-top-xl {\n  margin-top: size(4) !important;\n}\n\n.cre8-u-margin-top-xxl {\n  margin-top: size(8) !important;\n}\n\n.cre8-u-margin-right-none {\n  margin-right: 0 !important;\n}\n\n.cre8-u-margin-right-sm {\n  margin-right: size(1) !important;\n}\n\n.cre8-u-margin-right-md {\n  margin-right: size(2) !important;\n}\n\n.cre8-u-margin-right-lg {\n  margin-right: size(3) !important;\n}\n\n.cre8-u-margin-right-xl {\n  margin-right: size(4) !important;\n}\n\n.cre8-u-margin-right-xxl {\n  margin-right: size(8) !important;\n}\n\n.cre8-u-margin-bottom-none {\n  margin-bottom: 0 !important;\n}\n\n.cre8-u-margin-bottom-sm {\n  margin-bottom: size(1) !important;\n}\n\n.cre8-u-margin-bottom-md {\n  margin-bottom: size(2) !important;\n}\n\n.cre8-u-margin-bottom-lg {\n  margin-bottom: size(3) !important;\n}\n\n.cre8-u-margin-bottom-xl {\n  margin-bottom: size(4) !important;\n}\n\n.cre8-u-margin-bottom-xxl {\n  margin-bottom: size(8) !important;\n}\n\n.cre8-u-margin-bottom-xl-xxl {\n  margin-bottom: size(4) !important;\n}\n\n@media all and (min-width: 768px) {\n  .cre8-u-margin-bottom-xl-xxl {\n    margin-bottom: size(8) !important;\n  }\n}\n.cre8-u-margin-left-none {\n  margin-left: 0 !important;\n}\n\n.cre8-u-margin-left-sm {\n  margin-left: size(1) !important;\n}\n\n.cre8-u-margin-left-md {\n  margin-left: size(2) !important;\n}\n\n.cre8-u-margin-left-lg {\n  margin-left: size(3) !important;\n}\n\n.cre8-u-margin-left-xl {\n  margin-left: size(4) !important;\n}\n\n.cre8-u-margin-left-xxl {\n  margin-left: size(8) !important;\n}\n\n.cre8-u-padding-none {\n  padding: 0 !important;\n}\n\n.cre8-u-padding-sm {\n  padding: size(1) !important;\n}\n\n.cre8-u-padding-md {\n  padding: size(2) !important;\n}\n\n.cre8-u-padding-lg {\n  padding: size(3) !important;\n}\n\n.cre8-u-padding-xl {\n  padding: size(4) !important;\n}\n\n.cre8-u-padding-xxl {\n  padding: size(8) !important;\n}\n\n.cre8-u-padding-top-none {\n  padding-top: 0 !important;\n}\n\n.cre8-u-padding-top-sm {\n  padding-top: size(1) !important;\n}\n\n.cre8-u-padding-top-md {\n  padding-top: size(2) !important;\n}\n\n.cre8-u-padding-top-lg {\n  padding-top: size(3) !important;\n}\n\n.cre8-u-padding-top-xl {\n  padding-top: size(4) !important;\n}\n\n.cre8-u-padding-top-xxl {\n  padding-top: size(8) !important;\n}\n\n.cre8-u-padding-right-none {\n  padding-right: 0 !important;\n}\n\n.cre8-u-padding-right-sm {\n  padding-right: size(1) !important;\n}\n\n.cre8-u-padding-right-md {\n  padding-right: size(2) !important;\n}\n\n.cre8-u-padding-right-lg {\n  padding-right: size(3) !important;\n}\n\n.cre8-u-padding-right-xl {\n  padding-right: size(4) !important;\n}\n\n.cre8-u-padding-right-xxl {\n  padding-right: size(8) !important;\n}\n\n.cre8-u-padding-bottom-none {\n  padding-bottom: 0 !important;\n}\n\n.cre8-u-padding-bottom-sm {\n  padding-bottom: size(1) !important;\n}\n\n.cre8-u-padding-bottom-md {\n  padding-bottom: size(2) !important;\n}\n\n.cre8-u-padding-bottom-lg {\n  padding-bottom: size(3) !important;\n}\n\n.cre8-u-padding-bottom-xl {\n  padding-bottom: size(4) !important;\n}\n\n.cre8-u-padding-bottom-xxl {\n  padding-bottom: size(8) !important;\n}\n\n.cre8-u-padding-left-none {\n  padding-left: 0 !important;\n}\n\n.cre8-u-padding-left-sm {\n  padding-left: size(1) !important;\n}\n\n.cre8-u-padding-left-md {\n  padding-left: size(2) !important;\n}\n\n.cre8-u-padding-left-lg {\n  padding-left: size(3) !important;\n}\n\n.cre8-u-padding-left-xl {\n  padding-left: size(4) !important;\n}\n\n.cre8-u-padding-left-xxl {\n  padding-left: size(8) !important;\n}\n\n.cre8-u-display-flex {\n  display: flex !important;\n}\n\n.cre8-u-display-block {\n  display: block !important;\n}\n\nbody {\n  font-family: var(--cre8-typography-body-default-font-family);\n  font-size: var(--cre8-typography-body-default-font-size);\n  font-weight: var(--cre8-typography-body-default-font-weight);\n  line-height: var(--cre8-typography-body-default-line-height);\n  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-transform: var(--cre8-typography-body-default-text-transform);\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  color: var(--cre8-color-content-default);\n  background: var(--background-default);\n}\n\n@media all and (min-width: 60rem) {\n  .page-container {\n    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);\n  }\n}\n.band__inner {\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n@media all and (min-width: 60rem) {\n  .band__inner {\n    margin-right: 0;\n  }\n}\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\n/**\n * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n */\n*,\n::slotted(*),\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\n:root {\n  --size-base-unit: 0.5rem;\n  --cre8-l-max-width: 82.5rem;\n  /* 1 */\n  --cre8-l-linelength-width: 42rem;\n  /* 1 */\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n  --rtlTranslateX: 50%;\n  /* 1 */\n  --rtlGradientToRight: 270deg;\n  /* 2 */\n  --rtlRotate45Inverse: -45deg;\n  /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n/*\n=======\nAnimations\n=======\n*/\n:host {\n  --cre8-z-index-1: 1;\n  --cre8-z-index-50: 50;\n  --cre8-z-index-100: 100;\n  --cre8-z-index-200: 200;\n  --cre8-z-index-1030: 1030;\n  --cre8-anim-fade-quick: 0.35s;\n  --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes slideIn {\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInFwd {\n  100% {\n    width: 272px;\n    height: 272px;\n  }\n}\n@keyframes slideOutRight {\n  100% {\n    width: 272px;\n    height: 272px;\n  }\n}\n@keyframes slideUp {\n  100% {\n    transform: translateY(0);\n  }\n}\n@media (width >= 481px) {\n  @keyframes slideInFwd {\n    100% {\n      width: 417px;\n      height: 417px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 417px;\n      height: 417px;\n    }\n  }\n}\n@media (width >= 48rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 330px;\n      height: 330px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 330px;\n      height: 330px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 60rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 460px;\n      height: 460px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 460px;\n      height: 460px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 75rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 592px;\n      height: 591px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 87.5rem) {\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 120px));\n    }\n  }\n}\n@media (width >= 2200px) {\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 592px));\n    }\n  }\n}\nspan.ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple 600ms linear;\n  background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 1;\n  }\n}\n:root {\n  --size-base-unit: 0.5rem;\n  --cre8-l-max-width: 82.5rem;\n  /* 1 */\n  --cre8-l-linelength-width: 42rem;\n  /* 1 */\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n  --rtlTranslateX: 50%;\n  /* 1 */\n  --rtlGradientToRight: 270deg;\n  /* 2 */\n  --rtlRotate45Inverse: -45deg;\n  /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n:host {\n  display: block;\n}\n\n/**\n * 1) A card is an organized block that typically contains a title, image,\n * text, and/or calls to action. It is made up of an optional header slot, required\n * body slot, and optional footer slot to place other Components and content within.\n */\n.cre8-c-card {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  padding: 1.5rem;\n  gap: 1rem;\n  border-color: var(--cre8-color-border-default);\n  border-style: var(--cre8-border-style-default);\n  border-width: var(--cre8-border-width-default);\n  border-radius: var(--cre8-border-radius-container);\n  background: var(--cre8-color-bg-default);\n}\n\n/**\n * Compact card - reduced padding for narrow layouts\n */\n.cre8-c-card--compact {\n  padding: 1rem;\n  gap: 0.5rem;\n}\n\n/**\n * Horizontal card\n * 1) Organized block with flex-direction set to row so that header => footer appears\n * from left to right rather than top to bottom\n */\n.cre8-c-card--horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * Bare card\n * 1) Organized block without a border, background, or padding\n */\n.cre8-c-card--bare {\n  border: 0;\n  padding: 0;\n  gap: 0;\n  box-shadow: none;\n}\n\n/**\n * Horizontal-bare card\n * 1) Organized block with flex-direction set to row so that header => footer appears\n * from left to right rather than top to bottom without a border, background, or padding\n */\n.cre8-c-card--horizontal-bare {\n  flex-direction: row;\n  border: 0;\n  padding: 0;\n  gap: 0;\n  box-shadow: none;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * Center aligned card\n * 1) Center content and text within the card\n */\n.cre8-c-card--align-center {\n  text-align: center;\n  /* 1 */\n  align-items: center;\n  /* 1 */\n  justify-content: center;\n  /* 1 */\n}\n\n/**\n * Slotted image within a card\n * 1) Make the image full width\n */\n::slotted(img) {\n  width: 100%;\n}\n\n/**\n * Card header\n * 1) Remove flex so that body always takes up remaining space\n */\n.cre8-c-card__header {\n  display: block;\n  flex: none;\n  /* 1 */\n}\n\n/**\n * Card body\n * 1) Flex applied to always fill the remaining space of the card\n */\n.cre8-c-card__body {\n  display: block;\n  flex: 1 1 auto;\n  /* 1 */\n}\n\n/**\n * Card footer\n * 1) Remove flex so that body always takes up remaining space\n */\n.cre8-c-card__footer {\n  display: block;\n  flex: none;\n  /* 1 */\n}\n.cre8-c-card--bare .cre8-c-card__footer {\n  padding: 0;\n}\n.cre8-c-card--horizontal-bare .cre8-c-card__footer {\n  padding: 0;\n}`;\nexport default styles;\n"]}
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../components/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwtBhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`.cre8-u-content-knockout-brand {\n  color: var(----cre8-color-content-knockout-brand);\n}\n\n.cre8-u-is-hidden {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n.cre8-u-is-vishidden {\n  position: absolute !important;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n@media all and (min-width: 23.4375rem) {\n  .cre8-u-hide-sm {\n    display: none !important;\n  }\n}\n@media all and (min-width: 35rem) {\n  .cre8-u-hide-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (min-width: 48rem) {\n  .cre8-u-hide-md {\n    display: none !important;\n  }\n}\n@media all and (min-width: 60rem) {\n  .cre8-u-hide-lg {\n    display: none !important;\n  }\n}\n@media all and (min-width: 75rem) {\n  .cre8-u-hide-xl {\n    display: none !important;\n  }\n}\n@media all and (max-width: 23.4375rem) {\n  .cre8-u-show-sm {\n    display: none !important;\n  }\n}\n@media all and (max-width: 35rem) {\n  .cre8-u-show-sm-2 {\n    display: none !important;\n  }\n}\n@media all and (max-width: 48rem) {\n  .cre8-u-show-md {\n    display: none !important;\n  }\n}\n@media all and (max-width: 60rem) {\n  .cre8-u-show-lg {\n    display: none !important;\n  }\n}\n@media all and (max-width: 75rem) {\n  .cre8-u-show-xl {\n    display: none !important;\n  }\n}\n.cre8-u-margin-none {\n  margin: 0 !important;\n}\n\n.cre8-u-margin-sm {\n  margin: size(1) !important;\n}\n\n.cre8-u-margin-md {\n  margin: size(2) !important;\n}\n\n.cre8-u-margin-lg {\n  margin: size(3) !important;\n}\n\n.cre8-u-margin-xl {\n  margin: size(4) !important;\n}\n\n.cre8-u-margin-xxl {\n  margin: size(8) !important;\n}\n\n.cre8-u-margin-top-none {\n  margin-top: 0 !important;\n}\n\n.cre8-u-margin-top-sm {\n  margin-top: size(1) !important;\n}\n\n.cre8-u-margin-top-md {\n  margin-top: size(2) !important;\n}\n\n.cre8-u-margin-top-lg {\n  margin-top: size(3) !important;\n}\n\n.cre8-u-margin-top-xl {\n  margin-top: size(4) !important;\n}\n\n.cre8-u-margin-top-xxl {\n  margin-top: size(8) !important;\n}\n\n.cre8-u-margin-right-none {\n  margin-right: 0 !important;\n}\n\n.cre8-u-margin-right-sm {\n  margin-right: size(1) !important;\n}\n\n.cre8-u-margin-right-md {\n  margin-right: size(2) !important;\n}\n\n.cre8-u-margin-right-lg {\n  margin-right: size(3) !important;\n}\n\n.cre8-u-margin-right-xl {\n  margin-right: size(4) !important;\n}\n\n.cre8-u-margin-right-xxl {\n  margin-right: size(8) !important;\n}\n\n.cre8-u-margin-bottom-none {\n  margin-bottom: 0 !important;\n}\n\n.cre8-u-margin-bottom-sm {\n  margin-bottom: size(1) !important;\n}\n\n.cre8-u-margin-bottom-md {\n  margin-bottom: size(2) !important;\n}\n\n.cre8-u-margin-bottom-lg {\n  margin-bottom: size(3) !important;\n}\n\n.cre8-u-margin-bottom-xl {\n  margin-bottom: size(4) !important;\n}\n\n.cre8-u-margin-bottom-xxl {\n  margin-bottom: size(8) !important;\n}\n\n.cre8-u-margin-bottom-xl-xxl {\n  margin-bottom: size(4) !important;\n}\n\n@media all and (min-width: 768px) {\n  .cre8-u-margin-bottom-xl-xxl {\n    margin-bottom: size(8) !important;\n  }\n}\n.cre8-u-margin-left-none {\n  margin-left: 0 !important;\n}\n\n.cre8-u-margin-left-sm {\n  margin-left: size(1) !important;\n}\n\n.cre8-u-margin-left-md {\n  margin-left: size(2) !important;\n}\n\n.cre8-u-margin-left-lg {\n  margin-left: size(3) !important;\n}\n\n.cre8-u-margin-left-xl {\n  margin-left: size(4) !important;\n}\n\n.cre8-u-margin-left-xxl {\n  margin-left: size(8) !important;\n}\n\n.cre8-u-padding-none {\n  padding: 0 !important;\n}\n\n.cre8-u-padding-sm {\n  padding: size(1) !important;\n}\n\n.cre8-u-padding-md {\n  padding: size(2) !important;\n}\n\n.cre8-u-padding-lg {\n  padding: size(3) !important;\n}\n\n.cre8-u-padding-xl {\n  padding: size(4) !important;\n}\n\n.cre8-u-padding-xxl {\n  padding: size(8) !important;\n}\n\n.cre8-u-padding-top-none {\n  padding-top: 0 !important;\n}\n\n.cre8-u-padding-top-sm {\n  padding-top: size(1) !important;\n}\n\n.cre8-u-padding-top-md {\n  padding-top: size(2) !important;\n}\n\n.cre8-u-padding-top-lg {\n  padding-top: size(3) !important;\n}\n\n.cre8-u-padding-top-xl {\n  padding-top: size(4) !important;\n}\n\n.cre8-u-padding-top-xxl {\n  padding-top: size(8) !important;\n}\n\n.cre8-u-padding-right-none {\n  padding-right: 0 !important;\n}\n\n.cre8-u-padding-right-sm {\n  padding-right: size(1) !important;\n}\n\n.cre8-u-padding-right-md {\n  padding-right: size(2) !important;\n}\n\n.cre8-u-padding-right-lg {\n  padding-right: size(3) !important;\n}\n\n.cre8-u-padding-right-xl {\n  padding-right: size(4) !important;\n}\n\n.cre8-u-padding-right-xxl {\n  padding-right: size(8) !important;\n}\n\n.cre8-u-padding-bottom-none {\n  padding-bottom: 0 !important;\n}\n\n.cre8-u-padding-bottom-sm {\n  padding-bottom: size(1) !important;\n}\n\n.cre8-u-padding-bottom-md {\n  padding-bottom: size(2) !important;\n}\n\n.cre8-u-padding-bottom-lg {\n  padding-bottom: size(3) !important;\n}\n\n.cre8-u-padding-bottom-xl {\n  padding-bottom: size(4) !important;\n}\n\n.cre8-u-padding-bottom-xxl {\n  padding-bottom: size(8) !important;\n}\n\n.cre8-u-padding-left-none {\n  padding-left: 0 !important;\n}\n\n.cre8-u-padding-left-sm {\n  padding-left: size(1) !important;\n}\n\n.cre8-u-padding-left-md {\n  padding-left: size(2) !important;\n}\n\n.cre8-u-padding-left-lg {\n  padding-left: size(3) !important;\n}\n\n.cre8-u-padding-left-xl {\n  padding-left: size(4) !important;\n}\n\n.cre8-u-padding-left-xxl {\n  padding-left: size(8) !important;\n}\n\n.cre8-u-display-flex {\n  display: flex !important;\n}\n\n.cre8-u-display-block {\n  display: block !important;\n}\n\nbody {\n  font-family: var(--cre8-typography-body-default-font-family);\n  font-size: var(--cre8-typography-body-default-font-size);\n  font-weight: var(--cre8-typography-body-default-font-weight);\n  line-height: var(--cre8-typography-body-default-line-height);\n  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-decoration: var(--cre8-typography-body-default-text-decoration);\n  text-transform: var(--cre8-typography-body-default-text-transform);\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  color: var(--cre8-color-content-default);\n  background: var(--background-default);\n}\n\n@media all and (min-width: 60rem) {\n  .page-container {\n    background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);\n  }\n}\n.band__inner {\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n@media all and (min-width: 60rem) {\n  .band__inner {\n    margin-right: 0;\n  }\n}\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\n/**\n * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n */\n*,\n::slotted(*),\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\n:root {\n  --size-base-unit: 0.5rem;\n  --cre8-l-max-width: 82.5rem;\n  /* 1 */\n  --cre8-l-linelength-width: 42rem;\n  /* 1 */\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n  --rtlTranslateX: 50%;\n  /* 1 */\n  --rtlGradientToRight: 270deg;\n  /* 2 */\n  --rtlRotate45Inverse: -45deg;\n  /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n/*\n=======\nAnimations\n=======\n*/\n:host {\n  --cre8-z-index-1: 1;\n  --cre8-z-index-50: 50;\n  --cre8-z-index-100: 100;\n  --cre8-z-index-200: 200;\n  --cre8-z-index-1030: 1030;\n  --cre8-anim-fade-quick: 0.35s;\n  --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes slideIn {\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInFwd {\n  100% {\n    width: 272px;\n    height: 272px;\n  }\n}\n@keyframes slideOutRight {\n  100% {\n    width: 272px;\n    height: 272px;\n  }\n}\n@keyframes slideUp {\n  100% {\n    transform: translateY(0);\n  }\n}\n@media (width >= 481px) {\n  @keyframes slideInFwd {\n    100% {\n      width: 417px;\n      height: 417px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 417px;\n      height: 417px;\n    }\n  }\n}\n@media (width >= 48rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 330px;\n      height: 330px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 330px;\n      height: 330px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 60rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 460px;\n      height: 460px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 460px;\n      height: 460px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 75rem) {\n  @keyframes slideInFwd {\n    100% {\n      width: 592px;\n      height: 591px;\n    }\n  }\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 45px));\n    }\n  }\n}\n@media (width >= 87.5rem) {\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 120px));\n    }\n  }\n}\n@media (width >= 2200px) {\n  @keyframes slideOutRight {\n    100% {\n      width: 592px;\n      height: 591px;\n      transform: translateX(calc(100vw - 592px));\n    }\n  }\n}\nspan.ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple 600ms linear;\n  background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 1;\n  }\n}\n:root {\n  --size-base-unit: 0.5rem;\n  --cre8-l-max-width: 82.5rem;\n  /* 1 */\n  --cre8-l-linelength-width: 42rem;\n  /* 1 */\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n  --rtlTranslateX: 50%;\n  /* 1 */\n  --rtlGradientToRight: 270deg;\n  /* 2 */\n  --rtlRotate45Inverse: -45deg;\n  /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n:host {\n  display: block;\n}\n\n/**\n * 1) A card is an organized block that typically contains a title, image,\n * text, and/or calls to action. It is made up of an optional header slot, required\n * body slot, and optional footer slot to place other Components and content within.\n */\n.cre8-c-card {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  padding: 1.5rem;\n  gap: 1rem;\n  border-color: var(--cre8-color-border-default);\n  border-style: var(--cre8-border-style-default);\n  border-width: var(--cre8-border-width-default);\n  border-radius: var(--cre8-border-radius-container);\n  background: var(--cre8-color-bg-default);\n}\n\n/**\n * Full height card\n * 1) Stretches the card to fill its parent's height and width. Off by\n * default: the host is \\`display: block\\` with no explicit height, so a card\n * placed in a flex or grid ancestor with \\`align-items: stretch\\` would\n * otherwise inherit whatever height that ancestor happens to establish -\n * invisible from outside the shadow boundary and unrelated to the card's\n * own content. Opt in only when the parent's height is actually meant to be\n * shared, e.g. cards as flex/grid items that should line up edge to edge.\n */\n.cre8-c-card--full-height {\n  height: 100%;\n  width: 100%;\n}\n\n/**\n * Compact card - reduced padding for narrow layouts\n */\n.cre8-c-card--compact {\n  padding: 1rem;\n  gap: 0.5rem;\n}\n\n/**\n * Horizontal card\n * 1) Organized block with flex-direction set to row so that header => footer appears\n * from left to right rather than top to bottom\n */\n.cre8-c-card--horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * Bare card\n * 1) Organized block without a border, background, or padding\n */\n.cre8-c-card--bare {\n  border: 0;\n  padding: 0;\n  gap: 0;\n  box-shadow: none;\n}\n\n/**\n * Horizontal-bare card\n * 1) Organized block with flex-direction set to row so that header => footer appears\n * from left to right rather than top to bottom without a border, background, or padding\n */\n.cre8-c-card--horizontal-bare {\n  flex-direction: row;\n  border: 0;\n  padding: 0;\n  gap: 0;\n  box-shadow: none;\n  align-items: center;\n  justify-content: center;\n}\n\n/**\n * Center aligned card\n * 1) Center content and text within the card\n */\n.cre8-c-card--align-center {\n  text-align: center;\n  /* 1 */\n  align-items: center;\n  /* 1 */\n  justify-content: center;\n  /* 1 */\n}\n\n/**\n * Slotted image within a card\n * 1) Make the image full width\n */\n::slotted(img) {\n  width: 100%;\n}\n\n/**\n * Card header\n * 1) Remove flex so that body always takes up remaining space\n */\n.cre8-c-card__header {\n  display: block;\n  flex: none;\n  /* 1 */\n}\n\n/**\n * Card body\n * 1) Flex applied to always fill the remaining space of the card\n */\n.cre8-c-card__body {\n  display: block;\n  flex: 1 1 auto;\n  /* 1 */\n}\n\n/**\n * Card footer\n * 1) Remove flex so that body always takes up remaining space\n */\n.cre8-c-card__footer {\n  display: block;\n  flex: none;\n  /* 1 */\n}\n.cre8-c-card--bare .cre8-c-card__footer {\n  padding: 0;\n}\n.cre8-c-card--horizontal-bare .cre8-c-card__footer {\n  padding: 0;\n}`;\nexport default styles;\n"]}

package/lib/components/container/container.d.ts

@@ -0,0 +1,48 @@
+import { Cre8Element } from '../cre8-element';
+/** `cre8-container` establishes a CSS containment context so anything slotted
+* inside it - a `cre8-container-grid`, a `cre8-card`, plain markup - can be
+* styled with `@container` queries against *this element's own rendered
+* size*, not the viewport. It renders no visible chrome of its own; the only
+* effect is making container queries possible for its content.
+*
+* # How to Use
+* 1. Wrap `cre8-container` around whatever should respond to the space it is
+*   actually given rather than the screen size - a sidebar widget, a card
+*   that might land in a narrow or a wide column depending on a layout the
+*   component itself can't see.
+* 2. Write `@container` rules in your own stylesheet keyed to `name`, if
+*   set, to target this container specifically when containers are nested
+*   and the nearest one isn't the one you mean to query.
+*
+* @slot - The content to establish a containment context for
+*/
+export declare class Cre8Container extends Cre8Element {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Containment type
+     * - **inline-size** (default) contains layout, style, and inline size -
+     *   the right choice for width-based `@container` queries on a
+     *   block-level container
+     * - **size** contains both the inline and block size, so `@container`
+     *   rules can also query height - only use this when the container's own
+     *   height does not depend on its content
+     * - **normal** names the container without adding size containment, for
+     *   `@container style(...)` queries
+     */
+    type?: 'inline-size' | 'size' | 'normal';
+    /**
+     * Container name
+     * 1) Lets `@container <name> (...)` target this container specifically
+     *   when containers are nested and the nearest one isn't the one being
+     *   queried.
+     */
+    name?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cre8-container': Cre8Container;
+    }
+}
+export default Cre8Container;
+//# sourceMappingURL=container.d.ts.map

package/lib/components/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../components/container/container.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;;;;;;;EAgBE;AACF,qBAAa,aAAc,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;;;;;OAUG;IAEH,IAAI,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEzC;;;;;OAKG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM;CAgBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/components/container/container.js

@@ -0,0 +1,56 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { Cre8Element } from '../cre8-element';
+import styles from './container.styles.js';
+/** `cre8-container` establishes a CSS containment context so anything slotted
+* inside it - a `cre8-container-grid`, a `cre8-card`, plain markup - can be
+* styled with `@container` queries against *this element's own rendered
+* size*, not the viewport. It renders no visible chrome of its own; the only
+* effect is making container queries possible for its content.
+*
+* # How to Use
+* 1. Wrap `cre8-container` around whatever should respond to the space it is
+*   actually given rather than the screen size - a sidebar widget, a card
+*   that might land in a narrow or a wide column depending on a layout the
+*   component itself can't see.
+* 2. Write `@container` rules in your own stylesheet keyed to `name`, if
+*   set, to target this container specifically when containers are nested
+*   and the nearest one isn't the one you mean to query.
+*
+* @slot - The content to establish a containment context for
+*/
+export class Cre8Container extends Cre8Element {
+    render() {
+        const componentClassNames = this.componentClassNames('cre8-c-container', {
+            'cre8-c-container--size': this.type === 'size',
+            'cre8-c-container--normal': this.type === 'normal',
+        });
+        return html `
+      <div
+        class="${componentClassNames}"
+        part="container"
+        style=${this.name ? `container-name: ${this.name};` : ''}
+      >
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+Cre8Container.styles = [styles];
+__decorate([
+    property()
+], Cre8Container.prototype, "type", void 0);
+__decorate([
+    property()
+], Cre8Container.prototype, "name", void 0);
+if (customElements.get('cre8-container') === undefined) {
+    customElements.define('cre8-container', Cre8Container);
+}
+export default Cre8Container;
+//# sourceMappingURL=container.js.map

package/lib/components/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../components/container/container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;;;;;;;;;;;;;;;EAgBE;AACF,MAAM,OAAO,aAAc,SAAQ,WAAW;IA0B5C,MAAM;QACJ,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACvE,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM;YAC9C,0BAA0B,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;SACnD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;iBAEE,mBAAmB;;gBAEpB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;;;;KAI3D,CAAC;IACJ,CAAC;;AAxCM,oBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAczB;IADC,QAAQ,EAAE;2CAC8B;AASzC;IADC,QAAQ,EAAE;2CACG;AAoBhB,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACvD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAQD,eAAe,aAAa,CAAC","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './container.styles.js';\n\n/** `cre8-container` establishes a CSS containment context so anything slotted\n* inside it - a `cre8-container-grid`, a `cre8-card`, plain markup - can be\n* styled with `@container` queries against *this element's own rendered\n* size*, not the viewport. It renders no visible chrome of its own; the only\n* effect is making container queries possible for its content.\n*\n* # How to Use\n* 1. Wrap `cre8-container` around whatever should respond to the space it is\n*   actually given rather than the screen size - a sidebar widget, a card\n*   that might land in a narrow or a wide column depending on a layout the\n*   component itself can't see.\n* 2. Write `@container` rules in your own stylesheet keyed to `name`, if\n*   set, to target this container specifically when containers are nested\n*   and the nearest one isn't the one you mean to query.\n*\n* @slot - The content to establish a containment context for\n*/\nexport class Cre8Container extends Cre8Element {\n  static styles = [styles];\n\n  /**\n   * Containment type\n   * - **inline-size** (default) contains layout, style, and inline size -\n   *   the right choice for width-based `@container` queries on a\n   *   block-level container\n   * - **size** contains both the inline and block size, so `@container`\n   *   rules can also query height - only use this when the container's own\n   *   height does not depend on its content\n   * - **normal** names the container without adding size containment, for\n   *   `@container style(...)` queries\n   */\n  @property()\n  type?: 'inline-size' | 'size' | 'normal';\n\n  /**\n   * Container name\n   * 1) Lets `@container <name> (...)` target this container specifically\n   *   when containers are nested and the nearest one isn't the one being\n   *   queried.\n   */\n  @property()\n  name?: string;\n\n  render() {\n    const componentClassNames = this.componentClassNames('cre8-c-container', {\n      'cre8-c-container--size': this.type === 'size',\n      'cre8-c-container--normal': this.type === 'normal',\n    });\n\n    return html`\n      <div\n        class=\"${componentClassNames}\"\n        part=\"container\"\n        style=${this.name ? `container-name: ${this.name};` : ''}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\nif (customElements.get('cre8-container') === undefined) {\n  customElements.define('cre8-container', Cre8Container);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-container': Cre8Container;\n  }\n}\n\nexport default Cre8Container;\n"]}

package/lib/components/container/container.styles.d.ts

@@ -0,0 +1,3 @@
+declare const styles: import("lit").CSSResult;
+export default styles;
+//# sourceMappingURL=container.styles.d.ts.map

package/lib/components/container/container.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../components/container/container.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA6mBV,CAAC;AACH,eAAe,MAAM,CAAC"}