@redvars/peacock 3.3.1 → 3.3.2

package/dist/index.js

@@ -1,19 +1,26 @@
-export { A as Accordion, a as Avatar, B as Badge, b as Breadcrumb, c as BreadcrumbItem, C as Chip, d as CircularProgress, e as Container, D as DatePicker, f as Divider, E as Elevation, g as EmptyState, F as Field, h as FocusRing, I as Icon, i as Image, j as Input, L as LinearProgress, k as Link, M as Menu, l as MenuItem, N as NumberField, P as Pagination, R as Ripple, S as Skeleton, m as Slider, n as Spinner, o as SubMenu, p as Switch, T as Tab, q as TabGroup, r as TabPanel, s as Table, t as Tabs, u as Tag, v as Textarea, w as TimePicker, x as Tooltip, y as TreeNode, z as TreeView } from './tree-view-CLolVlU0.js';
+export { A as Accordion, a as Avatar, B as Badge, b as Breadcrumb, c as BreadcrumbItem, C as Checkbox, d as Chip, e as CircularProgress, f as Container, D as DatePicker, g as Divider, E as Elevation, h as EmptyState, F as Field, i as FocusRing, I as Icon, j as Image, k as Input, L as LinearProgress, l as Link, M as Menu, m as MenuItem, N as NumberField, P as Pagination, R as Ripple, S as Skeleton, n as Slider, o as Snackbar, p as Spinner, q as SubMenu, r as Switch, T as Tab, s as TabGroup, t as TabPanel, u as Table, v as Tabs, w as Tag, x as Textarea, y as TimePicker, z as Tooltip, G as TreeNode, H as TreeView } from './snackbar-74YCdMPL.js';
 export { Clock } from './clock.js';
-export { B as Button } from './button-trIfcqC7.js';
-export { B as ButtonGroup, I as IconButton } from './button-group-DA7xoziD.js';
+export { B as Button } from './button-ClzS8JLq.js';
+export { B as ButtonGroup, I as IconButton } from './button-group-BMS5WvaF.js';
 export { NumberCounter } from './number-counter.js';
 export { CodeHighlighter } from './code-highlighter.js';
 export { default as CodeEditor } from './code-editor.js';
+export { ChartDonut } from './chart-donut.js';
 export { ChartDoughnut } from './chart-doughnut.js';
 export { ChartPie } from './chart-pie.js';
-import './IndividualComponent-tDnXrOLV.js';
-import './class-map-hJdvjl-W.js';
+export { ChartBar } from './chart-bar.js';
+export { ChartStackedBar } from './chart-stacked-bar.js';
+export { Card } from './card.js';
+import './IndividualComponent-Dt5xirYG.js';
+import './class-map-59YGWLnx.js';
 import './directive-Cuw6h7YA.js';
-import './unsafe-html-CV6Je6HL.js';
+import './unsafe-html-C2r3PyzF.js';
 import './dispatch-event-utils-B4odODQf.js';
 import './query-QBcUV-L_.js';
-import './style-map-CfNHEkQp.js';
-import './observe-theme-change-BISF-Gl5.js';
-import './transform-DRuHEvar.js';
+import './style-map-DcB52w-l.js';
+import './observe-theme-change-pALI5fmV.js';
+import './transform-DSwFSqzD.js';
+import './pie-Dz0IDiPt.js';
+import './array-D5vjT2Xm.js';
+import './chart-bar-DbnXQgvS.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/number-counter.js

