@redvars/peacock 3.2.10 → 3.3.0

package/dist/{dispatch-event-utils-vbdiOSeC.js → dispatch-event-utils-B4odODQf.js}

@@ -1,16 +1,3 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e$1=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function e(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;return e$1(n,s,{get(){return o(this)}})}}
-
 async function createCacheFetch(name) {
     let cache = null;
     // This map tracks requests currently being processed
@@ -286,5 +273,5 @@ function redispatchEvent(element, event) {
     return dispatched;
 }
 
-export { isDarkMode as a, e$1 as b, createCacheFetch as c, dispatchActivationClick as d, e, isActivationClick as i, observerSlotChangesWithCallback as o, redispatchEvent as r, sanitizeSvg as s, throttle as t };
-//# sourceMappingURL=dispatch-event-utils-vbdiOSeC.js.map
+export { isDarkMode as a, createCacheFetch as c, dispatchActivationClick as d, isActivationClick as i, observerSlotChangesWithCallback as o, redispatchEvent as r, sanitizeSvg as s, throttle as t };
+//# sourceMappingURL=dispatch-event-utils-B4odODQf.js.map

package/dist/dispatch-event-utils-B4odODQf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch-event-utils-B4odODQf.js","sources":["../../src/utils.ts","../../src/utils/dispatch-event-utils.ts"],"sourcesContent":["export async function createCacheFetch(name: string) {\n  let cache: Cache | null = null;\n  // This map tracks requests currently being processed\n  const inFlightRequests = new Map<string, Promise<string>>();\n\n  try {\n    cache = await window.caches.open(name);\n  } catch (e) {\n    console.warn('window.caches access not allowed');\n  }\n\n  return async (url: string): Promise<string> => {\n    // 1. Check if we are already fetching this URL\n    if (inFlightRequests.has(url)) {\n      // Return the existing promise instead of starting a new one\n      return inFlightRequests.get(url)!;\n    }\n\n    // 2. Create the main logic as a promise\n    const fetchPromise = (async () => {\n      const request = new Request(url);\n\n      // Check Cache first\n      if (cache) {\n        const cachedResponse = await cache.match(request);\n        if (cachedResponse) {\n          return cachedResponse.text();\n        }\n      }\n\n      // Prepare network request\n      const urlObj = new URL(request.url);\n      const isSameOrigin = urlObj.origin === window.location.origin;\n\n      const response = await fetch(request.url, {\n        method: 'GET',\n        mode: isSameOrigin ? 'no-cors' : 'cors',\n        credentials: isSameOrigin ? 'same-origin' : 'omit',\n      });\n\n      // --- Handle 404 ---\n      if (response.status === 404) {\n        console.error(`[Fetch Error] Resource not found (404): ${url}`);\n        return ''; // Return empty string as requested\n      }\n\n      const result = await response.text();\n\n      // Update Cache if applicable\n      if (cache && response.status === 200) {\n        // We clone the response logic by creating a new Response with the text body\n        await cache.put(\n          request,\n          new Response(result, {\n            status: response.status,\n            statusText: response.statusText,\n            headers: response.headers,\n          }),\n        );\n      }\n\n      return result;\n    })();\n\n    // 3. Store the promise in the map\n    inFlightRequests.set(url, fetchPromise);\n\n    try {\n      // 4. Wait for the result\n      return await fetchPromise;\n    } finally {\n      // 5. Clean up: Remove the promise from the map when done\n      // This ensures subsequent calls (after this one finishes) can start fresh\n      inFlightRequests.delete(url);\n    }\n  };\n}\n\n// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes\nexport function sanitizeSvg(rawSvg: string) {\n  try {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(rawSvg, 'image/svg+xml');\n\n    // remove script tags\n    const scripts = Array.from(doc.querySelectorAll('script'));\n    scripts.forEach(n => n.remove());\n\n    // remove foreignObject and iframe-like elements\n    const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));\n    foreigns.forEach(n => n.remove());\n\n    // remove event handler attributes like onload, onclick, etc.\n    const all = Array.from(doc.querySelectorAll('*'));\n    all.forEach(el => {\n      const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));\n      attrs.forEach(a => el.removeAttribute(a.name));\n    });\n\n    const el = doc.documentElement;\n    if (!el) return '';\n\n    // serialize back to string\n    const serializer = new XMLSerializer();\n    return serializer.serializeToString(el);\n  } catch (e) {\n    // parsing failed; fall back to empty content to avoid injecting unsafe content\n    return '';\n  }\n}\n\nfunction __hasMeaningfulContent(slotElement: any) {\n  const nodes = slotElement.assignedNodes({ flatten: true });\n\n  for (const node of nodes) {\n    // If it's an element node, it has content\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n    // If it's a text node and contains non-whitespace characters, it has content\n    if (\n      node.nodeType === Node.TEXT_NODE &&\n      node.textContent.trim().length > 0\n    ) {\n      return true;\n    }\n  }\n\n  // No meaningful content found\n  return false;\n}\n\nexport function observerSlotChangesWithCallback(\n  slot: HTMLSlotElement | null,\n  callback: (hasContent: boolean) => void,\n) {\n  const observer = new MutationObserver(() => {\n    callback(__hasMeaningfulContent(slot));\n  });\n\n  // Observe the elements currently assigned to the slot\n  const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n  assignedNodes.forEach(node => {\n    observer.observe(node, {\n      attributes: true,\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n  });\n\n  callback(__hasMeaningfulContent(slot));\n}\n\nexport function throttle(\n  func: Function,\n  delay: number,\n  options = { leading: true, trailing: true },\n) {\n  let timerId: any;\n  let lastExec = 0;\n\n  return function (...args: any[]) {\n    // @ts-ignore\n    const context = this;\n    const now = Date.now();\n\n    const shouldCallNow = options.leading && now - lastExec >= delay;\n\n    if (shouldCallNow) {\n      func.apply(context, args);\n      lastExec = now;\n    } else if (options.trailing && !timerId) {\n      timerId = setTimeout(() => {\n        func.apply(context, args);\n        lastExec = Date.now();\n        timerId = null;\n      }, delay);\n    }\n  };\n}\n\nexport function isInViewport(element: HTMLElement) {\n  const rect = element.getBoundingClientRect();\n  return (\n    rect.top !== 0 || rect.left !== 0 || rect.bottom !== 0 || rect.right !== 0\n  );\n}\n\n\nexport function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n};","\n/**\n * Dispatches a click event to the given element that triggers a native action,\n * but is not composed and therefore is not seen outside the element.\n *\n * This is useful for responding to an external click event on the host element\n * that should trigger an internal action like a button click.\n *\n * Note, a helper is provided because setting this up correctly is a bit tricky.\n * In particular, calling `click` on an element creates a composed event, which\n * is not desirable, and a manually dispatched event must specifically be a\n * `MouseEvent` to trigger a native action.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function dispatchActivationClick(element: HTMLElement) {\n  const event = new MouseEvent('click', { bubbles: true });\n  element.dispatchEvent(event);\n  return event;\n}\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\nasync function __squelchEventsForMicrotask() {\n  isSquelchingEvents = true;\n  // Need to pause for just one microtask.\n  // tslint:disable-next-line\n  await null;\n  isSquelchingEvents = false;\n}\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nfunction __squelchEvent(event: Event) {\n  const squelched = isSquelchingEvents;\n  if (squelched) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  __squelchEventsForMicrotask();\n  return squelched;\n}\n\n/**\n * Returns true if the click event should trigger an activation behavior. The\n * behavior is defined by the element and is whatever it should do when\n * clicked.\n *\n * Typically when an element needs to handle a click, the click is generated\n * from within the element and an event listener within the element implements\n * the needed behavior; however, it's possible to fire a click directly\n * at the element that the element should handle. This method helps\n * distinguish these \"external\" clicks.\n *\n * An \"external\" click can be triggered in a number of ways: via a click\n * on an associated label for a form  associated element, calling\n * `element.click()`, or calling\n * `element.dispatchEvent(new MouseEvent('click', ...))`.\n *\n * Also works around Firefox issue\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\n * events for a microtask after called.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function isActivationClick(event: Event) {\n  // Event must start at the event target.\n  if (event.currentTarget !== event.target) {\n    return false;\n  }\n  // Event must not be retargeted from shadowRoot.\n  if (event.composedPath()[0] !== event.target) {\n    return false;\n  }\n  // Target must not be disabled; this should only occur for a synthetically\n  // dispatched click.\n  if ((event.target as EventTarget & { disabled: boolean }).disabled) {\n    return false;\n  }\n  // This is an activation if the event should not be squelched.\n  return !__squelchEvent(event);\n}\n\n/**\n * Re-dispatches an event from the provided element.\n *\n * This function is useful for forwarding non-composed events, such as `change`\n * events.\n *\n * @example\n * class MyInput extends LitElement {\n *   render() {\n *     return html`<input @change=${this.redispatchEvent}>`;\n *   }\n *\n *   protected redispatchEvent(event: Event) {\n *     redispatchEvent(this, event);\n *   }\n * }\n *\n * @param element The element to dispatch the event from.\n * @param event The event to re-dispatch.\n * @return Whether or not the event was dispatched (if cancelable).\n */\nexport function redispatchEvent(element: Element, event: Event) {\n  // For bubbling events in SSR light DOM (or composed), stop their propagation\n  // and dispatch the copy.\n  if (event.bubbles && (!element.shadowRoot || event.composed)) {\n    event.stopPropagation();\n  }\n\n  const copy = Reflect.construct(event.constructor, [event.type, event]);\n  const dispatched = element.dispatchEvent(copy);\n  if (!dispatched) {\n    event.preventDefault();\n  }\n\n  return dispatched;\n}\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,16 +1,20 @@
-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 IconButton, j as Image, k as Input, L as LinearProgress, l as Link, N as NumberField, R as Ripple, S as Skeleton, m as Spinner, n as Switch, T as Tag, o as Textarea, p as TimePicker, q as Tooltip } from './image-v3BujlY5.js';
+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 IconButton, j as Image, k as Input, L as LinearProgress, l as Link, N as NumberField, R as Ripple, S as Skeleton, m as Slider, n as Spinner, o as Switch, T as Tab, p as TabGroup, q as TabPanel, r as Tabs, s as Tag, t as Textarea, u as TimePicker, v as Tooltip } from './slider-Dk9CFWTG.js';
 export { Clock } from './clock.js';
