@redvars/peacock 3.2.6 → 3.2.8

package/src/CssLoader.ts

@@ -0,0 +1,66 @@
+const sheetCache = new Map<string, CSSStyleSheet>();
+
+async function loadCSS(
+  url: string,
+  options: any = {}
+): Promise<CSSStyleSheet> {
+  const {
+    priority = "high",
+    cache = "force-cache",
+    media = "all",
+  } = options;
+
+  // Return cached sheet immediately
+  if (sheetCache.has(url)) {
+    const cached = sheetCache.get(url)!;
+    if (!document.adoptedStyleSheets.includes(cached)) {
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, cached];
+    }
+    return cached;
+  }
+
+  const response = await fetch(url, {
+    cache,
+    priority,
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to load CSS [${response.status}]: ${url}`);
+  }
+
+  const css = await response.text();
+  const sheet = new CSSStyleSheet({ media });
+
+  sheet.replaceSync(css);
+  sheetCache.set(url, sheet);
+  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+
+  return sheet;
+}
+
+async function loadMultipleCSS(
+  urls: string[],
+  options: any = {}
+): Promise<CSSStyleSheet[]> {
+  return Promise.all(urls.map((url) => loadCSS(url, options)));
+}
+
+function unloadCSS(url: string): boolean {
+  const sheet = sheetCache.get(url);
+  if (!sheet) return false;
+
+  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
+    (s) => s !== sheet
+  );
+  sheetCache.delete(url);
+  return true;
+}
+
+function clearAllCSS(): void {
+  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(
+    (s) => ![...sheetCache.values()].includes(s)
+  );
+  sheetCache.clear();
+}
+
+export { loadCSS, loadMultipleCSS, unloadCSS, clearAllCSS };

package/src/PeacockComponent.ts

@@ -0,0 +1,3 @@
+// Class decorator
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function PeacockComponent(constructor: Function) {}

package/src/avatar/avatar.ts

@@ -17,7 +17,7 @@ import styles from './avatar.scss';
  *
  * @example
  * ```html
- * <base-avatar name="Shivaji Varma" src="https://peacock.redvars.com/assets/img/avatar.webp" style='--avatar-size: 4rem'></base-avatar>
+ * <base-avatar name="Shivaji Varma" src="https://peacock.redvars.com/assets/img/avatar.xs.webp" style='--avatar-size: 4rem'></base-avatar>
  * ```
  *
  * @tags display

package/src/button/button/button.ts

@@ -1,6 +1,7 @@
-import { html, nothing } from 'lit';
+import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import PeacockComponent from 'src/PeacockComponent.js';
 import styles from './button.scss';
 import colorStyles from './button-colors.scss';
 import sizeStyles from './button-sizes.scss';
@@ -42,7 +43,7 @@ import { BaseButton } from '../BaseButton.js';
  * @cssprop --neo-button-container-color: Color of the neo button container.
  * @cssprop --neo-button-label-text-color: Text color of the neo button label.
  *
- * @fires {CustomEvent} button:click - Dispatched when the button is clicked.
+ * @fires {MouseEvent} click - Dispatched when the button is clicked.
  *
  * @example
  * ```html
@@ -50,6 +51,7 @@ import { BaseButton } from '../BaseButton.js';
  * ```
  * @tags display
  */
+@PeacockComponent
 export class Button extends BaseButton {
   static override styles = [styles, colorStyles, sizeStyles];
 

package/src/button/button-group/button-group.ts

@@ -1,6 +1,7 @@
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import PeacockComponent from 'src/PeacockComponent.js';
 import styles from './button-group.scss';
 
 /**
@@ -20,6 +21,7 @@ import styles from './button-group.scss';
  *
  * @tags controls
  */
+@PeacockComponent
 export class ButtonGroup extends LitElement {
   // Lit prefers CSS-in-JS for better performance and scoping.
   // If you prefer keeping the SCSS file, you'll need a build tool (like Vite or Webpack)

package/src/code-highlighter/code-highlighter.ts

@@ -12,6 +12,7 @@ import * as prettierPluginEstree from 'prettier/plugins/estree';
 
 import { BundledLanguage, codeToHtml, ShikiTransformer } from 'shiki';
 
+import PeacockComponent from 'src/PeacockComponent.js';
 import { copyToClipboard } from '../utils/copy-to-clipboard.js';
 import styles from './code-highlighter.scss';
 
@@ -42,6 +43,7 @@ const locale = {
  * ```
  * @tags display
  */
+@PeacockComponent
 export class CodeHighlighter extends LitElement {
   static styles = [styles];
 

package/src/number-counter/number-counter.ts

@@ -1,6 +1,7 @@
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import PeacockComponent from 'src/PeacockComponent.js';
 import styles from './number-counter.scss';
 
 /**
@@ -22,6 +23,7 @@ import styles from './number-counter.scss';
  * ```
  * @tags display
  */
+@PeacockComponent
 export class NumberCounter extends LitElement {
   static styles = [styles];
 

package/src/peacock-loader.ts

@@ -1,5 +1,4 @@
 // Eager loaded
-import cssComponentsStyleSheet from '../assets/styles/tokens.css';
 
 import { Elevation } from './elevation/elevation.js';
 import { FocusRing } from './focus-ring/focus-ring.js';
@@ -42,8 +41,13 @@ import { EmptyState } from './empty-state/empty-state.js';
 import { Container } from './container/container.js';
 
 import { LoaderConfig, LoaderUtils } from './LoaderUtils.js';
-import linkStyles from './link/link.css-component.scss';
-import textStylesheet from './text/text.css-component.scss';
+import { loadCSS } from './CssLoader.js';
+
+
+const distDirectory = `${import.meta.url}/..`;
+await loadCSS(`${distDirectory  }/assets/styles.css`);
+
+/*
 import tooltipStyles from './popover/tooltip.css-component.scss';
 
 function buildSheet(styleSheet: any) {
@@ -54,13 +58,14 @@ function buildSheet(styleSheet: any) {
 }
 
 const styleSheets = [
-  buildSheet(cssComponentsStyleSheet),
-  buildSheet(linkStyles),
-  buildSheet(textStylesheet),
+// buildSheet(cssComponentsStyleSheet),
+// buildSheet(linkStyles),
+// buildSheet(textStylesheet),
   buildSheet(tooltipStyles),
 ];
 
 document.adoptedStyleSheets = styleSheets;
+*/
 
 const loaderConfig: LoaderConfig = {
   components: {
@@ -93,7 +98,7 @@ const loaderConfig: LoaderConfig = {
       CustomElementClass: Elevation,
     },
     'base-clock': {
-      importPath: './clock.js',
+      importPath: `${distDirectory}/clock.js`,
     },
     'base-ripple': {
       CustomElementClass: Ripple,
@@ -144,10 +149,10 @@ const loaderConfig: LoaderConfig = {
       CustomElementClass: Tooltip,
     },
     'number-counter': {
-      importPath: './number-counter.js',
+      importPath: `${distDirectory}/number-counter.js`,
     },
     'code-highlighter': {
-      importPath: './code-highlighter.js',
+      importPath: `${distDirectory}/code-highlighter.js`,
     },
     'base-breadcrumb': {
       CustomElementClass: Breadcrumb,

package/dist/BaseButton.js

@@ -1,209 +0,0 @@
-import { _ as __decorate, n, a as __classPrivateFieldGet } from './property-DNVWDdPC.js';
-import { a as i, A, b } from './lit-element-CA46RFZ_.js';
-import { r } from './state-CV1fRmOT.js';
-import { e } from './query-QBcUV-L_.js';
-import { isActivationClick, dispatchActivationClick } from './utils.js';
-
-var _BaseButton_id;
-class BaseButton extends i {
-    constructor() {
-        super(...arguments);
-        _BaseButton_id.set(this, crypto.randomUUID());
-        this.htmlType = 'button';
-        /**
-         * The visual style of the button.
-         *
-         *  Possible variant values:
-         * `"filled"` is a filled button.
-         * `"outlined"` is an outlined button.
-         * `"text"` is a transparent button.
-         * `"tonal"` is a light color button.
-         * `"elevated"` is elevated button
-         */
-        this.variant = 'filled';
-        /**
-         * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
-         */
-        this.color = 'primary';
-        /**
-         * Button size.
-         * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
-         */
-        this.size = 'sm';
-        /**
-         * If true, the user cannot interact with the button. Defaults to `false`.
-         */
-        this.disabled = false;
-        this.skeleton = false;
-        /**
-         * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.
-         */
-        this.softDisabled = false;
-        /**
-         * If button is disabled, the reason why it is disabled.
-         */
-        this.disabledReason = '';
-        /**
-         * Sets or retrieves the window or frame at which to target content.
-         */
-        this.target = '_self';
-        this.selected = false;
-        /**
-         * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-         */
-        this.throttleDelay = 200;
-        /**
-         * States
-         */
-        this.isPressed = false;
-        this.__handlePress = (event) => {
-            if (this.disabled || this.skeleton || this.softDisabled)
-                return;
-            if (event instanceof KeyboardEvent &&
-                event.type === 'keydown' &&
-                (event.key === 'Enter' || event.key === ' ')) {
-                this.isPressed = true;
-            }
-            else if (event.type === 'mousedown') {
-                this.isPressed = true;
-            }
-            else {
-                this.isPressed = false;
-            }
-        };
-        this.__dispatchClickWithThrottle = event => {
-            this.__dispatchClick(event);
-        };
-        this.__dispatchClick = (event) => {
-            // If the button is soft-disabled or a disabled link, we need to explicitly
-            // prevent the click from propagating to other event listeners as well as
-            // prevent the default action.
-            if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {
-                event.stopImmediatePropagation();
-                event.preventDefault();
-                return;
-            }
-            if (!isActivationClick(event) || !this.buttonElement) {
-                return;
-            }
-            this.focus();
-            dispatchActivationClick(this.buttonElement);
-        };
-    }
-    focus() {
-        this.buttonElement?.focus();
-    }
-    blur() {
-        this.buttonElement?.blur();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('click', this.__dispatchClickWithThrottle);
-        window.addEventListener('mouseup', this.__handlePress);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('mouseup', this.__handlePress);
-        this.removeEventListener('click', this.__dispatchClickWithThrottle);
-        super.disconnectedCallback();
-    }
-    __isLink() {
-        return !!this.href;
-    }
-    __convertTypeToVariantAndColor() {
-        if (this.type === 'primary') {
-            this.color = 'primary';
-            this.variant = 'filled';
-        }
-        else if (this.type === 'secondary') {
-            this.color = 'dark';
-            this.variant = 'outlined';
-        }
-        else if (this.type === 'tertiary') {
-            this.color = 'primary';
-            this.variant = 'text';
-        }
-        else if (this.type === 'danger') {
-            this.color = 'danger';
-            this.variant = 'filled';
-        }
-    }
-    __getDisabledReasonID() {
-        return this.disabled && this.disabledReason
-            ? `disabled-reason-${__classPrivateFieldGet(this, _BaseButton_id, "f")}`
-            : A;
-    }
-    __renderDisabledReason() {
-        const disabledReasonID = this.__getDisabledReasonID();
-        if (disabledReasonID)
-            return b `<div
-        id="disabled-reason-${__classPrivateFieldGet(this, _BaseButton_id, "f")}"
-        role="tooltip"
-        aria-label=${this.disabledReason}
-        class="screen-reader-only"
-      >
-        {this.disabledReason}
-      </div>`;
-        return A;
-    }
-    __renderTooltip() {
-        if (this.tooltip) {
-            return b `<base-tooltip for="button">${this.tooltip}</base-tooltip>`;
-        }
-        return A;
-    }
-}
-_BaseButton_id = new WeakMap();
-__decorate([
-    n({ type: String })
-], BaseButton.prototype, "htmlType", void 0);
-__decorate([
-    n({ type: String })
-], BaseButton.prototype, "type", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "variant", void 0);
-__decorate([
-    n({ reflect: true })
-], BaseButton.prototype, "color", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "size", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BaseButton.prototype, "disabled", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "skeleton", void 0);
-__decorate([
-    n({ reflect: true, attribute: 'soft-disabled' })
-], BaseButton.prototype, "softDisabled", void 0);
-__decorate([
-    n({ attribute: 'disabled-reason' })
-], BaseButton.prototype, "disabledReason", void 0);
-__decorate([
-    n({ reflect: true })
-], BaseButton.prototype, "href", void 0);
-__decorate([
-    n({ reflect: true })
-], BaseButton.prototype, "configAria", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "target", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "selected", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "throttleDelay", void 0);
-__decorate([
-    n()
-], BaseButton.prototype, "tooltip", void 0);
-__decorate([
-    r()
-], BaseButton.prototype, "isPressed", void 0);
-__decorate([
-    e('.button')
-], BaseButton.prototype, "buttonElement", void 0);
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.js.map

package/dist/BaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sources":["../../src/button/BaseButton.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { dispatchActivationClick, isActivationClick } from '../utils.js';\n\nexport class BaseButton extends LitElement {\n  #id = crypto.randomUUID();\n\n  @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n    'button';\n\n  /**\n   * Type is preset of color and variant. Type will be only applied.\n   *\n   */\n  @property({ type: String }) type?: 'primary' | 'secondary' | 'tertiary';\n\n  /**\n   * The visual style of the button.\n   *\n   *  Possible variant values:\n   * `\"filled\"` is a filled button.\n   * `\"outlined\"` is an outlined button.\n   * `\"text\"` is a transparent button.\n   * `\"tonal\"` is a light color button.\n   * `\"elevated\"` is elevated button\n   */\n  @property() variant:\n    | 'elevated'\n    | 'filled'\n    | 'tonal'\n    | 'outlined'\n    | 'text'\n    | 'neo' = 'filled';\n\n  /**\n   * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.\n   */\n  @property({ reflect: true }) color:\n    | 'primary'\n    | 'success'\n    | 'danger'\n    | 'warning'\n    | 'light'\n    | 'dark' = 'primary';\n\n  /**\n   * Button size.\n   * Possible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n   */\n  @property() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n  /**\n   * If true, the user cannot interact with the button. Defaults to `false`.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  @property() skeleton: boolean = false;\n\n  /**\n   * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.\n   */\n  @property({ reflect: true, attribute: 'soft-disabled' })\n  softDisabled: boolean = false;\n\n  /**\n   * If button is disabled, the reason why it is disabled.\n   */\n  @property({ attribute: 'disabled-reason' })\n  disabledReason: string = '';\n\n  /**\n   * Hyperlink to navigate to on click.\n   */\n  @property({ reflect: true }) href?: string;\n\n  @property({ reflect: true })\n  configAria?: { [key: string]: any };\n\n  /**\n   * Sets or retrieves the window or frame at which to target content.\n   */\n  @property() target: string = '_self';\n\n  @property() selected: boolean = false;\n\n  /**\n   * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.\n   */\n  @property() throttleDelay = 200;\n\n  @property() tooltip?: string;\n\n  /**\n   * States\n   */\n  @state()\n  isPressed = false;\n\n  @query('.button') readonly buttonElement!: HTMLElement | null;\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.__dispatchClickWithThrottle);\n    window.addEventListener('mouseup', this.__handlePress);\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('mouseup', this.__handlePress);\n    this.removeEventListener('click', this.__dispatchClickWithThrottle);\n    super.disconnectedCallback();\n  }\n\n  __handlePress = (event: KeyboardEvent | MouseEvent) => {\n    if (this.disabled || this.skeleton || this.softDisabled) return;\n    if (\n      event instanceof KeyboardEvent &&\n      event.type === 'keydown' &&\n      (event.key === 'Enter' || event.key === ' ')\n    ) {\n      this.isPressed = true;\n    } else if (event.type === 'mousedown') {\n      this.isPressed = true;\n    } else {\n      this.isPressed = false;\n    }\n  };\n\n  __isLink() {\n    return !!this.href;\n  }\n\n  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =\n    event => {\n      this.__dispatchClick(event);\n    };\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    // If the button is soft-disabled or a disabled link, we need to explicitly\n    // prevent the click from propagating to other event listeners as well as\n    // prevent the default action.\n    if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    if (!isActivationClick(event) || !this.buttonElement) {\n      return;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.buttonElement);\n  };\n\n  __convertTypeToVariantAndColor() {\n    if (this.type === 'primary') {\n      this.color = 'primary';\n      this.variant = 'filled';\n    } else if (this.type === 'secondary') {\n      this.color = 'dark';\n      this.variant = 'outlined';\n    } else if (this.type === 'tertiary') {\n      this.color = 'primary';\n      this.variant = 'text';\n    } else if (this.type === 'danger') {\n      this.color = 'danger';\n      this.variant = 'filled';\n    }\n  }\n\n  __getDisabledReasonID() {\n    return this.disabled && this.disabledReason\n      ? `disabled-reason-${this.#id}`\n      : nothing;\n  }\n\n  __renderDisabledReason() {\n    const disabledReasonID = this.__getDisabledReasonID();\n    if (disabledReasonID)\n      return html`<div\n        id=\"disabled-reason-${this.#id}\"\n        role=\"tooltip\"\n        aria-label=${this.disabledReason}\n        class=\"screen-reader-only\"\n      >\n        {this.disabledReason}\n      </div>`;\n    return nothing;\n  }\n\n  __renderTooltip() {\n    if (this.tooltip) {\n      return html`<base-tooltip for=\"button\">${this.tooltip}</base-tooltip>`;\n    }\n    return nothing;\n  }\n}\n"],"names":["LitElement","nothing","html","property","state","query"],"mappings":";;;;;;;AAIM,MAAO,UAAW,SAAQA,CAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE,QAAA,cAAA,CAAA,GAAA,CAAA,IAAA,EAAM,MAAM,CAAC,UAAU,EAAE,CAAA;QAEG,IAAA,CAAA,QAAQ,GAClC,QAAQ;AAQV;;;;;;;;;AASG;QACS,IAAA,CAAA,OAAO,GAMP,QAAQ;AAEpB;;AAEG;QAC0B,IAAA,CAAA,KAAK,GAMrB,SAAS;AAEtB;;;AAGG;QACS,IAAA,CAAA,IAAI,GAAqC,IAAI;AAEzD;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAY,KAAK;QAEb,IAAA,CAAA,QAAQ,GAAY,KAAK;AAErC;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAY,KAAK;AAE7B;;AAEG;QAEH,IAAA,CAAA,cAAc,GAAW,EAAE;AAU3B;;AAEG;QACS,IAAA,CAAA,MAAM,GAAW,OAAO;QAExB,IAAA,CAAA,QAAQ,GAAY,KAAK;AAErC;;AAEG;QACS,IAAA,CAAA,aAAa,GAAG,GAAG;AAI/B;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAwBjB,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAiC,KAAI;YACpD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY;gBAAE;YACzD,IACE,KAAK,YAAY,aAAa;gBAC9B,KAAK,CAAC,IAAI,KAAK,SAAS;AACxB,iBAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAC5C;AACA,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;YACvB;AAAO,iBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;AACrC,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;YACvB;iBAAO;AACL,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;YACxB;AACF,QAAA,CAAC;QAMD,IAAA,CAAA,2BAA2B,GACzB,KAAK,IAAG;AACN,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC;AAEH,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAiC,KAAI;;;;AAItD,YAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACtE,KAAK,CAAC,wBAAwB,EAAE;gBAChC,KAAK,CAAC,cAAc,EAAE;gBACtB;YACF;YAEA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACpD;YACF;YAEA,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,uBAAuB,CAAC,IAAI,CAAC,aAAa,CAAC;AAC7C,QAAA,CAAC;IA4CH;IAxGW,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE;IAC7B;IAES,IAAI,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE;IAC5B;IAES,iBAAiB,GAAA;QACxB,KAAK,CAAC,iBAAiB,EAAE;QACzB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,2BAA2B,CAAC;QAChE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;IACxD;IAES,oBAAoB,GAAA;QAC3B,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QACzD,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,2BAA2B,CAAC;QACnE,KAAK,CAAC,oBAAoB,EAAE;IAC9B;IAiBA,QAAQ,GAAA;AACN,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI;IACpB;IAyBA,8BAA8B,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AAC3B,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;QACzB;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AACpC,YAAA,IAAI,CAAC,KAAK,GAAG,MAAM;AACnB,YAAA,IAAI,CAAC,OAAO,GAAG,UAAU;QAC3B;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;AACnC,YAAA,IAAI,CAAC,KAAK,GAAG,SAAS;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,MAAM;QACvB;AAAO,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AACjC,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,YAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;QACzB;IACF;IAEA,qBAAqB,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC;AAC3B,cAAE,CAAA,gBAAA,EAAmB,sBAAA,CAAA,IAAI,sBAAI,CAAA;cAC3BC,CAAO;IACb;IAEA,sBAAsB,GAAA;AACpB,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,EAAE;AACrD,QAAA,IAAI,gBAAgB;AAClB,YAAA,OAAOC,CAAI,CAAA,CAAA;AACa,4BAAA,EAAA,sBAAA,CAAA,IAAI,EAAA,cAAA,EAAA,GAAA,CAAI,CAAA;;AAEjB,mBAAA,EAAA,IAAI,CAAC,cAAc;;;;aAI3B;AACT,QAAA,OAAOD,CAAO;IAChB;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,OAAOC,CAAI,CAAA,CAAA,2BAAA,EAA8B,IAAI,CAAC,OAAO,iBAAiB;QACxE;AACA,QAAA,OAAOD,CAAO;IAChB;AACD;;AAtM6B,UAAA,CAAA;AAA3B,IAAAE,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACf,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMiB,UAAA,CAAA;AAA3B,IAAAA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAA8C,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAY5D,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAMY,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAKQ,UAAA,CAAA;AAA5B,IAAAA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AAMJ,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMX,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAiD,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAM1D,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAEd,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAA6B,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMtC,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE;AACzB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAM9B,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACd,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAKC,UAAA,CAAA;AAA5B,IAAAA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AAAgB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAG3C,UAAA,CAAA;AADC,IAAAA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACS,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAKxB,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAA4B,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAEzB,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAA6B,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAK1B,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAuB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAEpB,UAAA,CAAA;AAAX,IAAAA,CAAQ;AAAoB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAM7B,UAAA,CAAA;AADC,IAAAC,CAAK;AACY,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAES,UAAA,CAAA;IAA1BC,CAAK,CAAC,SAAS;AAA8C,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;;;;"}

package/dist/BaseInput.js

@@ -1,27 +0,0 @@
-import { _ as __decorate, n } from './property-DNVWDdPC.js';
-import { a as i } from './lit-element-CA46RFZ_.js';
-
-class BaseInput extends i {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.readonly = false;
-        this.required = false;
-        this.skeleton = false;
-    }
-}
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BaseInput.prototype, "disabled", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BaseInput.prototype, "readonly", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BaseInput.prototype, "required", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], BaseInput.prototype, "skeleton", void 0);
-
-export { BaseInput as default };
-//# sourceMappingURL=BaseInput.js.map

package/dist/BaseInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.js","sources":["../../src/input/BaseInput.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"],"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;;;;"}

package/dist/accordion-item.js

@@ -1,191 +0,0 @@
-import { _ as __decorate, n, a as __classPrivateFieldGet } from './property-DNVWDdPC.js';
-import { i, a as i$1, b } from './lit-element-CA46RFZ_.js';
-import { e } from './query-QBcUV-L_.js';
-import { e as e$1 } from './class-map-BmCohX9p.js';
-import './directive-Cuw6h7YA.js';
-
-var css_248z = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: block;
-  --accordion-item-title-align: start;
-}
-
-.accordion-item .accordion-heading {
-  cursor: pointer;
-  width: 100%;
-  border-radius: 0;
-  border: 0;
-  padding: 0 var(--spacing-200);
-  background: var(--accordion-item-heading-background, transparent);
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 0.5rem;
-  font-family: var(--typography-title-medium-font-family) !important;
-  font-size: var(--typography-title-medium-font-size) !important;
-  font-weight: var(--typography-title-medium-font-weight) !important;
-  line-height: var(--typography-title-medium-line-height) !important;
-  letter-spacing: var(--typography-title-medium-letter-spacing) !important;
-}
-.accordion-item .accordion-heading .accordion-title {
-  width: 100%;
-  text-align: var(--accordion-item-title-align);
-}
-.accordion-item .accordion-heading:focus-visible {
-  outline: 2px solid var(--color-black);
-}
-.accordion-item .accordion-heading .accordion-icon {
-  --icon-size: 1.5rem;
-  --icon-color: currentColor;
-  transition: transform var(--duration-short2) var(--easing-standard);
-}
-.accordion-item .item-section {
-  height: 0;
-  opacity: 0;
-  pointer-events: none;
-  text-align: start;
-  transition: all var(--duration-short2) var(--easing-standard);
-}
-.accordion-item:not(.disabled) .accordion-heading:hover {
-  --accordion-item-heading-background: var(--color-inverse-primary);
-}
-.accordion-item.disabled .accordion-heading {
-  cursor: not-allowed;
-  color: var(--color-on-surface);
-  opacity: 0.38;
-}
-.accordion-item.open .item-section {
-  height: 100%;
-  pointer-events: auto;
-  opacity: 1;
-  padding: var(--spacing-100) var(--spacing-800) var(--spacing-300) var(--spacing-200);
-}
-.accordion-item.open .accordion-icon {
-  transform: rotate(180deg);
-}
-
-/*
- * Sizes
- */
-.accordion-item .accordion-heading {
-  height: 2.5rem;
-}
-
-:host-context([size=sm]) .accordion-item .accordion-heading {
-  height: 2rem;
-}
-
-:host-context([size=lg]) .accordion-item .accordion-heading {
-  height: 3rem;
-}
-
-:host-context(p-accordion[align=start]) .accordion-item .accordion-heading {
-  flex-direction: row;
-}`;
-
-var _AccordionItem_id;
-/**
- * @label Accordion Item
- * @tag accordion-item
- * @rawTag accordion
- * @summary An accordion item is single item in an accordion list. It contains a header and a content section that can be expanded or collapsed by the user.
- *
- * @example
- * ```html
- * <base-accordion-item>
- * Testing
- * </accordion-item>
- * ```
- * @tags display
- */
-class AccordionItem extends i$1 {
-    constructor() {
-        super(...arguments);
-        _AccordionItem_id.set(this, crypto.randomUUID());
-        /**
-         * The menu item value.
-         */
-        this.heading = '';
-        /**
-         * If true, the user cannot interact with the button. Defaults to `false`.
-         */
-        this.disabled = false;
-        /**
-         * Menu item selection state.
-         */
-        this.open = false;
-    }
-    focus() {
-        this.buttonElement?.focus();
-    }
-    blur() {
-        this.buttonElement?.blur();
-    }
-    __handleToggle() {
-        if (this.disabled)
-            return;
-        this.open = !this.open;
-        this.dispatchEvent(new CustomEvent('accordion-item--toggle', {
-            bubbles: true,
-            composed: true,
-            detail: { open: this.open, id: __classPrivateFieldGet(this, _AccordionItem_id, "f") },
-        }));
-    }
-    render() {
-        return b `<div
-      class=${e$1({
-            'accordion-item': true,
-            open: this.open,
-            disabled: this.disabled,
-        })}
-    >
-      <button
-        id=${`accordion-heading-${__classPrivateFieldGet(this, _AccordionItem_id, "f")}`}
-        tabindex="0"
-        aria-controls=${`accordion-control-${__classPrivateFieldGet(this, _AccordionItem_id, "f")}`}
-        class="accordion-heading"
-        aria-disabled=${this.disabled}
-        @click=${this.__handleToggle}
-        aria-expanded=${this.open}
-      >
-        <base-icon class="accordion-icon" name="keyboard_arrow_down"></base-icon>
-        <div part="title" class="accordion-title">
-          <slot name="heading">${this.heading}</slot>
-        </div>
-      </button>
-      <div
-        class="item-section slot-main"
-        id=${`accordion-control-${__classPrivateFieldGet(this, _AccordionItem_id, "f")}`}
-        aria-labelledby=${`accordion-heading-${__classPrivateFieldGet(this, _AccordionItem_id, "f")}`}
-        role="region"
-      >
-        <slot></slot>
-      </div>
-    </div>`;
-    }
-}
-_AccordionItem_id = new WeakMap();
-AccordionItem.styles = [css_248z];
-__decorate([
-    n({ type: String, reflect: true })
-], AccordionItem.prototype, "heading", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], AccordionItem.prototype, "disabled", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], AccordionItem.prototype, "open", void 0);
-__decorate([
-    e('.accordion-heading')
-], AccordionItem.prototype, "buttonElement", void 0);
-
-export { AccordionItem };
-//# sourceMappingURL=accordion-item.js.map