@synergy-design-system/components 2.0.0 → 2.1.0

package/dist/components/side-nav/side-nav.component.js

@@ -1,25 +1,25 @@
 import {
   SynSideNav
-} from "../../chunks/chunk.QKQIHI54.js";
+} from "../../chunks/chunk.PGZOI4DU.js";
 import "../../chunks/chunk.ONW45GQI.js";
-import "../../chunks/chunk.2RTVPLA4.js";
+import "../../chunks/chunk.2FG75Q7J.js";
 import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.PHSJD47V.js";
 import "../../chunks/chunk.ITXLZUTJ.js";
 import "../../chunks/chunk.RIJKFEYZ.js";
 import "../../chunks/chunk.2QOQY4ZG.js";
-import "../../chunks/chunk.XKMNFCMU.js";
+import "../../chunks/chunk.KGJX3LKJ.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.ACTJFDNK.js";
-import "../../chunks/chunk.OF7YXNPE.js";
+import "../../chunks/chunk.7BN75LQX.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
-import "../../chunks/chunk.HSJIUWQS.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66WXVGAW.js";
@@ -27,7 +27,7 @@ import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.M6WH7QEC.js";
 import "../../chunks/chunk.6XXPHG57.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynSideNav as default

package/dist/components/side-nav/side-nav.js

@@ -1,26 +1,26 @@
 import {
   side_nav_default
-} from "../../chunks/chunk.3VIWDL7Y.js";
-import "../../chunks/chunk.QKQIHI54.js";
+} from "../../chunks/chunk.WFVW45MV.js";
+import "../../chunks/chunk.PGZOI4DU.js";
 import "../../chunks/chunk.ONW45GQI.js";
-import "../../chunks/chunk.2RTVPLA4.js";
+import "../../chunks/chunk.2FG75Q7J.js";
 import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.PHSJD47V.js";
 import "../../chunks/chunk.ITXLZUTJ.js";
 import "../../chunks/chunk.RIJKFEYZ.js";
 import "../../chunks/chunk.2QOQY4ZG.js";
-import "../../chunks/chunk.XKMNFCMU.js";
+import "../../chunks/chunk.KGJX3LKJ.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.ACTJFDNK.js";
-import "../../chunks/chunk.OF7YXNPE.js";
+import "../../chunks/chunk.7BN75LQX.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
-import "../../chunks/chunk.HSJIUWQS.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66WXVGAW.js";
@@ -28,7 +28,7 @@ import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
 import "../../chunks/chunk.M6WH7QEC.js";
 import "../../chunks/chunk.6XXPHG57.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   side_nav_default as default

package/dist/components/spinner/spinner.component.js

@@ -1,11 +1,11 @@
 import {
   SynSpinner
-} from "../../chunks/chunk.MFMME6IU.js";
+} from "../../chunks/chunk.76N53L44.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.66DXY7BX.js";
 import "../../chunks/chunk.M6WH7QEC.js";
 import "../../chunks/chunk.6XXPHG57.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynSpinner as default

package/dist/components/spinner/spinner.js

@@ -1,12 +1,12 @@
 import {
   spinner_default
-} from "../../chunks/chunk.7QPPPSLU.js";
-import "../../chunks/chunk.MFMME6IU.js";
+} from "../../chunks/chunk.C6OY6VJH.js";
+import "../../chunks/chunk.76N53L44.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.66DXY7BX.js";
 import "../../chunks/chunk.M6WH7QEC.js";
 import "../../chunks/chunk.6XXPHG57.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   spinner_default as default

package/dist/components/switch/switch.component.js

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "../../chunks/chunk.CYJIE45P.js";
+} from "../../chunks/chunk.7KDXBRUI.js";
 import "../../chunks/chunk.W5JK7V7K.js";
 import "../../chunks/chunk.TAO5QIIQ.js";
 import "../../chunks/chunk.WFAJR3FN.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.TTL762VF.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynSwitch as default

package/dist/components/switch/switch.js

@@ -1,7 +1,7 @@
 import {
   switch_default
-} from "../../chunks/chunk.CZK6Y6J7.js";
-import "../../chunks/chunk.CYJIE45P.js";
+} from "../../chunks/chunk.JZHMDO6I.js";
+import "../../chunks/chunk.7KDXBRUI.js";
 import "../../chunks/chunk.W5JK7V7K.js";
 import "../../chunks/chunk.TAO5QIIQ.js";
 import "../../chunks/chunk.WFAJR3FN.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.TTL762VF.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.NF2R6RZV.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   switch_default as default

package/dist/components/tab/tab.component.d.ts

