@covalent/components 11.17.0 → 11.18.0

package/card/card-header/card-header.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * Card header
+ *
+ * @slot context - Context content area (flexible)
+ * @slot actions - Action items area
+ */
+export declare class CovalentCardHeader extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Adds a divider line below the header
+     */
+    divider: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CovalentCardHeader;

package/card-header.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-8EurZY45.js"),n=require("./property-DYTC_2-m.js"),v=":host{--cv-card-header-height: 56px;display:flex;flex-direction:column;align-self:stretch}.cv-card-header{display:flex;height:var(--cv-card-header-height);padding:0 4px 0 16px;align-self:stretch;gap:8px;align-items:center}.cv-card-header__context{flex:1 0 0;display:flex;gap:8px;align-items:center}.cv-card-header__actions{display:flex;gap:8px;align-items:center}.cv-card-header__divider{width:100%;height:1px;background-color:var(--cv-theme-outline-variant)}";var o=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(t,a,i,d)=>{for(var e=d>1?void 0:d?h(a,i):a,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=(d?l(a,i,e):l(e))||e);return d&&e&&o(a,i,e),e};exports.CovalentCardHeader=class extends r.s{constructor(){super(...arguments),this.divider=!1}render(){return r.x`
+      <div class="cv-card-header">
+        <div class="cv-card-header__context">
+          <slot name="leading"></slot>
+        </div>
+        <div class="cv-card-header__actions">
+          <slot name="trailing"></slot>
+        </div>
+      </div>
+      ${this.divider?r.x`<div class="cv-card-header__divider"></div>`:""}
+    `}};exports.CovalentCardHeader.styles=[r.i`
+      ${r.r(v)}
+    `];c([n.n({type:Boolean})],exports.CovalentCardHeader.prototype,"divider",2);exports.CovalentCardHeader=c([r.e("cv-card-header")],exports.CovalentCardHeader);const p=exports.CovalentCardHeader;exports.default=p;

package/card-header.mjs

@@ -0,0 +1,42 @@
+import { r as n, i as o, s as h, x as l, e as p } from "./query-assigned-elements-D930kELM.mjs";
+import { n as x } from "./property-DJzm_oB9.mjs";
+const _ = ":host{--cv-card-header-height: 56px;display:flex;flex-direction:column;align-self:stretch}.cv-card-header{display:flex;height:var(--cv-card-header-height);padding:0 4px 0 16px;align-self:stretch;gap:8px;align-items:center}.cv-card-header__context{flex:1 0 0;display:flex;gap:8px;align-items:center}.cv-card-header__actions{display:flex;gap:8px;align-items:center}.cv-card-header__divider{width:100%;height:1px;background-color:var(--cv-theme-outline-variant)}";
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, v = (s, a, t, d) => {
+  for (var e = d > 1 ? void 0 : d ? g(a, t) : a, i = s.length - 1, c; i >= 0; i--)
+    (c = s[i]) && (e = (d ? c(a, t, e) : c(e)) || e);
+  return d && e && f(a, t, e), e;
+};
+let r = class extends h {
+  constructor() {
+    super(...arguments), this.divider = !1;
+  }
+  render() {
+    return l`
+      <div class="cv-card-header">
+        <div class="cv-card-header__context">
+          <slot name="leading"></slot>
+        </div>
+        <div class="cv-card-header__actions">
+          <slot name="trailing"></slot>
+        </div>
+      </div>
+      ${this.divider ? l`<div class="cv-card-header__divider"></div>` : ""}
+    `;
+  }
+};
+r.styles = [
+  o`
+      ${n(_)}
+    `
+];
+v([
+  x({ type: Boolean })
+], r.prototype, "divider", 2);
+r = v([
+  p("cv-card-header")
+], r);
+const y = r;
+export {
+  r as CovalentCardHeader,
+  y as default
+};

package/index.d.ts

@@ -4,6 +4,7 @@ export * from './app-shell/app-shell';
 export * from './badge/badge';
 export * from './button/button';
 export * from './card/card';
+export * from './card/card-header/card-header';
 export * from './checkbox/checkbox';
 export * from './list/check-list-item';
 export * from './chips/chip';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./action-ribbon.js"),r=require("./alert.js"),o=require("./app-shell.js"),n=require("./badge.js"),a=require("./button.js"),l=require("./card.js"),i=require("./checkbox.js"),u=require("./check-list-item.js"),c=require("./chip-DiYsniRL.js"),b=require("./chip-set.js"),C=require("./circular-progress.js"),e=require("./code-editor-BIT6cm84.js"),v=require("./code-snippet.js"),s=require("./dialog-BShWbhKq.js"),d=require("./divider.js"),p=require("./drawer.js"),g=require("./empty-state.js"),m=require("./expansion-panel.js"),P=require("./expansion-panel-item.js"),y=require("./focused-page.js"),f=require("./formfield.js"),j=require("./full-screen-dialog.js"),O=require("./icon.js"),q=require("./icon-button.js"),T=require("./icon-button-toggle.js"),S=require("./icon-check-toggle.js"),h=require("./icon-lockup.js"),I=require("./icon-radio-toggle.js"),L=require("./linear-progress.js"),k=require("./list.js"),x=require("./list-item.js"),B=require("./menu.js"),R=require("./nav-list-item.js"),A=require("./notebook-cell.js"),D=require("./radio.js"),E=require("./radio-list-item.js"),F=require("./select.js"),w=require("./side-sheet.js"),H=require("./slider.js"),N=require("./slider-range.js"),M=require("./snackbar.js"),_=require("./status-dialog.js"),z=require("./status-header.js"),G=require("./status-header-item.js"),J=require("./switch.js"),K=require("./tab.js"),Q=require("./tab-bar.js"),U=require("./textarea.js"),V=require("./textfield.js"),W=require("./text-lockup.js"),X=require("./toolbar.js"),Y=require("./tooltip.js"),Z=require("./top-app-bar.js"),$=require("./top-app-bar-fixed.js"),ee=require("./tree-list.js"),te=require("./tree-list-item.js"),re=require("./typography.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>t.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>r.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>o.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>a.CovalentButton});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>l.CovalentCard});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>i.CovalentCheckbox});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>u.CovalentCheckListItem});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>c.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>b.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>C.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>e.CovalentCodeEditor});exports.cvEditorDarkTheme=e.cvEditorDarkTheme;exports.cvEditorLightTheme=e.cvEditorLightTheme;Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>v.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDivider",{enumerable:!0,get:()=>d.CovalentDivider});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>p.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>g.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>m.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>P.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>y.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>f.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>j.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>O.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>q.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>T.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>S.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconLockup",{enumerable:!0,get:()=>h.CovalentIconLockup});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>I.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>L.CovalentLinearProgress});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>k.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>x.CovalentListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>B.CovalentMenu});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>R.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>A.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>D.CovalentRadio});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>E.CovalentRadioListItem});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>F.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>w.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>H.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>N.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>M.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>_.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>z.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>G.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>J.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>K.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>Q.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>U.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>V.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>W.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>X.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>Y.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>Z.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>$.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>ee.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>te.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>re.CovalentTypography});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./action-ribbon.js"),r=require("./alert.js"),o=require("./app-shell.js"),n=require("./badge.js"),a=require("./button.js"),l=require("./card.js"),i=require("./card-header.js"),u=require("./checkbox.js"),c=require("./check-list-item.js"),b=require("./chip-DiYsniRL.js"),C=require("./chip-set.js"),d=require("./circular-progress.js"),e=require("./code-editor-BIT6cm84.js"),v=require("./code-snippet.js"),s=require("./dialog-BShWbhKq.js"),p=require("./divider.js"),g=require("./drawer.js"),m=require("./empty-state.js"),P=require("./expansion-panel.js"),y=require("./expansion-panel-item.js"),f=require("./focused-page.js"),j=require("./formfield.js"),O=require("./full-screen-dialog.js"),q=require("./icon.js"),T=require("./icon-button.js"),S=require("./icon-button-toggle.js"),h=require("./icon-check-toggle.js"),I=require("./icon-lockup.js"),L=require("./icon-radio-toggle.js"),k=require("./linear-progress.js"),x=require("./list.js"),B=require("./list-item.js"),R=require("./menu.js"),A=require("./nav-list-item.js"),D=require("./notebook-cell.js"),E=require("./radio.js"),F=require("./radio-list-item.js"),H=require("./select.js"),w=require("./side-sheet.js"),N=require("./slider.js"),M=require("./slider-range.js"),_=require("./snackbar.js"),z=require("./status-dialog.js"),G=require("./status-header.js"),J=require("./status-header-item.js"),K=require("./switch.js"),Q=require("./tab.js"),U=require("./tab-bar.js"),V=require("./textarea.js"),W=require("./textfield.js"),X=require("./text-lockup.js"),Y=require("./toolbar.js"),Z=require("./tooltip.js"),$=require("./top-app-bar.js"),ee=require("./top-app-bar-fixed.js"),te=require("./tree-list.js"),re=require("./tree-list-item.js"),oe=require("./typography.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>t.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>r.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>o.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>a.CovalentButton});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>l.CovalentCard});Object.defineProperty(exports,"CovalentCardHeader",{enumerable:!0,get:()=>i.CovalentCardHeader});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>u.CovalentCheckbox});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>c.CovalentCheckListItem});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>b.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>C.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>d.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>e.CovalentCodeEditor});exports.cvEditorDarkTheme=e.cvEditorDarkTheme;exports.cvEditorLightTheme=e.cvEditorLightTheme;Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>v.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDivider",{enumerable:!0,get:()=>p.CovalentDivider});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>g.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>m.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>P.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>y.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>f.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>j.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>O.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>q.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>T.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>S.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>h.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconLockup",{enumerable:!0,get:()=>I.CovalentIconLockup});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>L.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>k.CovalentLinearProgress});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>x.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>B.CovalentListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>R.CovalentMenu});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>A.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>D.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>E.CovalentRadio});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>F.CovalentRadioListItem});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>H.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>w.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>N.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>M.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>_.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>z.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>G.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>J.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>K.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>Q.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>U.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>V.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>W.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>X.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>Y.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>Z.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>$.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>ee.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>te.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>re.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>oe.CovalentTypography});

package/index.mjs

@@ -4,57 +4,58 @@ import { CovalentAppShell as n } from "./app-shell.mjs";
 import { CovalentBadge as C } from "./badge.mjs";
 import { CovalentButton as x } from "./button.mjs";
 import { CovalentCard as f } from "./card.mjs";
-import { CovalentCheckbox as s } from "./checkbox.mjs";
-import { CovalentCheckListItem as d } from "./check-list-item.mjs";
-import { C as g } from "./chip-S-9zvyg8.mjs";
-import { CovalentChipSet as I } from "./chip-set.mjs";
-import { CovalentCircularProgress as u } from "./circular-progress.mjs";
-import { C as b, c as k, a as B } from "./code-editor-DfyYB7BH.mjs";
-import { CovalentCodeSnippet as D } from "./code-snippet.mjs";
-import { C as R } from "./dialog-ChTd6dnt.mjs";
-import { CovalentDivider as P } from "./divider.mjs";
-import { CovalentDrawer as w } from "./drawer.mjs";
-import { CovalentEmptyState as N } from "./empty-state.mjs";
-import { CovalentExpansionPanel as j } from "./expansion-panel.mjs";
-import { CovalentExpansionPanelItem as z } from "./expansion-panel-item.mjs";
-import { CovalentFocusedPage as J } from "./focused-page.mjs";
-import { CovalentFormfield as O } from "./formfield.mjs";
-import { CovalentFullscreenDialog as U } from "./full-screen-dialog.mjs";
-import { CovalentIcon as W } from "./icon.mjs";
-import { CovalentIconButton as Y } from "./icon-button.mjs";
-import { CovalentIconButtonToggle as _ } from "./icon-button-toggle.mjs";
-import { CovalentIconCheckToggle as oo } from "./icon-check-toggle.mjs";
-import { CovalentIconLockup as to } from "./icon-lockup.mjs";
-import { CovalentIconRadioToggle as ao } from "./icon-radio-toggle.mjs";
-import { CovalentLinearProgress as no } from "./linear-progress.mjs";
-import { CovalentList as Co } from "./list.mjs";
-import { CovalentListItem as xo } from "./list-item.mjs";
-import { CovalentMenu as fo } from "./menu.mjs";
-import { CovalentNavRailListItem as so } from "./nav-list-item.mjs";
-import { CovalentNotebookCell as To } from "./notebook-cell.mjs";
-import { CovalentRadio as So } from "./radio.mjs";
-import { CovalentRadioListItem as ho } from "./radio-list-item.mjs";
-import { CovalentSelect as Lo } from "./select.mjs";
-import { CovalentSideSheet as ko } from "./side-sheet.mjs";
-import { CovalentSlider as Ao } from "./slider.mjs";
-import { CovalentSliderRange as Eo } from "./slider-range.mjs";
-import { CovalentSnackbar as Fo } from "./snackbar.mjs";
-import { CovalentStatusDialog as yo } from "./status-dialog.mjs";
-import { CovalentStatusHeader as Ho } from "./status-header.mjs";
-import { CovalentStatusHeaderItem as Mo } from "./status-header-item.mjs";
-import { CovalentSwitch as qo } from "./switch.mjs";
-import { CovalentTab as Go } from "./tab.mjs";
-import { CovalentTabBar as Ko } from "./tab-bar.mjs";
-import { CovalentTextArea as Qo } from "./textarea.mjs";
-import { CovalentTextField as Vo } from "./textfield.mjs";
-import { CovalentTextLockup as Xo } from "./text-lockup.mjs";
-import { CovalentToolbar as Zo } from "./toolbar.mjs";
-import { CovalentTooltip as $o } from "./tooltip.mjs";
-import { CovalentTopAppBar as ee } from "./top-app-bar.mjs";
-import { CovalentTopAppBarFixed as re } from "./top-app-bar-fixed.mjs";
-import { CovalentTreeList as le } from "./tree-list.mjs";
-import { CovalentTreeListItem as pe } from "./tree-list-item.mjs";
-import { CovalentTypography as me } from "./typography.mjs";
+import { CovalentCardHeader as s } from "./card-header.mjs";
+import { CovalentCheckbox as c } from "./checkbox.mjs";
+import { CovalentCheckListItem as g } from "./check-list-item.mjs";
+import { C as I } from "./chip-S-9zvyg8.mjs";
+import { CovalentChipSet as u } from "./chip-set.mjs";
+import { CovalentCircularProgress as b } from "./circular-progress.mjs";
+import { C as B, c as A, a as D } from "./code-editor-DfyYB7BH.mjs";
+import { CovalentCodeSnippet as R } from "./code-snippet.mjs";
+import { C as P } from "./dialog-ChTd6dnt.mjs";
+import { CovalentDivider as H } from "./divider.mjs";
+import { CovalentDrawer as N } from "./drawer.mjs";
+import { CovalentEmptyState as j } from "./empty-state.mjs";
+import { CovalentExpansionPanel as z } from "./expansion-panel.mjs";
+import { CovalentExpansionPanelItem as J } from "./expansion-panel-item.mjs";
+import { CovalentFocusedPage as O } from "./focused-page.mjs";
+import { CovalentFormfield as U } from "./formfield.mjs";
+import { CovalentFullscreenDialog as W } from "./full-screen-dialog.mjs";
+import { CovalentIcon as Y } from "./icon.mjs";
+import { CovalentIconButton as _ } from "./icon-button.mjs";
+import { CovalentIconButtonToggle as oo } from "./icon-button-toggle.mjs";
+import { CovalentIconCheckToggle as to } from "./icon-check-toggle.mjs";
+import { CovalentIconLockup as ao } from "./icon-lockup.mjs";
+import { CovalentIconRadioToggle as no } from "./icon-radio-toggle.mjs";
+import { CovalentLinearProgress as Co } from "./linear-progress.mjs";
+import { CovalentList as xo } from "./list.mjs";
+import { CovalentListItem as fo } from "./list-item.mjs";
+import { CovalentMenu as so } from "./menu.mjs";
+import { CovalentNavRailListItem as To } from "./nav-list-item.mjs";
+import { CovalentNotebookCell as So } from "./notebook-cell.mjs";
+import { CovalentRadio as ho } from "./radio.mjs";
+import { CovalentRadioListItem as Lo } from "./radio-list-item.mjs";
+import { CovalentSelect as ko } from "./select.mjs";
+import { CovalentSideSheet as Ao } from "./side-sheet.mjs";
+import { CovalentSlider as Eo } from "./slider.mjs";
+import { CovalentSliderRange as Fo } from "./slider-range.mjs";
+import { CovalentSnackbar as yo } from "./snackbar.mjs";
+import { CovalentStatusDialog as wo } from "./status-dialog.mjs";
+import { CovalentStatusHeader as Mo } from "./status-header.mjs";
+import { CovalentStatusHeaderItem as qo } from "./status-header-item.mjs";
+import { CovalentSwitch as Go } from "./switch.mjs";
+import { CovalentTab as Ko } from "./tab.mjs";
+import { CovalentTabBar as Qo } from "./tab-bar.mjs";
+import { CovalentTextArea as Vo } from "./textarea.mjs";
+import { CovalentTextField as Xo } from "./textfield.mjs";
+import { CovalentTextLockup as Zo } from "./text-lockup.mjs";
+import { CovalentToolbar as $o } from "./toolbar.mjs";
+import { CovalentTooltip as ee } from "./tooltip.mjs";
+import { CovalentTopAppBar as re } from "./top-app-bar.mjs";
+import { CovalentTopAppBarFixed as le } from "./top-app-bar-fixed.mjs";
+import { CovalentTreeList as pe } from "./tree-list.mjs";
+import { CovalentTreeListItem as me } from "./tree-list-item.mjs";
+import { CovalentTypography as ve } from "./typography.mjs";
 export {
   t as CovalentActionRibbon,
   a as CovalentAlert,
@@ -62,57 +63,58 @@ export {
   C as CovalentBadge,
   x as CovalentButton,
   f as CovalentCard,
-  d as CovalentCheckListItem,
-  s as CovalentCheckbox,
-  g as CovalentChip,
-  I as CovalentChipSet,
-  u as CovalentCircularProgress,
-  b as CovalentCodeEditor,
-  D as CovalentCodeSnippet,
-  R as CovalentDialog,
-  P as CovalentDivider,
-  w as CovalentDrawer,
-  N as CovalentEmptyState,
-  j as CovalentExpansionPanel,
-  z as CovalentExpansionPanelItem,
-  J as CovalentFocusedPage,
-  O as CovalentFormfield,
-  U as CovalentFullscreenDialog,
-  W as CovalentIcon,
-  Y as CovalentIconButton,
-  _ as CovalentIconButtonToggle,
-  oo as CovalentIconCheckToggle,
-  to as CovalentIconLockup,
-  ao as CovalentIconRadioToggle,
-  no as CovalentLinearProgress,
-  Co as CovalentList,
-  xo as CovalentListItem,
-  fo as CovalentMenu,
-  so as CovalentNavRailListItem,
-  To as CovalentNotebookCell,
-  So as CovalentRadio,
-  ho as CovalentRadioListItem,
-  Lo as CovalentSelect,
-  ko as CovalentSideSheet,
-  Ao as CovalentSlider,
-  Eo as CovalentSliderRange,
-  Fo as CovalentSnackbar,
-  yo as CovalentStatusDialog,
-  Ho as CovalentStatusHeader,
-  Mo as CovalentStatusHeaderItem,
-  qo as CovalentSwitch,
-  Go as CovalentTab,
-  Ko as CovalentTabBar,
-  Qo as CovalentTextArea,
-  Vo as CovalentTextField,
-  Xo as CovalentTextLockup,
-  Zo as CovalentToolbar,
-  $o as CovalentTooltip,
-  ee as CovalentTopAppBar,
-  re as CovalentTopAppBarFixed,
-  le as CovalentTreeList,
-  pe as CovalentTreeListItem,
-  me as CovalentTypography,
-  k as cvEditorDarkTheme,
-  B as cvEditorLightTheme
+  s as CovalentCardHeader,
+  g as CovalentCheckListItem,
+  c as CovalentCheckbox,
+  I as CovalentChip,
+  u as CovalentChipSet,
+  b as CovalentCircularProgress,
+  B as CovalentCodeEditor,
+  R as CovalentCodeSnippet,
+  P as CovalentDialog,
+  H as CovalentDivider,
+  N as CovalentDrawer,
+  j as CovalentEmptyState,
+  z as CovalentExpansionPanel,
+  J as CovalentExpansionPanelItem,
+  O as CovalentFocusedPage,
+  U as CovalentFormfield,
+  W as CovalentFullscreenDialog,
+  Y as CovalentIcon,
+  _ as CovalentIconButton,
+  oo as CovalentIconButtonToggle,
+  to as CovalentIconCheckToggle,
+  ao as CovalentIconLockup,
+  no as CovalentIconRadioToggle,
+  Co as CovalentLinearProgress,
+  xo as CovalentList,
+  fo as CovalentListItem,
+  so as CovalentMenu,
+  To as CovalentNavRailListItem,
+  So as CovalentNotebookCell,
+  ho as CovalentRadio,
+  Lo as CovalentRadioListItem,
+  ko as CovalentSelect,
+  Ao as CovalentSideSheet,
+  Eo as CovalentSlider,
+  Fo as CovalentSliderRange,
+  yo as CovalentSnackbar,
+  wo as CovalentStatusDialog,
+  Mo as CovalentStatusHeader,
+  qo as CovalentStatusHeaderItem,
+  Go as CovalentSwitch,
+  Ko as CovalentTab,
+  Qo as CovalentTabBar,
+  Vo as CovalentTextArea,
+  Xo as CovalentTextField,
+  Zo as CovalentTextLockup,
+  $o as CovalentToolbar,
+  ee as CovalentTooltip,
+  re as CovalentTopAppBar,
+  le as CovalentTopAppBarFixed,
+  pe as CovalentTreeList,
+  me as CovalentTreeListItem,
+  ve as CovalentTypography,
+  A as cvEditorDarkTheme,
+  D as cvEditorLightTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "11.17.0",
+  "version": "11.18.0",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -83,6 +83,11 @@
       "import": "./card.mjs",
       "require": "./card.js"
     },
+    "./card-header": {
+      "types": "./card/card-header/card-header.d.ts",
+      "import": "./card-header.mjs",
+      "require": "./card-header.js"
+    },
     "./checkbox": {
       "types": "./checkbox/checkbox.d.ts",
       "import": "./checkbox.mjs",