@redvars/peacock 3.2.10 → 3.3.0

package/dist/src/image/image.d.ts

@@ -1,23 +1,15 @@
 import { LitElement } from 'lit';
 /**
  * @label Image
- * @tag base-image
+ * @tag wc-image
  * @rawTag image
- *
- * @summary Image
- * @overview
- *  - CodeHighlighter is a component that provides syntax highlighting for code snippets.
- *  - It supports various programming languages and can display line numbers for better readability.
+ * @summary An image component with lazy loading and theme support.
+ * @tags media
  *
  * @example
  * ```html
- * <code-highlighter language="javascript" style="height: 9rem"><pre><code>
- *   function helloWorld() {
- *     console.log('Hello, world!');
- *   }</code></pre>
- * </code-highlighter>
+ * <wc-image src="image.jpg" alt="Description"></wc-image>
  * ```
- * @tags display
  */
 export declare class Image extends LitElement {
     static styles: import("lit").CSSResultGroup[];

package/dist/src/index.d.ts

@@ -7,7 +7,7 @@ export { Elevation } from './elevation/index.js';
 export { Button, ButtonGroup, IconButton } from './button/index.js';
 export { FocusRing } from './focus-ring/index.js';
 export { Ripple } from './ripple/index.js';
-export { Accordion } from './accordion/accordion/index.js';
+export { Accordion } from './accordion/index.js';
 export { Link } from './link/index.js';
 export { Tag } from './chip/tag/index.js';
 export { Chip } from './chip/chip/index.js';
@@ -30,3 +30,7 @@ export { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';
 export { CodeHighlighter } from './code-highlighter/index.js';
 export { CodeEditor } from './code-editor/index.js';
 export { Image } from './image/index.js';
+export { Tab, TabGroup, TabPanel, Tabs } from './tabs/index.js';
+export { Slider } from './slider/index.js';
+export { ChartDoughnut } from './chart-doughnut/index.js';
+export { ChartPie } from './chart-pie/index.js';

package/dist/src/input/input.d.ts

@@ -1,14 +1,14 @@
 import BaseInput from './BaseInput.js';
 /**
  * @label Input
- * @tag input-field
+ * @tag wc-input
  * @rawTag input
  *
  * @summary The Input component is used to capture user input.
  *
  * @example
  * ```html
- * <input-field label="Name" required placeholder="Enter your name"></input-field>
+ * <wc-input label="Name" required placeholder="Enter your name"></wc-input>
  * ```
  */
 export declare class Input extends BaseInput {

package/dist/src/link/link.d.ts

@@ -1,17 +1,16 @@
 import { LitElement } from 'lit';
 /**
  * @label Link
- * @tag base-link
+ * @tag wc-link
  * @rawTag link
  * @summary The link component is used to navigate to a new page or section within the current page.
- *
- * @cssprop --badge-color - Controls the color of the badge.
+ * @cssprop --link-color - Controls the color of the link.
+ * @tags navigation
  *
  * @example
  * ```html
- * <base-link href="#">Link</base-link>
+ * <wc-link href="#">Link</wc-link>
  * ```
- * @tags display
  */
 export declare class Link extends LitElement {
     static styles: import("lit").CSSResultGroup[];

package/dist/src/menu/menu/menu.d.ts

@@ -1,4 +1,20 @@
 import { LitElement } from 'lit';
+/**
+ * @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>
+ * ```
+ */
 export declare class Menu extends LitElement {
     open: boolean;
     align: string;

package/dist/src/menu/menu-item/menu-item.d.ts

@@ -1,4 +1,16 @@
 import { LitElement } from 'lit';
+/**
+ * @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>
+ * ```
+ */
 export declare class MenuItem extends LitElement {
     disabled: boolean;
     value: string;

package/dist/src/menu/menu-list/menu-list.d.ts

@@ -1,4 +1,19 @@
 import { LitElement } from 'lit';
+/**
+ * @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>
+ * ```
+ */
 export declare class MenuList extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     variant: 'standard' | 'vibrant';

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

@@ -1,19 +1,21 @@
 import { LitElement, nothing } from 'lit';
 /**
  * @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

package/dist/src/number-field/number-field.d.ts

@@ -8,7 +8,7 @@ import BaseInput from '../input/BaseInput.js';
  *
  * @example
  * ```html
- * <number-field label="Age" placeholder="Enter your age"></number-field>
+ * <wc-number-field label="Age" placeholder="Enter your age"></wc-number-field>
  * ```
  */
 export declare class NumberField extends BaseInput {

package/dist/src/popover/index.d.ts

@@ -1 +1 @@
-export { Tooltip } from './tooltip/tooltip.js';
+export { Tooltip } from '../tooltip/tooltip.js';

package/dist/src/progress/circular-progress/circular-progress.d.ts

@@ -1,14 +1,14 @@
 import { BaseProgress } from '../base-progress.js';
 /**
  * @label Circular Progress
- * @tag circular-progress
+ * @tag wc-circular-progress
  * @rawTag circular-progress
- *
  * @summary A circular progress indicator is a visual representation of progress toward a specific goal.
+ * @tags display
  *
  * @example
  * ```html
- * <circular-progress value="30"></circular-progress>
+ * <wc-circular-progress value="30"></wc-circular-progress>
  * ```
  */
 export declare class CircularProgress extends BaseProgress {

package/dist/src/progress/linear-progress/linear-progress.d.ts

@@ -1,14 +1,14 @@
 import { BaseProgress } from '../base-progress.js';
 /**
  * @label Linear Progress
- * @tag linear-progress
+ * @tag wc-linear-progress
  * @rawTag linear-progress
- *
  * @summary A linear progress indicator is a visual representation of progress toward a specific goal.
+ * @tags display
  *
  * @example
  * ```html
- * <linear-progress value="30" style="width:10rem"></linear-progress>
+ * <wc-linear-progress value="30" style="width:10rem"></wc-linear-progress>
  * ```
  */
 export declare class LinearProgress extends BaseProgress {

package/dist/src/ripple/ripple.d.ts

@@ -1,9 +1,65 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+/**
+ * @label Ripple
+ * @tag wc-ripple
+ * @rawTag ripple
+ *
+ * @summary Provides ripple effect for interactive elements.
+ * @overview
+ * <p>Ripple creates a visual feedback effect when users interact with buttons or other clickable elements.</p>
+ *
+ * @example
+ * ```html
+ * <button style="position: relative;">
+ *   <wc-ripple></wc-ripple>
+ *   Click me
+ * </button>
+ * ```
+ * @tags display
+ */
 export declare class Ripple extends LitElement {
     static styles: import("lit").CSSResult;
+    /**
+     * Disables the ripple.
+     */
+    disabled: boolean;
+    private hovered;
+    private pressed;
+    private readonly mdRoot;
+    private rippleSize;
+    private rippleScale;
+    private initialSize;
+    private growAnimation?;
+    private state;
+    private rippleStartEvent?;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    _setupParent(): void;
-    _createRipple: (event: PointerEvent) => void;
-    render(): import("lit-html").TemplateResult<1>;
+    attach(control: HTMLElement): void;
+    detach(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected update(changedProps: PropertyValues<Ripple>): void;
+    handlePointerenter(event: PointerEvent): void;
+    handlePointerleave(event: PointerEvent): void;
+    private handlePointerup;
+    private handlePointerdown;
+    private handleClick;
+    private handlePointercancel;
+    private handleContextmenu;
+    private determineRippleSize;
+    private getTranslationCoordinates;
+    private startPressAnimation;
+    private endPressAnimation;
+    /**
+     * Returns `true` if
+     *  - the ripple element is enabled
+     *  - the pointer is primary for the input type
+     *  - the pointer is the pointer that started the interaction, or will start
+     * the interaction
+     *  - the pointer is a touch, or the pointer state has the primary button
+     * held, or the pointer is hovering
+     */
+    private shouldReactToEvent;
+    private isTouch;
+    handleEvent(event: Event): Promise<void>;
+    private getNormalizedPointerEventCoords;
 }

package/dist/src/skeleton/skeleton.d.ts

@@ -1,14 +1,15 @@
 import { LitElement } from 'lit';
 /**
  * @label Skeleton
- *
- * @tag base-skeleton
+ * @tag wc-skeleton
  * @rawTag skeleton
- *
  * @summary Adds a skeleton effect to an element.
- *
- *
  * @tags display
+ *
+ * @example
+ * ```html
+ * <wc-skeleton visible></wc-skeleton>
+ * ```
  */
 export declare class Skeleton extends LitElement {
     static styles: import("lit").CSSResultGroup[];

package/dist/src/slider/index.d.ts

@@ -0,0 +1 @@
+export { Slider } from './slider.js';

package/dist/src/slider/slider.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+/**
+ * @label Slider
+ * @tag wc-slider
+ * @rawTag slider
+ *
+ * @summary Sliders allow users to make selections from a range of values.
+ *
+ * @fires {CustomEvent} input - Dispatched when the slider value changes during interaction.
+ * @fires {CustomEvent} change - Dispatched when the slider interaction ends.
+ *
+ * @example
+ * ```html
+ * <wc-slider min="0" max="100" value="50"></wc-slider>
+ * ```
+ */
+export declare class Slider extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The minimum value of the slider.
+     */
+    min: number;
+    /**
+     * The maximum value of the slider.
+     */
+    max: number;
+    /**
+     * The current value of the slider.
+     */
+    value: number;
+    /**
+     * The step increment for the slider.
+     */
+    step: number;
+    /**
+     * Whether the slider is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether to show labels on the slider.
+     */
+    labeled: boolean;
+    private isDragging;
+    private container;
+    private thumbElement;
+    private handleInput;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/spinner/spinner.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 /**
  * @label Spinner
- * @tag base-spinner
+ * @tag wc-spinner
  * @rawTag spinner
  * @summary A spinner component that animates a circular shape.
  * @cssprop --spinner-track-color - The color of the track.
@@ -10,7 +10,7 @@ import { LitElement } from 'lit';
  *
  * @example
  * ```html
- * <base-spinner></base-spinner>
+ * <wc-spinner></wc-spinner>
  * ```
  */
 export declare class Spinner extends LitElement {

package/dist/src/switch/switch.d.ts

@@ -2,7 +2,7 @@ import { nothing } from 'lit';
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Switch
- * @tag base-switch
+ * @tag wc-switch
  * @rawTag switch
  *
  * @summary Captures boolean input with an on/off switch interaction.
@@ -22,7 +22,7 @@ import BaseInput from '../input/BaseInput.js';
  *
  * @example
  * ```html
- * <base-switch value="true"></base-switch>
+ * <wc-switch value="true"></wc-switch>
  * ```
  * @tags input, form
  */

package/dist/src/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { Tab } from './tab.js';
+export { TabGroup } from './tab-group.js';
+export { TabPanel } from './tab-panel.js';
+export { Tabs } from './tabs.js';

package/dist/src/tabs/tab-group.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+/**
+ * @label Tab Group
+ * @tag wc-tab-group
+ * @rawTag tab-group
+ *
+ * @summary The tab group component is used to display multiple panels of content in a container.
+ * @overview
+ * <p>The tab group component allows users to switch between different views or content sections.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab-group>
+ *
+ *   <wc-tabs>
+ *    <wc-tab selected >Tab 1</wc-tab>
+ *    <wc-tab>Tab 2</wc-tab>
+ *   </wc-tabs>
+ *
+ *   <wc-tab-panel>Panel 1</wc-tab-panel>
+ *   <wc-tab-panel>Panel 2</wc-tab-panel>
+ * </wc-tab-group>
+ * ```
+ * @tags navigation
+ */
+export declare class TabGroup extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    variant: 'line' | 'line-secondary' | 'contained' | 'pill';
+    private uid;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private onTabClick;
+    selectTab(target: string): void;
+    private getTabs;
+    private getTabPanels;
+    private getTabList;
+    private tabsHaveTarget;
+    private initializeTabs;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/tabs/tab-panel.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * @label Tab Panel
+ * @tag wc-tab-panel
+ * @rawTag tab-panel
+ *
+ * @summary Content panel for tabs.
+ * @overview
+ * <p>TabPanel contains the content associated with a tab.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab-panel>Content for this tab</wc-tab-panel>
+ * ```
+ * @tags navigation
+ */
+export declare class TabPanel extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    value?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/tabs/tab.d.ts

@@ -0,0 +1,58 @@
+import { LitElement, nothing } from 'lit';
+/**
+ * @label Tab
+ * @tag wc-tab
+ * @rawTag tab
+ *
+ * @summary A tab component for use within tabs.
+ * @overview
+ * <p>Tab represents an individual tab in a tabs component.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tab>Tab Label</wc-tab>
+ * ```
+ * @tags navigation
+ */
+export declare class Tab extends LitElement {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    active: boolean;
+    disabled: boolean;
+    disabledReason: string;
+    icon?: string;
+    label?: string;
+    value?: string;
+    configAria?: {
+        [key: string]: any;
+    };
+    /**
+    * Sets or retrieves the window or frame at which to target content.
+    */
+    target: string;
+    href?: string;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    hasFocus: boolean;
+    slotHasContent: boolean;
+    /**
+      * States
+      */
+    isPressed: boolean;
+    private _tabindex;
+    readonly tabElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    constructor();
+    firstUpdated(): void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __isLink(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    renderTabContent(): import("lit-html").TemplateResult<1>;
+    __getDisabledReasonID(): string | typeof nothing;
+    __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
+}

package/dist/src/tabs/tabs.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @label Tabs
+ * @tag wc-tabs
+ * @rawTag tabs
+ *
+ * @summary Container for tab components.
+ * @overview
+ * <p>Tabs holds the tab buttons and manages their layout.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tabs>
+ *   <wc-tab>Tab 1</wc-tab>
+ *   <wc-tab>Tab 2</wc-tab>
+ * </wc-tabs>
+ * ```
+ * @tags navigation
+ */
+export declare class Tabs extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    managed: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private __handleTabClick;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/textarea/textarea.d.ts

@@ -1,14 +1,14 @@
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Textarea
- * @tag textarea-field
+ * @tag wc-textarea
  * @rawTag textarea
- *
  * @summary The Textarea component is used to capture user input.
+ * @tags input
  *
  * @example
  * ```html
- * <textarea-field label="Name" required placeholder="Enter your name"></textarea-field>
+ * <wc-textarea label="Description" placeholder="Enter text"></wc-textarea>
  * ```
  */
 export declare class Textarea extends BaseInput {

package/dist/src/time-picker/time-picker.d.ts

@@ -1,14 +1,14 @@
 import BaseInput from '../input/BaseInput.js';
 /**
  * @label Time Picker
- * @tag time-picker
+ * @tag wc-time-picker
  * @rawTag time-picker
- *
  * @summary The Time Picker component is used to capture time user input.
+ * @tags input
  *
  * @example
  * ```html
- * <time-picker label="Name" required placeholder="Enter your name"></time-picker>
+ * <wc-time-picker label="Time" placeholder="Select a time"></wc-time-picker>
  * ```
  */
 export declare class TimePicker extends BaseInput {

package/dist/src/{popover/tooltip → tooltip}/tooltip.d.ts

@@ -2,15 +2,17 @@ import { LitElement } from 'lit';
 export type TooltipTrigger = 'hover' | 'focus' | 'click';
 /**
  * @label Tooltip
- * @tag base-tooltip
+ * @tag wc-tooltip
  * @rawTag tooltip
  * @summary Displays a tooltip for an element.
+ * @tags display
  *
  * @example
  * ```html
- * <span class="tooltip">Tooltip</span>
+ * <wc-tooltip content="Tooltip text">
+ *   <button>Hover me</button>
+ * </wc-tooltip>
  * ```
- * @tags display
  */
 export declare class Tooltip extends LitElement {
     static styles: import("lit").CSSResultGroup[];
@@ -23,6 +25,7 @@ export declare class Tooltip extends LitElement {
     trigger: string;
     open: boolean;
     variant: 'plain' | 'rich';
+    preview: boolean;
     floatingEl: HTMLElement;
     private _target;
     private _popover;

package/dist/{state-B09bP3XH.js → state-8v48Exzh.js}

@@ -1,4 +1,4 @@
-import { n } from './PeacockComponent-CxJc63xj.js';
+import { n } from './IndividualComponent-tDnXrOLV.js';
 
 /**
  * @license
@@ -7,4 +7,4 @@ import { n } from './PeacockComponent-CxJc63xj.js';
  */function r(r){return n({...r,state:true,attribute:false})}
 
 export { r };
-//# sourceMappingURL=state-B09bP3XH.js.map
+//# sourceMappingURL=state-8v48Exzh.js.map

package/dist/{state-B09bP3XH.js.map → state-8v48Exzh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"state-B09bP3XH.js","sources":["../node_modules/@lit/reactive-element/decorators/state.js"],"sourcesContent":["import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n"],"names":["t"],"mappings":";;AACA;AACA;AACA;AACA;AACA,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAE,CAAC,SAAS,CAAC,KAAE,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"state-8v48Exzh.js","sources":["../node_modules/@lit/reactive-element/decorators/state.js"],"sourcesContent":["import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n"],"names":["t"],"mappings":";;AACA;AACA;AACA;AACA;AACA,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAOA,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAE,CAAC,SAAS,CAAC,KAAE,CAAC,CAAC;;;;","x_google_ignoreList":[0]}