@@ -0,0 +1,51 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIconButton from '../icon-button/icon-button.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
+ * @documentation https://synergy.style/components/tab
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon-button
+ *
+ * @slot - The tab's label.
+ *
+ * @event syn-close - Emitted when the tab is closable and the close button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart close-button - The close button, an `<syn-icon-button>`.
+ * @csspart close-button__base - The close button's exported `base` part.
+ */
+export default class SynTab extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon-button': typeof SynIconButton;
+    };
+    private readonly localize;
+    private readonly attrId;
+    private readonly componentId;
+    tab: HTMLElement;
+    /** The name of the tab panel this tab is associated with. The panel must be located in the same tab group. */
+    panel: string;
+    /** Draws the tab in an active state. */
+    active: boolean;
+    /** Makes the tab closable and shows a close button. */
+    closable: boolean;
+    /** Disables the tab and prevents selection. */
+    disabled: boolean;
+    connectedCallback(): void;
+    private handleCloseClick;
+    handleActiveChange(): void;
+    handleDisabledChange(): void;
+    /** Sets focus to the tab. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the tab. */
+    blur(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tab': SynTab;
+    }
+}

package/dist/components/tab/tab.component.js

@@ -0,0 +1,24 @@
+import {
+  SynTab
+} from "../../chunks/chunk.WJ7KOQIH.js";
+import "../../chunks/chunk.OE4RXQU2.js";
+import "../../chunks/chunk.WXYS5UVK.js";
+import "../../chunks/chunk.7BN75LQX.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.SDQC32B3.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynTab as default
+};
+//# sourceMappingURL=tab.component.js.map

package/dist/components/tab/tab.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab/tab.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tab/tab.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  tab_custom_styles_default
+} from "../../chunks/chunk.OE4RXQU2.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_custom_styles_default as default
+};
+//# sourceMappingURL=tab.custom.styles.js.map

package/dist/components/tab/tab.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab/tab.d.ts

@@ -0,0 +1,8 @@
+import SynTab from './tab.component.js';
+export * from './tab.component.js';
+export default SynTab;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tab': SynTab;
+    }
+}

package/dist/components/tab/tab.js

@@ -0,0 +1,25 @@
+import {
+  tab_default
+} from "../../chunks/chunk.7FKF5RI3.js";
+import "../../chunks/chunk.WJ7KOQIH.js";
+import "../../chunks/chunk.OE4RXQU2.js";
+import "../../chunks/chunk.WXYS5UVK.js";
+import "../../chunks/chunk.7BN75LQX.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.SDQC32B3.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_default as default
+};
+//# sourceMappingURL=tab.js.map

package/dist/components/tab/tab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab/tab.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tab/tab.styles.js

@@ -0,0 +1,8 @@
+import {
+  tab_styles_default
+} from "../../chunks/chunk.WXYS5UVK.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_styles_default as default
+};
+//# sourceMappingURL=tab.styles.js.map

package/dist/components/tab/tab.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-group/tab-group.component.d.ts