-export { B as Button } from './button-DaL4va7Q.js';
+export { B as Button } from './button-BGFJfbT2.js';
 export { ButtonGroup } from './button-group.js';
 export { NumberCounter } from './number-counter.js';
 export { CodeHighlighter } from './code-highlighter.js';
 export { default as CodeEditor } from './code-editor.js';
-import './PeacockComponent-CxJc63xj.js';
-import './state-B09bP3XH.js';
+export { ChartDoughnut } from './chart-doughnut.js';
+export { ChartPie } from './chart-pie.js';
+import './IndividualComponent-tDnXrOLV.js';
+import './state-8v48Exzh.js';
 import './directive-Cuw6h7YA.js';
-import './unsafe-html-B-dV3Jps.js';
-import './dispatch-event-utils-vbdiOSeC.js';
-import './class-map-BvQRv7eW.js';
-import './style-map-B8xgVEc9.js';
-import './observe-theme-change-NneLARW8.js';
+import './unsafe-html-CV6Je6HL.js';
+import './dispatch-event-utils-B4odODQf.js';
+import './class-map-DpeNtqCn.js';
+import './query-QBcUV-L_.js';
+import './style-map-CfNHEkQp.js';
+import './observe-theme-change-BISF-Gl5.js';
+import './transform-DRuHEvar.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, P as PeacockComponent, a as i$1, b, A } from './PeacockComponent-CxJc63xj.js';
-import { o } from './style-map-B8xgVEc9.js';
+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 './directive-Cuw6h7YA.js';
 
 var css_248z = i`* {
@@ -40,19 +40,21 @@ var css_248z = i`* {
 
 /**
  * @label Number Counter
- * @tag number-counter
+ * @tag wc-number-counter
  * @rawTag number-counter
  * @summary Displays a number with commas for thousands.
  *
  * @example
  * ```html
- * <number-counter value="123456789"></number-counter>
+ * <wc-number-counter id="number-counter" value="123456789"></wc-number-counter>
  * <script>
- *     const $counter = document.querySelector('number-counter');
- *
- *     setInterval(() => {
- *         $counter.value = $counter.value + parseInt(Math.floor(Math.random() * 1000));
- *     }, 1000);
+ *   customElements.whenDefined('wc-number-counter').then(() => {
+      const $counter = document.querySelector('#number-counter');
+
+      setInterval(() => {
+        $counter.value = $counter.value + Math.floor(Math.random() * 1000);
+      }, 1000);
+    });
  * </script>
  * ```
  * @tags display
@@ -108,7 +110,7 @@ __decorate([
     n()
 ], NumberCounter.prototype, "locale", void 0);
 NumberCounter = __decorate([
-    PeacockComponent
+    IndividualComponent
 ], NumberCounter);
 
 export { NumberCounter };

package/dist/number-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-counter.js","sources":["../../src/number-counter/number-counter.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport PeacockComponent from 'src/PeacockComponent.js';\nimport styles from './number-counter.scss';\n\n/**\n * @label Number Counter\n * @tag number-counter\n * @rawTag number-counter\n * @summary Displays a number with commas for thousands.\n *\n * @example\n * ```html\n * <number-counter value=\"123456789\"></number-counter>\n * <script>\n *     const $counter = document.querySelector('number-counter');\n *\n *     setInterval(() => {\n *         $counter.value = $counter.value + parseInt(Math.floor(Math.random() * 1000));\n *     }, 1000);\n * </script>\n * ```\n * @tags display\n */\n@PeacockComponent\nexport class NumberCounter extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Number }) value = 0;\n\n  /**\n   * Optional: Allow users to pass a locale, defaulting to 'en-US' for commas.\n   */\n  @property() locale = 'en-US';\n\n  render() {\n    return html`<div class=\"number-counter\">${this.renderDigits()}</div>`;\n  }\n\n  renderDigits() {\n    if (this.value === undefined || this.value === null) return nothing;\n\n    // 1. Format the number with commas (e.g., 1234 -> \"1,234\")\n    const formattedValue = new Intl.NumberFormat(this.locale).format(\n      this.value,\n    );\n\n    // 2. Split the string into individual characters\n    const chars = formattedValue.split('');\n\n    return html`${chars.map(char => {\n      // 3. Check if the character is a digit or a separator (comma/dot)\n      const digit = parseInt(char, 10);\n\n      // eslint-disable-next-line no-restricted-globals\n      if (isNaN(digit)) {\n        return html`<div class=\"digit-separator\">${char}</div>`;\n      }\n\n      return this.renderDigit(digit);\n    })}`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  renderDigit(digit: number) {\n    // Each 'each-digit' is 10% of the 'digit-content' height (since there are 10 numbers)\n    const offset = digit * 10;\n    const style = {\n      transform: `translateY(-${offset}%)`,\n    };\n\n    return html` <div class=\"digit\">\n      <div class=\"digit-content\" style=${styleMap(style)}>\n        ${[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(\n          n => html`<div class=\"each-digit\">${n}</div>`,\n        )}\n      </div>\n    </div>`;\n  }\n}\n"],"names":["LitElement","html","nothing","styleMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQA,GAAU,CAAA;AAAtC,IAAA,WAAA,GAAA;;QAGuB,IAAA,CAAA,KAAK,GAAG,CAAC;AAErC;;AAEG;QACS,IAAA,CAAA,MAAM,GAAG,OAAO;IA8C9B;IA5CE,MAAM,GAAA;QACJ,OAAOC,CAAI,CAAA,CAAA,4BAAA,EAA+B,IAAI,CAAC,YAAY,EAAE,QAAQ;IACvE;IAEA,YAAY,GAAA;QACV,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;AAAE,YAAA,OAAOC,CAAO;;AAGnE,QAAA,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAC9D,IAAI,CAAC,KAAK,CACX;;QAGD,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAEtC,OAAOD,CAAI,CAAA,CAAA,EAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;;YAE7B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;;AAGhC,YAAA,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;AAChB,gBAAA,OAAOA,CAAI,CAAA,CAAA,6BAAA,EAAgC,IAAI,QAAQ;YACzD;AAEA,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,EAAE;IACN;;AAGA,IAAA,WAAW,CAAC,KAAa,EAAA;;AAEvB,QAAA,MAAM,MAAM,GAAG,KAAK,GAAG,EAAE;AACzB,QAAA,MAAM,KAAK,GAAG;YACZ,SAAS,EAAE,CAAA,YAAA,EAAe,MAAM,CAAA,EAAA,CAAI;SACrC;AAED,QAAA,OAAOA,CAAI,CAAA,CAAA;yCAC0BE,CAAQ,CAAC,KAAK,CAAC,CAAA;AAC9C,QAAA,EAAA,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAClC,CAAC,IAAIF,CAAI,CAAA,CAAA,wBAAA,EAA2B,CAAC,QAAQ,CAC9C;;WAEE;IACT;;AApDO,aAAA,CAAA,MAAM,GAAG,CAACG,QAAM,CAAC;AAEI,UAAA,CAAA;AAA3B,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAY,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAK1B,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAoB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AARlB,aAAa,GAAA,UAAA,CAAA;IADzB;AACY,CAAA,EAAA,aAAa,CAsDzB;;;;"}
+{"version":3,"file":"number-counter.js","sources":["../../src/number-counter/number-counter.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport IndividualComponent from 'src/IndividualComponent.js';\nimport styles from './number-counter.scss';\n\n/**\n * @label Number Counter\n * @tag wc-number-counter\n * @rawTag number-counter\n * @summary Displays a number with commas for thousands.\n *\n * @example\n * ```html\n * <wc-number-counter id=\"number-counter\" value=\"123456789\"></wc-number-counter>\n * <script>\n *   customElements.whenDefined('wc-number-counter').then(() => {\n      const $counter = document.querySelector('#number-counter');\n\n      setInterval(() => {\n        $counter.value = $counter.value + Math.floor(Math.random() * 1000);\n      }, 1000);\n    });\n * </script>\n * ```\n * @tags display\n */\n@IndividualComponent\nexport class NumberCounter extends LitElement {\n  static styles = [styles];\n\n  @property({ type: Number }) value = 0;\n\n  /**\n   * Optional: Allow users to pass a locale, defaulting to 'en-US' for commas.\n   */\n  @property() locale = 'en-US';\n\n  render() {\n    return html`<div class=\"number-counter\">${this.renderDigits()}</div>`;\n  }\n\n  renderDigits() {\n    if (this.value === undefined || this.value === null) return nothing;\n\n    // 1. Format the number with commas (e.g., 1234 -> \"1,234\")\n    const formattedValue = new Intl.NumberFormat(this.locale).format(\n      this.value,\n    );\n\n    // 2. Split the string into individual characters\n    const chars = formattedValue.split('');\n\n    return html`${chars.map(char => {\n      // 3. Check if the character is a digit or a separator (comma/dot)\n      const digit = parseInt(char, 10);\n\n      // eslint-disable-next-line no-restricted-globals\n      if (isNaN(digit)) {\n        return html`<div class=\"digit-separator\">${char}</div>`;\n      }\n\n      return this.renderDigit(digit);\n    })}`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  renderDigit(digit: number) {\n    // Each 'each-digit' is 10% of the 'digit-content' height (since there are 10 numbers)\n    const offset = digit * 10;\n    const style = {\n      transform: `translateY(-${offset}%)`,\n    };\n\n    return html` <div class=\"digit\">\n      <div class=\"digit-content\" style=${styleMap(style)}>\n        ${[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(\n          n => html`<div class=\"each-digit\">${n}</div>`,\n        )}\n      </div>\n    </div>`;\n  }\n}\n"],"names":["LitElement","html","nothing","styleMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;AAoBG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQA,GAAU,CAAA;AAAtC,IAAA,WAAA,GAAA;;QAGuB,IAAA,CAAA,KAAK,GAAG,CAAC;AAErC;;AAEG;QACS,IAAA,CAAA,MAAM,GAAG,OAAO;IA8C9B;IA5CE,MAAM,GAAA;QACJ,OAAOC,CAAI,CAAA,CAAA,4BAAA,EAA+B,IAAI,CAAC,YAAY,EAAE,QAAQ;IACvE;IAEA,YAAY,GAAA;QACV,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;AAAE,YAAA,OAAOC,CAAO;;AAGnE,QAAA,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAC9D,IAAI,CAAC,KAAK,CACX;;QAGD,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAEtC,OAAOD,CAAI,CAAA,CAAA,EAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAG;;YAE7B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;;AAGhC,YAAA,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;AAChB,gBAAA,OAAOA,CAAI,CAAA,CAAA,6BAAA,EAAgC,IAAI,QAAQ;YACzD;AAEA,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAChC,CAAC,CAAC,EAAE;IACN;;AAGA,IAAA,WAAW,CAAC,KAAa,EAAA;;AAEvB,QAAA,MAAM,MAAM,GAAG,KAAK,GAAG,EAAE;AACzB,QAAA,MAAM,KAAK,GAAG;YACZ,SAAS,EAAE,CAAA,YAAA,EAAe,MAAM,CAAA,EAAA,CAAI;SACrC;AAED,QAAA,OAAOA,CAAI,CAAA,CAAA;yCAC0BE,CAAQ,CAAC,KAAK,CAAC,CAAA;AAC9C,QAAA,EAAA,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAClC,CAAC,IAAIF,CAAI,CAAA,CAAA,wBAAA,EAA2B,CAAC,QAAQ,CAC9C;;WAEE;IACT;;AApDO,aAAA,CAAA,MAAM,GAAG,CAACG,QAAM,CAAC;AAEI,UAAA,CAAA;AAA3B,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAY,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAK1B,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAoB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AARlB,aAAa,GAAA,UAAA,CAAA;IADzB;AACY,CAAA,EAAA,aAAa,CAsDzB;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"observe-theme-change-NneLARW8.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-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;;;;"}

package/dist/peacock-loader.js

@@ -1,14 +1,15 @@
-import { A as Accordion, j as Image, e as Container, g as EmptyState, m as Spinner, n as Switch, c as BreadcrumbItem, b as Breadcrumb, q as Tooltip, p as TimePicker, D as DatePicker, o as Textarea, N as NumberField, F as Field, k as Input, S as Skeleton, d as CircularProgress, L as LinearProgress, T as Tag, C as Chip, l as Link, R as Ripple, E as Elevation, f as Divider, i as IconButton, B as Badge, a as Avatar, h as FocusRing, I as Icon } from './image-v3BujlY5.js';
-import { s as spread, B as Button } from './button-DaL4va7Q.js';
+import { A as Accordion, m as Slider, j as Image, e as Container, g as EmptyState, n as Spinner, o as Switch, c as BreadcrumbItem, b as Breadcrumb, v as Tooltip, u as TimePicker, D as DatePicker, t as Textarea, N as NumberField, k as Input, F as Field, S as Skeleton, d as CircularProgress, L as LinearProgress, s as Tag, C as Chip, l as Link, q as TabPanel, T as Tab, p as TabGroup, r as Tabs, R as Ripple, E as Elevation, f as Divider, i as IconButton, B as Badge, a as Avatar, h as FocusRing, I as Icon } from './slider-Dk9CFWTG.js';
+import { s as spread, B as Button } from './button-BGFJfbT2.js';
 import { ButtonGroup } from './button-group.js';
-import { i, _ as __decorate, n, a as i$1, w, b } from './PeacockComponent-CxJc63xj.js';
-import { r } from './state-B09bP3XH.js';
-import { e } from './dispatch-event-utils-vbdiOSeC.js';
-import { e as e$1 } from './class-map-BvQRv7eW.js';
+import { i, _ as __decorate, n, a as i$1, w, b } from './IndividualComponent-tDnXrOLV.js';
+import { r } from './state-8v48Exzh.js';
+import { e } from './query-QBcUV-L_.js';
+import { e as e$1 } from './class-map-DpeNtqCn.js';
 import './directive-Cuw6h7YA.js';
-import './unsafe-html-B-dV3Jps.js';
-import './style-map-B8xgVEc9.js';
-import './observe-theme-change-NneLARW8.js';
+import './unsafe-html-CV6Je6HL.js';
+import './dispatch-event-utils-B4odODQf.js';
+import './style-map-CfNHEkQp.js';
+import './observe-theme-change-BISF-Gl5.js';
 
 var css_248z$3 = i`* {
   box-sizing: border-box;
@@ -244,29 +245,26 @@ var css_248z$3 = i`* {
 
 /**
  * @label Checkbox
- * @tag base-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
- * <base-checkbox label="Accept terms"></base-checkbox>
+ * <wc-checkbox label="Accept terms"></wc-checkbox>
  * ```
- * @tags input, form
  */
 class Checkbox extends i$1 {
     constructor() {
@@ -530,6 +528,22 @@ __decorate([
     e('.input-native')
 ], Checkbox.prototype, "nativeElement", void 0);
 
+/**
+ * @label Menu
+ * @tag wc-menu
+ * @rawTag menu
+ * @summary A dropdown menu component.
+ * @tags navigation
+ *
+ * @example
+ * ```html
+ * <wc-menu>
+ *   <wc-menu-list>
+ *     <wc-menu-item>Item 1</wc-menu-item>
+ *   </wc-menu-list>
+ * </wc-menu>
+ * ```
+ */
 class Menu extends i$1 {
     constructor() {
         super();
@@ -752,18 +766,30 @@ var css_248z$2 = i`* {
   display: none;
 }`;
 
-var css_248z$1 = i`:host-context(menu-list[variant=standard]) {
+var css_248z$1 = i`:host-context([variant=standard]) {
   --menu-item-label-color: var(--color-on-surface-variant);
   --menu-item-label-selected-color: var(--color-on-tertiary-container);
   --menu-item-container-selected-color: var(--color-tertiary-container);
 }
 
-:host-context(menu-list[variant=vibrant]) {
+:host-context([variant=vibrant]) {
   --menu-item-label-color: var(--color-on-tertiary-container);
   --menu-item-label-selected-color: var(--color-on-tertiary);
   --menu-item-container-selected-color: var(--color-tertiary);
 }`;
 
+/**
+ * @label Menu Item
+ * @tag wc-menu-item
+ * @rawTag menu-item
+ * @summary An item in a menu list.
+ * @tags navigation
+ *
+ * @example
+ * ```html
+ * <wc-menu-item>Menu Item</wc-menu-item>
+ * ```
+ */
 class MenuItem extends i$1 {
     constructor() {
         super(...arguments);
@@ -827,9 +853,9 @@ class MenuItem extends i$1 {
     }
     renderContent() {
         return b `
-      <focus-ring class="focus-ring" .control=${this}  element="menuItemElement"></focus-ring>
+      <wc-focus-ring class="focus-ring" .control=${this}  element="menuItemElement"></wc-focus-ring>
       <div class="background"></div>
-      <base-ripple class="ripple"></base-ripple>
+      <wc-ripple class="ripple"></wc-ripple>
 
       <div class="menu-item-content">
         <slot name="leading-icon"></slot>
@@ -937,6 +963,21 @@ var css_248z = i`* {
   --_container-color: var(--color-tertiary-container);
 }`;
 
+/**
+ * @label Menu List
+ * @tag wc-menu-list
+ * @rawTag menu-list
+ * @summary A list of menu items.
+ * @tags navigation
+ *
+ * @example
+ * ```html
+ * <wc-menu-list>
+ *   <wc-menu-item>Item 1</wc-menu-item>
+ *   <wc-menu-item>Item 2</wc-menu-item>
+ * </wc-menu-list>
+ * ```
+ */
 class MenuList extends i$1 {
     constructor() {
         super(...arguments);
@@ -955,7 +996,7 @@ class MenuList extends i$1 {
         })}
     >
       <div class="background"></div>
-      <base-elevation class="elevation"></base-elevation>
+      <wc-elevation class="elevation"></wc-elevation>
 
       <div class="menu-list-content">
         <slot></slot>
@@ -1094,126 +1135,147 @@ document.adoptedStyleSheets = styleSheets;
 */
 const loaderConfig = {
     components: {
-        'base-icon': {
+        'wc-icon': {
             CustomElementClass: Icon,
             // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass
         },
-        'focus-ring': {
+        'wc-focus-ring': {
             CustomElementClass: FocusRing,
         },
-        'base-avatar': {
+        'wc-avatar': {
             CustomElementClass: Avatar,
         },
-        'base-badge': {
+        'wc-badge': {
             CustomElementClass: Badge,
         },
-        'base-button': {
+        'wc-button': {
             CustomElementClass: Button,
         },
-        'icon-button': {
+        'wc-icon-button': {
             CustomElementClass: IconButton,
         },
-        'button-group': {
+        'wc-button-group': {
             CustomElementClass: ButtonGroup,
         },
-        'base-divider': {
+        'wc-divider': {
             CustomElementClass: Divider,
         },
-        'base-elevation': {
+        'wc-elevation': {
             CustomElementClass: Elevation,
         },
-        'base-clock': {
+        'wc-clock': {
             importPath: `${distDirectory}/clock.js`,
         },
-        'base-ripple': {
+        'wc-ripple': {
             CustomElementClass: Ripple,
         },
-        'base-accordion': {
+        'wc-accordion': {
             CustomElementClass: Accordion,
         },
-        'accordion-item': {
+        'wc-accordion-item': {
             CustomElementClass: Accordion.Item,
         },
-        'base-link': {
+        'wc-tabs': {
+            CustomElementClass: Tabs,
+        },
+        'wc-tab-group': {
+            CustomElementClass: TabGroup,
+        },
+        'wc-tab': {
+            CustomElementClass: Tab
+        },
+        'wc-tab-panel': {
+            CustomElementClass: TabPanel,
+        },
+        'wc-link': {
             CustomElementClass: Link,
         },
-        'base-chip': {
+        'wc-chip': {
             CustomElementClass: Chip,
         },
-        'base-tag': {
+        'wc-tag': {
             CustomElementClass: Tag,
         },
-        'linear-progress': {
+        'wc-linear-progress': {
             CustomElementClass: LinearProgress,
         },
-        'circular-progress': {
+        'wc-circular-progress': {
             CustomElementClass: CircularProgress,
         },
-        'base-skeleton': {
+        'wc-skeleton': {
             CustomElementClass: Skeleton,
         },
-        'input-field': {
-            CustomElementClass: Input,
-        },
-        'base-field': {
+        'wc-field': {
             CustomElementClass: Field,
         },
-        'number-field': {
+        'wc-input': {
+            CustomElementClass: Input,
+        },
+        'wc-number-field': {
             CustomElementClass: NumberField,
         },
-        'textarea-field': {
+        'wc-textarea': {
             CustomElementClass: Textarea,
         },
-        'date-picker': {
+        'wc-date-picker': {
             CustomElementClass: DatePicker,
         },
-        'time-picker': {
+        'wc-time-picker': {
             CustomElementClass: TimePicker,
         },
-        'base-tooltip': {
+        'wc-tooltip': {
             CustomElementClass: Tooltip,
         },
-        'number-counter': {
+        'wc-number-counter': {
             importPath: `${distDirectory}/number-counter.js`,
         },
-        'code-editor': {
+        'wc-code-editor': {
             importPath: `${distDirectory}/code-editor.js`,
         },
-        'code-highlighter': {
+        'wc-code-highlighter': {
             importPath: `${distDirectory}/code-highlighter.js`,
         },
-        'base-breadcrumb': {
+        'wc-breadcrumb': {
             CustomElementClass: Breadcrumb,
         },
-        'breadcrumb-item': {
+        'wc-breadcrumb-item': {
             CustomElementClass: BreadcrumbItem,
         },
-        'base-switch': {
+        'wc-switch': {
             CustomElementClass: Switch,
         },
-        'base-checkbox': {
+        'wc-checkbox': {
             CustomElementClass: Checkbox,
         },
-        'base-spinner': {
+        'wc-spinner': {
             CustomElementClass: Spinner,
         },
-        'empty-state': {
+        'wc-empty-state': {
             CustomElementClass: EmptyState,
         },
-        'base-menu': {
+        'wc-base-menu': {
             CustomElementClass: Menu,
         },
-        'menu-item': {
+        'wc-menu-item': {
             CustomElementClass: MenuItem,
         },
-        'menu-list': {
+        'wc-menu-list': {
             CustomElementClass: MenuList,
         },
-        'base-container': {
+        'wc-container': {
             CustomElementClass: Container
         },
-        'base-image': {
+        'wc-image': {
             CustomElementClass: Image
+        },
+        'wc-slider': {
+            CustomElementClass: Slider
+        },
+        'wc-chart-doughnut': {
+            importPath: `${distDirectory}/chart-doughnut.js`,
+        },
+        'wc-chart-pie': {
+            importPath: `${distDirectory}/chart-pie.js`,
         }
     },
 };