@@ -1,5 +1,5 @@
-import { i, _ as __decorate, n, I as IndividualComponent, a as i$1, b, A } from './IndividualComponent-tDnXrOLV.js';
-import { o } from './style-map-CfNHEkQp.js';
+import { a as i, _ as __decorate, n, I as IndividualComponent, i as i$1, b, A } from './IndividualComponent-Dt5xirYG.js';
+import { o } from './style-map-DcB52w-l.js';
 import './directive-Cuw6h7YA.js';
 
 var css_248z = i`* {

package/dist/{observe-theme-change-BISF-Gl5.js → observe-theme-change-pALI5fmV.js}

@@ -1,4 +1,4 @@
-import { _ as __decorate, n, a as i } from './IndividualComponent-tDnXrOLV.js';
+import { _ as __decorate, n, i } from './IndividualComponent-Dt5xirYG.js';
 
 class BaseInput extends i {
     constructor() {
@@ -48,4 +48,4 @@ const observeThemeChange = (() => {
 })();
 
 export { BaseInput as B, observeThemeChange as o };
-//# sourceMappingURL=observe-theme-change-BISF-Gl5.js.map
+//# sourceMappingURL=observe-theme-change-pALI5fmV.js.map

package/dist/{observe-theme-change-BISF-Gl5.js.map → observe-theme-change-pALI5fmV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"observe-theme-change-BISF-Gl5.js","sources":["../../src/input/BaseInput.ts","../../src/utils/observe-theme-change.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport default abstract class BaseInput extends LitElement {\n  value?: any;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  readonly: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  required: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  skeleton = false;\n}\n","type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();"],"names":["LitElement","property"],"mappings":";;AAGc,MAAgB,SAAU,SAAQA,CAAU,CAAA;AAA1D,IAAA,WAAA,GAAA;;QAIE,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAG,KAAK;IAClB;AAAC;AAVC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;;ACdZ,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;;;"}
+{"version":3,"file":"observe-theme-change-pALI5fmV.js","sources":["../../src/input/BaseInput.ts","../../src/utils/observe-theme-change.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport default abstract class BaseInput extends LitElement {\n  value?: any;\n\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  readonly: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  required: boolean = false;\n\n  @property({ type: Boolean, reflect: true })\n  skeleton = false;\n}\n","type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();"],"names":["LitElement","property"],"mappings":";;AAGc,MAAgB,SAAU,SAAQA,CAAU,CAAA;AAA1D,IAAA,WAAA,GAAA;;QAIE,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,QAAQ,GAAG,KAAK;IAClB;AAAC;AAVC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;;ACdZ,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;;;"}

package/dist/peacock-loader.js

@@ -1,531 +1,15 @@
-import { z as TreeView, A as Accordion, P as Pagination, s as Table, m as Slider, i as Image, e as Container, o as SubMenu, l as MenuItem, M as Menu, g as EmptyState, n as Spinner, p as Switch, c as BreadcrumbItem, b as Breadcrumb, x as Tooltip, w as TimePicker, D as DatePicker, v as Textarea, N as NumberField, j as Input, F as Field, S as Skeleton, d as CircularProgress, L as LinearProgress, u as Tag, C as Chip, k as Link, r as TabPanel, T as Tab, q as TabGroup, t as Tabs, R as Ripple, E as Elevation, f as Divider, B as Badge, a as Avatar, h as FocusRing, I as Icon } from './tree-view-CLolVlU0.js';
-import { s as spread, B as Button } from './button-trIfcqC7.js';
-import { B as ButtonGroup, I as IconButton } from './button-group-DA7xoziD.js';
-import { i, _ as __decorate, n, a as i$1, w, b } from './IndividualComponent-tDnXrOLV.js';
-import { r, e as e$1 } from './class-map-hJdvjl-W.js';
-import { e } from './query-QBcUV-L_.js';
+import { H as TreeView, A as Accordion, o as Snackbar, P as Pagination, u as Table, n as Slider, j as Image, f as Container, q as SubMenu, m as MenuItem, M as Menu, h as EmptyState, p as Spinner, C as Checkbox, r as Switch, c as BreadcrumbItem, b as Breadcrumb, z as Tooltip, y as TimePicker, D as DatePicker, x as Textarea, N as NumberField, k as Input, F as Field, S as Skeleton, e as CircularProgress, L as LinearProgress, w as Tag, d as Chip, l as Link, t as TabPanel, T as Tab, s as TabGroup, v as Tabs, R as Ripple, E as Elevation, g as Divider, B as Badge, a as Avatar, i as FocusRing, I as Icon } from './snackbar-74YCdMPL.js';
+import { B as Button } from './button-ClzS8JLq.js';
+import { B as ButtonGroup, I as IconButton } from './button-group-BMS5WvaF.js';
+import { Card } from './card.js';
+import './IndividualComponent-Dt5xirYG.js';
+import './class-map-59YGWLnx.js';
 import './directive-Cuw6h7YA.js';
-import './unsafe-html-CV6Je6HL.js';
+import './unsafe-html-C2r3PyzF.js';
 import './dispatch-event-utils-B4odODQf.js';
-import './style-map-CfNHEkQp.js';
-import './observe-theme-change-BISF-Gl5.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-block;
-  --checkbox-size: 18px;
-  --checkbox-icon-size: 12px;
-  --checkbox-selected-color: var(--color-primary);
-  --checkbox-unselected-color: var(--color-on-surface-variant);
-  --checkbox-checkmark-color: var(--color-on-primary);
-  --checkbox-state-layer-size: 40px;
-  --checkbox-disabled-opacity: 0.38;
-  --checkbox-border-radius: 2px;
-}
-
-.checkbox {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-  vertical-align: middle;
-  font-family: var(--typography-body-medium-font-family) !important;
-  font-size: var(--typography-body-medium-font-size) !important;
-  font-weight: var(--typography-body-medium-font-weight) !important;
-  line-height: var(--typography-body-medium-line-height) !important;
-  letter-spacing: var(--typography-body-medium-letter-spacing) !important;
-}
-.checkbox.has-content {
-  gap: 8px;
-}
-.checkbox .input-native {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-.checkbox .container {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--checkbox-state-layer-size);
-  height: var(--checkbox-state-layer-size);
-  cursor: inherit;
-  outline: none;
-  flex-shrink: 0;
-}
-.checkbox .state-layer {
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  opacity: 0;
-  transition: opacity var(--duration-short2) var(--easing-standard);
-}
-.checkbox .outline {
-  position: absolute;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
-  border: 2px solid var(--checkbox-unselected-color);
-  border-radius: var(--checkbox-border-radius);
-  box-sizing: border-box;
-  transition: border-color var(--duration-short2) var(--easing-standard);
-}
-.checkbox .background {
-  position: absolute;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
-  background: var(--checkbox-selected-color);
-  border-radius: var(--checkbox-border-radius);
-  opacity: 0;
-  transform: scale(0);
-  transition: transform var(--duration-short2) var(--easing-standard), opacity var(--duration-short2) var(--easing-standard);
-}
-.checkbox .icon {
-  position: absolute;
-  width: var(--checkbox-icon-size);
-  height: var(--checkbox-icon-size);
-  fill: none;
-  stroke: var(--checkbox-checkmark-color);
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  opacity: 0;
-  transition: opacity var(--duration-short1) var(--easing-standard);
-}
-.checkbox .icon .checkmark {
-  stroke-dasharray: 14;
-  stroke-dashoffset: 14;
-  transition: stroke-dashoffset var(--duration-short4) var(--easing-emphasized);
-}
-.checkbox .icon .indeterminate {
-  transform-origin: center;
-  opacity: 0;
-  transition: opacity var(--duration-short1) var(--easing-standard);
-}
-.checkbox .label {
-  color: var(--color-on-surface);
-  cursor: inherit;
-}
-.checkbox:hover:not(.disabled):not(.readonly) .state-layer {
-  opacity: 0.08;
-  background: var(--color-on-surface);
-}
-.checkbox:hover:not(.disabled):not(.readonly).state-checked .state-layer, .checkbox:hover:not(.disabled):not(.readonly).state-indeterminate .state-layer {
-  background: var(--checkbox-selected-color);
-}
-.checkbox.has-focus:not(.active):not(.disabled):not(.readonly) .state-layer {
-  opacity: 0.12;
-  background: var(--color-on-surface);
-}
-.checkbox.has-focus:not(.active):not(.disabled):not(.readonly) .container {
-  outline: 3px solid var(--color-primary);
-  outline-offset: 2px;
-  border-radius: 50%;
-}
-.checkbox.has-focus:not(.active):not(.disabled):not(.readonly).state-checked .state-layer, .checkbox.has-focus:not(.active):not(.disabled):not(.readonly).state-indeterminate .state-layer {
-  background: var(--checkbox-selected-color);
-}
-.checkbox.active:not(.disabled):not(.readonly) .state-layer {
-  opacity: 0.12;
-  background: var(--color-on-surface);
-}
-.checkbox.active:not(.disabled):not(.readonly).state-checked .state-layer, .checkbox.active:not(.disabled):not(.readonly).state-indeterminate .state-layer {
-  background: var(--checkbox-selected-color);
-}
-.checkbox.rounded {
-  --checkbox-border-radius: 18px;
-}
-
-.checkbox.state-checked .outline {
-  border-color: transparent;
-}
-.checkbox.state-checked .background {
-  opacity: 1;
-  transform: scale(1);
-}
-.checkbox.state-checked .icon {
-  opacity: 1;
-}
-.checkbox.state-checked .icon .checkmark {
-  stroke-dashoffset: 0;
-}
-
-.checkbox.state-indeterminate .outline {
-  border-color: transparent;
-}
-.checkbox.state-indeterminate .background {
-  opacity: 1;
-  transform: scale(1);
-}
-.checkbox.state-indeterminate .icon {
-  opacity: 1;
-  fill: var(--checkbox-checkmark-color);
-}
-.checkbox.state-indeterminate .icon .indeterminate {
-  opacity: 1;
-}
-
-.checkbox.size-sm {
-  --checkbox-size: 16px;
-  --checkbox-icon-size: 10px;
-  --checkbox-state-layer-size: 36px;
-  font-size: var(--font-size-body-small);
-  line-height: var(--line-height-body-small);
-}
-.checkbox.size-sm .icon {
-  stroke-width: 1.5;
-}
-
-.checkbox.size-md {
-  --checkbox-size: 18px;
-  --checkbox-icon-size: 12px;
-  --checkbox-state-layer-size: 40px;
-}
-.checkbox.size-md .icon {
-  stroke-width: 2;
-}
-
-.checkbox.size-lg {
-  --checkbox-size: 24px;
-  --checkbox-icon-size: 16px;
-  --checkbox-state-layer-size: 48px;
-  font-size: var(--font-size-body-large);
-  line-height: var(--line-height-body-large);
-}
-.checkbox.size-lg .icon {
-  stroke-width: 2.5;
-}
-
-.checkbox.readonly {
-  cursor: default;
-}
-.checkbox.readonly .label {
-  color: var(--color-on-surface);
-}
-.checkbox.readonly .outline {
-  border-color: var(--color-on-surface-variant);
-}
-.checkbox.readonly.state-checked .background, .checkbox.readonly.state-indeterminate .background {
-  background: var(--color-on-surface-variant);
-}
-.checkbox.readonly .state-layer {
-  display: none;
-}
-
-.checkbox.disabled {
-  cursor: not-allowed;
-  opacity: var(--checkbox-disabled-opacity);
-}
-.checkbox.disabled .label {
-  color: var(--color-on-surface);
-}
-.checkbox.disabled .outline {
-  border-color: var(--color-on-surface);
-}
-.checkbox.disabled.state-checked .background, .checkbox.disabled.state-indeterminate .background {
-  background: var(--color-on-surface);
-}
-.checkbox.disabled .state-layer {
-  display: none;
-}`;
-
-/**
- * @label Checkbox
- * @tag wc-checkbox
- * @rawTag checkbox
- * @summary Captures boolean input with an optional indeterminate mode.
- * @overview
- * <p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>
- * <p>Material Design 3 checkboxes feature a smooth animation and clear visual states for checked, unchecked, and indeterminate.</p>
- * @cssprop --checkbox-size: Size of the checkbox container.
- * @cssprop --checkbox-selected-color: Color of the checkbox when selected.
- * @cssprop --checkbox-unselected-color: Color of the checkbox border when unselected.
- * @cssprop --checkbox-checkmark-color: Color of the checkmark icon.
- * @cssprop --checkbox-state-layer-size: Size of the state layer for touch target.
- * @fires {CustomEvent} change - Dispatched when the checkbox value changes.
- * @fires {CustomEvent} blur - Dispatched when the checkbox loses focus.
- * @fires {CustomEvent} focus - Dispatched when the checkbox receives focus.
- * @tags input, form
- *
- * @example
- * ```html
- * <wc-checkbox label="Accept terms"></wc-checkbox>
- * ```
- */
-class Checkbox extends i$1 {
-    constructor() {
-        super(...arguments);
-        /**
-         * The input field name.
-         */
-        this.name = '';
-        /**
-         * The checkbox label.
-         */
-        this.label = '';
-        /**
-         * The input field value (checked state).
-         */
-        this.value = false;
-        /**
-         * If true, displays the checkbox in an indeterminate state.
-         */
-        this.indeterminate = false;
-        /**
-         * If true, the checkbox has rounded corners. Defaults to `false`.
-         */
-        this.rounded = false;
-        /**
-         * The checkbox size.
-         * Possible values are: `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
-         */
-        this.size = 'md';
-        /**
-         * If true, required icon is shown. Defaults to `false`.
-         */
-        this.required = false;
-        /**
-         * If true, the checkbox is readonly. Defaults to `false`.
-         */
-        this.readonly = false;
-        /**
-         * If true, the user cannot interact with the checkbox. Defaults to `false`.
-         */
-        this.disabled = false;
-        /**
-         * Configuration object for aria attributes.
-         */
-        this.configAria = {};
-        this.hasFocus = false;
-        this.isActive = false;
-        this.slotHasContent = false;
-        this.windowMouseUp = () => {
-            if (this.isActive) {
-                this.isActive = false;
-            }
-        };
-        this.windowKeyUp = (evt) => {
-            if (this.isActive && evt.key === ' ') {
-                this.isActive = false;
-            }
-        };
-        this.mouseDownHandler = () => {
-            this.isActive = true;
-        };
-        this.keyDownHandler = (evt) => {
-            if (evt.key === ' ') {
-                evt.preventDefault();
-                this.isActive = true;
-                this.clickHandler(evt);
-            }
-        };
-        this.clickHandler = (ev) => {
-            if (!this.disabled && !this.readonly) {
-                this.value = !this.value;
-                this.indeterminate = false;
-                this.dispatchEvent(new CustomEvent('change', {
-                    detail: { value: this.value, originalEvent: ev },
-                    bubbles: true,
-                    composed: true,
-                }));
-                this.containerElement?.focus();
-            }
-        };
-        this.blurHandler = (ev) => {
-            this.hasFocus = false;
-            this.dispatchEvent(new CustomEvent('blur', {
-                detail: ev,
-                bubbles: true,
-                composed: true,
-            }));
-        };
-        this.focusHandler = (ev) => {
-            this.hasFocus = true;
-            this.dispatchEvent(new CustomEvent('focus', {
-                detail: ev,
-                bubbles: true,
-                composed: true,
-            }));
-        };
-        this.handleKeyUp = (evt) => {
-            if (evt.key === 'Enter') {
-                this.clickHandler(evt);
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.handleInitialAttributes();
-        window.addEventListener('mouseup', this.windowMouseUp);
-        window.addEventListener('keyup', this.windowKeyUp);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('mouseup', this.windowMouseUp);
-        window.removeEventListener('keyup', this.windowKeyUp);
-    }
-    firstUpdated() {
-        this.slotHasContent = this.hasChildNodes();
-    }
-    handleInitialAttributes() {
-        if (this.hasAttribute('tabindex')) {
-            this.tabindex = this.getAttribute('tabindex') || undefined;
-            this.removeAttribute('tabindex');
-        }
-        Array.from(this.attributes).forEach(attr => {
-            if (attr.name.startsWith('aria-')) {
-                this.configAria[attr.name] = attr.value;
-                this.removeAttribute(attr.name);
-            }
-        });
-    }
-    /**
-     * Sets focus on the checkbox.
-     */
-    focus() {
-        this.containerElement?.focus();
-    }
-    /**
-     * Removes focus from the checkbox.
-     */
-    blur() {
-        this.containerElement?.blur();
-    }
-    render() {
-        const cssClasses = {
-            checkbox: true,
-            'state-checked': this.value,
-            'state-indeterminate': !this.value && this.indeterminate,
-            [`size-${this.size}`]: true,
-            'has-focus': this.hasFocus,
-            active: this.isActive,
-            disabled: this.disabled,
-            readonly: this.readonly,
-            required: this.required,
-            rounded: this.rounded,
-            'has-content': this.slotHasContent,
-        };
-        return b `
-      <label class=${e$1(cssClasses)}>
-        <div
-          class="container"
-          tabindex=${this.tabindex || 0}
-          @keyup=${this.handleKeyUp}
-          @mousedown=${this.mouseDownHandler}
-          @keydown=${this.keyDownHandler}
-          @blur=${this.blurHandler}
-          @focus=${this.focusHandler}
-          role="checkbox"
-          aria-disabled=${this.disabled}
-          aria-required=${this.required}
-          aria-checked=${this.value
-            ? 'true'
-            : this.indeterminate
-                ? 'mixed'
-                : 'false'}
-          ${spread(this.configAria)}
-        >
-          <div class="state-layer"></div>
-          <div class="outline"></div>
-          <div class="background"></div>
-          <svg class="icon" viewBox="0 0 12 12">
-            ${this.value
-            ? w `
-                  <path
-                    class="checkmark"
-                    d="M2 6L5 9L10 2"
-                  />
-                `
-            : this.indeterminate
-                ? w `<rect
-                    class="indeterminate"
-                    x="2"
-                    y="5"
-                    width="8"
-                    height="2"
-                  />`
-                : ''}
-          </svg>
-        </div>
-
-        <input
-          type="checkbox"
-          class="input-native"
-          name=${this.name}
-          .checked=${this.value}
-          .indeterminate=${this.indeterminate}
-          aria-hidden="true"
-          ?required=${this.required}
-          tabindex="-1"
-          @click=${this.clickHandler}
-        />
-
-        ${this.label
-            ? b `<div class="label">${this.label}</div>`
-            : b `<div class="label slot-container"><slot></slot></div>`}
-      </label>
-    `;
-    }
-}
-Checkbox.styles = [css_248z];
-__decorate([
-    n({ type: String })
-], Checkbox.prototype, "name", void 0);
-__decorate([
-    n({ type: String })
-], Checkbox.prototype, "label", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Checkbox.prototype, "value", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Checkbox.prototype, "indeterminate", void 0);
-__decorate([
-    n({ type: Boolean })
-], Checkbox.prototype, "rounded", void 0);
-__decorate([
-    n({ type: String })
-], Checkbox.prototype, "size", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Checkbox.prototype, "required", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Checkbox.prototype, "readonly", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], Checkbox.prototype, "disabled", void 0);
-__decorate([
-    n({ type: Object })
-], Checkbox.prototype, "configAria", void 0);
-__decorate([
-    r()
-], Checkbox.prototype, "hasFocus", void 0);
-__decorate([
-    r()
-], Checkbox.prototype, "isActive", void 0);
-__decorate([
-    r()
-], Checkbox.prototype, "slotHasContent", void 0);
-__decorate([
-    e('.container')
-], Checkbox.prototype, "containerElement", void 0);
-__decorate([
-    e('.input-native')
-], Checkbox.prototype, "nativeElement", void 0);
+import './query-QBcUV-L_.js';
+import './style-map-DcB52w-l.js';
+import './observe-theme-change-pALI5fmV.js';
 
 class LoaderUtils {
     constructor(loaderConfig) {
@@ -711,6 +195,9 @@ const loaderConfig = {
         'wc-chip': {
             CustomElementClass: Chip,
         },
+        'wc-card': {
+            CustomElementClass: Card,
+        },
         'wc-tag': {
             CustomElementClass: Tag,
         },
@@ -801,12 +288,21 @@ const loaderConfig = {
         'wc-tree-node': {
             CustomElementClass: TreeView.Node,
         },
+        'wc-snackbar': {
+            CustomElementClass: Snackbar,
+        },
         'wc-chart-doughnut': {
             importPath: `${distDirectory}/chart-doughnut.js`,
         },
         'wc-chart-pie': {
             importPath: `${distDirectory}/chart-pie.js`,
         },
+        'wc-chart-bar': {
+            importPath: `${distDirectory}/chart-bar.js`,
+        },
+        'wc-chart-stacked-bar': {
+            importPath: `${distDirectory}/chart-stacked-bar.js`,
+        },
     },
 };
 new LoaderUtils(loaderConfig).start();