@@ -0,0 +1,85 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIconButton from '../icon-button/icon-button.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Tab groups organize content into a container that shows one section at a time.
+ * @documentation https://synergy.style/components/tab-group
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon-button
+ *
+ * @slot - Used for grouping tab panels in the tab group. Must be `<syn-tab-panel>` elements.
+ * @slot nav - Used for grouping tabs in the tab group. Must be `<syn-tab>` elements.
+ *
+ * @event {{ name: String }} syn-tab-show - Emitted when a tab is shown. The payload of the event returns the "panel" attribute of the shown tab.
+ * @event {{ name: String }} syn-tab-hide - Emitted when a tab is hidden. The payload of the event returns the "panel" attribute of the hidden tab.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart nav - The tab group's navigation container where tabs are slotted in.
+ * @csspart tabs - The container that wraps the tabs.
+ * @csspart active-tab-indicator - The line that highlights the currently selected tab.
+ * @csspart body - The tab group's body where tab panels are slotted in.
+ * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<syn-icon-button>`.
+ * @csspart scroll-button--start - The starting scroll button.
+ * @csspart scroll-button--end - The ending scroll button.
+ * @csspart scroll-button__base - The scroll button's exported `base` part.
+ *
+ * @cssproperty --indicator-color - The color of the active tab indicator.
+ * @cssproperty --indicator-width - The width of the active tab indicator.
+ * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).
+ * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).
+ */
+export default class SynTabGroup extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon-button': typeof SynIconButton;
+    };
+    private readonly localize;
+    private activeTab?;
+    private mutationObserver;
+    private resizeObserver;
+    private tabs;
+    private panels;
+    tabGroup: HTMLElement;
+    body: HTMLSlotElement;
+    nav: HTMLElement;
+    indicator: HTMLElement;
+    private hasScrollControls;
+    /** The placement of the tabs. */
+    placement: 'top' | 'start' | 'end';
+    /**
+     * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
+     * manual, the tab will receive focus but will not show until the user presses spacebar or enter.
+     */
+    activation: 'auto' | 'manual';
+    /** Disables the scroll arrows that appear when tabs overflow. */
+    noScrollControls: boolean;
+    /** Draws the tab group as a contained element. */
+    contained: boolean;
+    /** Draws the tab group with edges instead of roundings. Takes only effect if used with the 'contained' property */
+    sharp: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private getAllTabs;
+    private getAllPanels;
+    private getActiveTab;
+    private handleClick;
+    private handleKeyDown;
+    private handleScrollToStart;
+    private handleScrollToEnd;
+    private setActiveTab;
+    private setAriaLabels;
+    private repositionIndicator;
+    private syncTabsAndPanels;
+    updateScrollControls(): void;
+    syncIndicator(): void;
+    /** Shows the specified tab panel. */
+    show(panel: string): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tab-group': SynTabGroup;
+    }
+}

package/dist/components/tab-group/tab-group.component.js

@@ -0,0 +1,25 @@
+import {
+  SynTabGroup
+} from "../../chunks/chunk.63OREJEF.js";
+import "../../chunks/chunk.NGI67WXT.js";
+import "../../chunks/chunk.QTTBNK5Q.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
+import "../../chunks/chunk.7BN75LQX.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.SDQC32B3.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynTabGroup as default
+};
+//# sourceMappingURL=tab-group.component.js.map

package/dist/components/tab-group/tab-group.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-group/tab-group.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tab-group/tab-group.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  tab_group_custom_styles_default
+} from "../../chunks/chunk.NGI67WXT.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_group_custom_styles_default as default
+};
+//# sourceMappingURL=tab-group.custom.styles.js.map

package/dist/components/tab-group/tab-group.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-group/tab-group.d.ts

@@ -0,0 +1,8 @@
+import SynTabGroup from './tab-group.component.js';
+export * from './tab-group.component.js';
+export default SynTabGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tab-group': SynTabGroup;
+    }
+}

package/dist/components/tab-group/tab-group.js

@@ -0,0 +1,26 @@
+import {
+  tab_group_default
+} from "../../chunks/chunk.QYBARUDC.js";
+import "../../chunks/chunk.63OREJEF.js";
+import "../../chunks/chunk.NGI67WXT.js";
+import "../../chunks/chunk.QTTBNK5Q.js";
+import "../../chunks/chunk.RIJKFEYZ.js";
+import "../../chunks/chunk.7BN75LQX.js";
+import "../../chunks/chunk.ZHH2AHOZ.js";
+import "../../chunks/chunk.LJQ7LEPV.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.SDQC32B3.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.2RF7KO5I.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_group_default as default
+};
+//# sourceMappingURL=tab-group.js.map

package/dist/components/tab-group/tab-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-group/tab-group.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tab-group/tab-group.styles.js

@@ -0,0 +1,8 @@
+import {
+  tab_group_styles_default
+} from "../../chunks/chunk.QTTBNK5Q.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_group_styles_default as default
+};
+//# sourceMappingURL=tab-group.styles.js.map

package/dist/components/tab-group/tab-group.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-panel/tab-panel.component.d.ts

@@ -0,0 +1,26 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
+ * @documentation https://synergy.style/components/tab-panel
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The tab panel's content.
+ *
+ * @csspart base - The component's base wrapper.
+ *
+ * @cssproperty --padding - The tab panel's padding.
+ */
+export default class SynTabPanel extends SynergyElement {
+    static styles: CSSResultGroup;
+    private readonly attrId;
+    private readonly componentId;
+    /** The tab panel's name. */
+    name: string;
+    /** When true, the tab panel will be shown. */
+    active: boolean;
+    connectedCallback(): void;
+    handleActiveChange(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/tab-panel/tab-panel.component.js

@@ -0,0 +1,12 @@
+import {
+  SynTabPanel
+} from "../../chunks/chunk.Q2LICMN2.js";
+import "../../chunks/chunk.XHWYGYMQ.js";
+import "../../chunks/chunk.YUHA7UIQ.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynTabPanel as default
+};
+//# sourceMappingURL=tab-panel.component.js.map

package/dist/components/tab-panel/tab-panel.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-panel/tab-panel.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tab-panel/tab-panel.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  tab_panel_custom_styles_default
+} from "../../chunks/chunk.XHWYGYMQ.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_panel_custom_styles_default as default
+};
+//# sourceMappingURL=tab-panel.custom.styles.js.map

package/dist/components/tab-panel/tab-panel.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tab-panel/tab-panel.d.ts

@@ -0,0 +1,8 @@
+import SynTabPanel from './tab-panel.component.js';
+export * from './tab-panel.component.js';
+export default SynTabPanel;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tab-panel': SynTabPanel;
+    }
+}

package/dist/components/tab-panel/tab-panel.js

@@ -0,0 +1,13 @@
+import {
+  tab_panel_default
+} from "../../chunks/chunk.NXTU4OEY.js";
+import "../../chunks/chunk.Q2LICMN2.js";
+import "../../chunks/chunk.XHWYGYMQ.js";
+import "../../chunks/chunk.YUHA7UIQ.js";
+import "../../chunks/chunk.AVTU2BGE.js";
+import "../../chunks/chunk.NHFTJEYN.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  tab_panel_default as default
+};
+//# sourceMappingURL=tab-panel.js.map