agnosticui-core 2.0.0-alpha.2

package/dist/components/Tabs/core/_Tabs.d.ts

@@ -0,0 +1,103 @@
+import { LitElement } from 'lit';
+
+export type TabsActivation = 'manual' | 'automatic';
+export type TabsOrientation = 'horizontal' | 'vertical';
+/**
+ * Event detail for tab-change event
+ */
+export interface TabChangeEventDetail {
+    activeTab: number;
+    previousTab: number;
+}
+/**
+ * Custom event dispatched when the active tab changes
+ */
+export type TabChangeEvent = CustomEvent<TabChangeEventDetail>;
+/**
+ * Event map for Tabs component
+ */
+export interface TabsEventMap {
+    'tab-change': TabChangeEvent;
+}
+export declare class Tab extends LitElement {
+    panel: string;
+    disabled: boolean;
+    constructor();
+    connectedCallback(): void;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+export declare class TabPanel extends LitElement {
+    constructor();
+    connectedCallback(): void;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+/**
+ * Props interface for Tabs component including event handlers
+ * Use this type for framework integrations and Storybook
+ */
+export interface TabsProps {
+    activation?: TabsActivation;
+    activeTab?: number;
+    orientation?: TabsOrientation;
+    ariaLabel?: string;
+    onTabChange?: (event: TabChangeEvent) => void;
+}
+/**
+ * Tabs component for organizing content into multiple panels
+ *
+ * @fires {TabChangeEvent} tab-change - Fired when the active tab changes
+ *
+ * @example
+ * ```html
+ * <ag-tabs aria-label="My Tabs" @tab-change=${handleTabChange}>
+ *   <ag-tab slot="tab" panel="panel-1">Tab 1</ag-tab>
+ *   <ag-tab slot="tab" panel="panel-2">Tab 2</ag-tab>
+ *   <ag-tab-panel slot="panel" panel="panel-1">Content 1</ag-tab-panel>
+ *   <ag-tab-panel slot="panel" panel="panel-2">Content 2</ag-tab-panel>
+ * </ag-tabs>
+ * ```
+ */
+export declare class Tabs extends LitElement implements TabsProps {
+    activation: TabsActivation;
+    activeTab: number;
+    orientation: TabsOrientation;
+    ariaLabel: string;
+    onTabChange?: (event: TabChangeEvent) => void;
+    private _tabs;
+    private _panels;
+    private _focusedTab;
+    constructor();
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    connectedCallback(): void;
+    private _updateTabsAndPanels;
+    private _handleKeyDown;
+    private _handleClick;
+    /**
+     * Helper method to find the next non-disabled tab in a given direction
+     * @param startIndex - The starting index
+     * @param direction - 1 for forward, -1 for backward
+     * @returns The index of the next non-disabled tab, or startIndex if none found
+     */
+    private _findNextEnabledTab;
+    /**
+     * Helper method to find the first non-disabled tab from start
+     * @param fromStart - If true, search from beginning; if false, search from end
+     * @returns The index of the first non-disabled tab, or 0 if none found
+     */
+    private _findFirstEnabledTab;
+    private _setFocusedTab;
+    private _activateTab;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-tabs': Tabs;
+        'ag-tab': Tab;
+        'ag-tab-panel': TabPanel;
+    }
+}
+//# sourceMappingURL=_Tabs.d.ts.map

package/dist/components/Tabs/core/_Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/core/_Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,cAAc,CAAC;CAC9B;AAID,qBAAa,GAAI,SAAQ,UAAU;IAEzB,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,OAAO,CAAC;;IAQ1B,iBAAiB;IAMjB,MAAM,CAAC,MAAM,0BAgDX;IAEF,MAAM;CAGP;AAED,qBAAa,QAAS,SAAQ,UAAU;;IAKtC,iBAAiB;IAOjB,MAAM,CAAC,MAAM,0BAaX;IAEF,MAAM;CAGP;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,IAAK,SAAQ,UAAW,YAAW,SAAS;IAE/C,UAAU,EAAE,cAAc,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAGlB,WAAW,EAAE,eAAe,CAAC;IAG7B,SAAS,EAAE,MAAM,CAAC;IAIlB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAEtD,QACgB,KAAK,CAAQ;IAE7B,QACgB,OAAO,CAAa;IAEpC,QACgB,WAAW,CAAS;;IAapC,YAAY;IAOZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAW/C,iBAAiB;IAejB,OAAO,CAAC,oBAAoB;IA6B5B,OAAO,CAAC,cAAc;IA+EtB,OAAO,CAAC,YAAY;IA0BpB;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IA2B3B;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IAuCpB,MAAM,CAAC,MAAM,0BAwCX;IAEF,MAAM;CAiBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;QAChB,QAAQ,EAAE,GAAG,CAAC;QACd,cAAc,EAAE,QAAQ,CAAC;KAC1B;CACF"}

package/dist/components/Tabs/core/_Tabs.js

@@ -0,0 +1,325 @@
+import { LitElement as h, css as u, html as p } from "lit";
+import { n as d } from "../../../property-CemaeiRl.js";
+import { r as f } from "../../../state-CovhUvdr.js";
+import { generateUniqueId as m } from "../../../utils/unique-id.js";
+var A = Object.defineProperty, l = (y, t, a, i) => {
+  for (var e = void 0, s = y.length - 1, r; s >= 0; s--)
+    (r = y[s]) && (e = r(t, a, e) || e);
+  return e && A(t, a, e), e;
+};
+const v = class v extends h {
+  constructor() {
+    super(), this.panel = "", this.disabled = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "tab");
+  }
+  render() {
+    return p`<div class="tab" part="ag-tab"><slot></slot></div>`;
+  }
+};
+v.styles = u`
+    :host {
+      display: inline-flex;
+    }
+
+    .tab {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      background: transparent;
+      border: none;
+      color: var(--ag-text-secondary);
+      cursor: pointer;
+      font: inherit;
+      padding: var(--ag-space-2) var(--ag-space-4);
+      border-radius: 0;
+      border-bottom: 2px solid transparent;
+      text-decoration: none;
+    }
+
+    :host([aria-selected="true"]) .tab {
+      color: var(--ag-text-primary);
+      border-bottom-color: var(--ag-primary);
+    }
+
+    .tab:focus-visible {
+      outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
+      outline-offset: var(--ag-focus-offset);
+    }
+
+    /* Disabled state styles */
+    :host([disabled]) .tab,
+    :host([aria-disabled="true"]) .tab {
+      opacity: var(--ag-opacity-disabled);
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    .tab:hover {
+      background: var(--ag-background-secondary);
+      color: var(--ag-text-primary);
+    }
+
+    :host([disabled]) .tab:hover,
+    :host([aria-disabled="true"]) .tab:hover {
+      background: transparent;
+      color: var(--ag-text-secondary);
+    }
+  `;
+let c = v;
+l([
+  d({ type: String })
+], c.prototype, "panel");
+l([
+  d({ type: Boolean, reflect: !0 })
+], c.prototype, "disabled");
+const g = class g extends h {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "tabpanel"), this.setAttribute("tabindex", "0");
+  }
+  render() {
+    return p`<div class="tab-panel" part="ag-tab-panel"><slot></slot></div>`;
+  }
+};
+g.styles = u`
+    :host {
+      display: block;
+    }
+
+    .tab-panel {
+      display: block;
+      padding: var(--ag-tabs-panel-padding, 1rem);
+    }
+
+    :host([hidden]) {
+      display: none;
+    }
+  `;
+let T = g;
+const _ = class _ extends h {
+  constructor() {
+    super(), this.activation = "manual", this.activeTab = 0, this.orientation = "horizontal", this.ariaLabel = "", this._tabs = [], this._panels = [], this._focusedTab = 0;
+  }
+  firstUpdated() {
+    Promise.resolve().then(() => {
+      this._updateTabsAndPanels();
+    });
+  }
+  updated(t) {
+    t.has("activeTab") && (this._focusedTab = this.activeTab, Promise.resolve().then(() => {
+      this._updateTabsAndPanels();
+    }));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("slotchange", () => {
+      Promise.resolve().then(() => {
+        this._updateTabsAndPanels();
+      });
+    }), this.addEventListener("keydown", this._handleKeyDown.bind(this)), this.addEventListener("click", this._handleClick.bind(this));
+  }
+  _updateTabsAndPanels() {
+    this._tabs = Array.from(this.querySelectorAll("ag-tab")), this._panels = Array.from(this.querySelectorAll("ag-tab-panel")), this._tabs.forEach((t, a) => {
+      const i = t.id || `tab-${m()}`, e = t.panel || this._panels[a]?.id || `panel-${m()}`;
+      t.setAttribute("id", i), t.setAttribute("aria-controls", e), t.setAttribute("aria-selected", a === this.activeTab ? "true" : "false"), t.setAttribute("tabindex", a === this._focusedTab ? "0" : "-1"), this._panels[a] && (this._panels[a].setAttribute("id", e), this._panels[a].setAttribute("aria-labelledby", i), a !== this.activeTab ? this._panels[a].setAttribute("hidden", "") : this._panels[a].removeAttribute("hidden"));
+    });
+  }
+  _handleKeyDown(t) {
+    if (!this._tabs.length) return;
+    const a = t.target, i = a && a.tagName === "AG-TAB", e = a && a.closest("ag-tab-panel");
+    if (!i || e)
+      return;
+    const { key: s } = t, r = this.orientation === "horizontal";
+    let o = this._focusedTab, b = !1;
+    switch (s) {
+      case "ArrowRight":
+        r && (o = this._findNextEnabledTab(this._focusedTab, 1), b = this.activation === "automatic", t.preventDefault());
+        break;
+      case "ArrowLeft":
+        r && (o = this._findNextEnabledTab(this._focusedTab, -1), b = this.activation === "automatic", t.preventDefault());
+        break;
+      case "ArrowDown":
+        r || (o = this._findNextEnabledTab(this._focusedTab, 1), b = this.activation === "automatic", t.preventDefault());
+        break;
+      case "ArrowUp":
+        r || (o = this._findNextEnabledTab(this._focusedTab, -1), b = this.activation === "automatic", t.preventDefault());
+        break;
+      case "Home":
+        o = this._findFirstEnabledTab(!0), b = this.activation === "automatic", t.preventDefault();
+        break;
+      case "End":
+        o = this._findFirstEnabledTab(!1), b = this.activation === "automatic", t.preventDefault();
+        break;
+      case " ":
+      case "Enter":
+        this.activation === "manual" && (this._activateTab(this._focusedTab), t.preventDefault());
+        break;
+    }
+    o !== this._focusedTab && (this._setFocusedTab(o), b && this._activateTab(o));
+  }
+  _handleClick(t) {
+    let a = t.target;
+    for (; a && a.tagName !== "AG-TAB" && (a = a.parentElement, a !== this); )
+      ;
+    if (a && a.tagName === "AG-TAB") {
+      const i = a;
+      if (i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true")
+        return;
+      const e = this._tabs.indexOf(i);
+      e >= 0 && this._activateTab(e);
+    }
+  }
+  /**
+   * Helper method to find the next non-disabled tab in a given direction
+   * @param startIndex - The starting index
+   * @param direction - 1 for forward, -1 for backward
+   * @returns The index of the next non-disabled tab, or startIndex if none found
+   */
+  _findNextEnabledTab(t, a) {
+    const i = this._tabs.length;
+    if (i === 0) return t;
+    let e = t, s = 0;
+    for (; s < i; ) {
+      e = a === 1 ? (e + 1) % i : e === 0 ? i - 1 : e - 1;
+      const r = this._tabs[e];
+      if (!(r.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true"))
+        return e;
+      s++;
+    }
+    return t;
+  }
+  /**
+   * Helper method to find the first non-disabled tab from start
+   * @param fromStart - If true, search from beginning; if false, search from end
+   * @returns The index of the first non-disabled tab, or 0 if none found
+   */
+  _findFirstEnabledTab(t) {
+    const a = this._tabs.length;
+    if (a === 0) return 0;
+    if (t)
+      for (let i = 0; i < a; i++) {
+        const e = this._tabs[i];
+        if (!(e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true")) return i;
+      }
+    else
+      for (let i = a - 1; i >= 0; i--) {
+        const e = this._tabs[i];
+        if (!(e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true")) return i;
+      }
+    return 0;
+  }
+  _setFocusedTab(t) {
+    t >= 0 && t < this._tabs.length && (this._focusedTab = t, this._updateTabsAndPanels(), this._tabs[t].focus());
+  }
+  _activateTab(t) {
+    if (t >= 0 && t < this._tabs.length) {
+      const a = this.activeTab, i = this._tabs[t];
+      if (i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true")
+        return;
+      if (a !== t) {
+        this.activeTab = t, this._tabs[t].focus();
+        const e = new CustomEvent("tab-change", {
+          detail: {
+            activeTab: t,
+            previousTab: a
+          },
+          bubbles: !0,
+          composed: !0
+        });
+        this.dispatchEvent(e), this.onTabChange && this.onTabChange(e);
+      } else
+        this._tabs[t].focus();
+    }
+  }
+  render() {
+    return p`
+      <div class="tabs-container" part="ag-tabs-container" data-orientation=${this.orientation}>
+        <div
+          role="tablist"
+          part="ag-tabs-tablist"
+          aria-orientation=${this.orientation}
+          aria-label=${this.ariaLabel || ""}
+        >
+          <slot name="tab"></slot>
+        </div>
+        <div class="tab-panels" part="ag-tabs-panels">
+          <slot name="panel"></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+_.styles = u`
+    :host {
+      display: block;
+    }
+
+    .tabs-container {
+      display: flex;
+    }
+
+    .tabs-container[data-orientation="vertical"] {
+      flex-direction: row;
+    }
+
+    .tabs-container[data-orientation="horizontal"] {
+      flex-direction: column;
+    }
+
+    [role="tablist"] {
+      display: flex;
+      gap: var(--ag-space-2);
+    }
+
+    [role="tablist"][aria-orientation="horizontal"] {
+      flex-direction: row;
+      border-bottom: 1px solid var(--ag-border);
+    }
+
+    [role="tablist"][aria-orientation="vertical"] {
+      flex-direction: column;
+      border-inline-end: 1px solid var(--ag-border);
+      min-width: 200px;
+    }
+
+    .tab-panels {
+      flex: 1;
+    }
+
+    ::slotted(ag-tab-panel[hidden]) {
+      display: none;
+    }
+  `;
+let n = _;
+l([
+  d({ type: String })
+], n.prototype, "activation");
+l([
+  d({ type: Number, attribute: "active-tab" })
+], n.prototype, "activeTab");
+l([
+  d({ type: String })
+], n.prototype, "orientation");
+l([
+  d({ type: String, reflect: !0, attribute: "aria-label" })
+], n.prototype, "ariaLabel");
+l([
+  d({ attribute: !1 })
+], n.prototype, "onTabChange");
+l([
+  f()
+], n.prototype, "_tabs");
+l([
+  f()
+], n.prototype, "_panels");
+l([
+  f()
+], n.prototype, "_focusedTab");
+export {
+  c as Tab,
+  T as TabPanel,
+  n as Tabs
+};

package/dist/components/Tabs/react/ReactTabs.d.ts

@@ -0,0 +1,37 @@
+import { EventName } from '@lit/react';
+import { Tabs, Tab, TabPanel, TabsProps, TabChangeEvent } from '../core/Tabs';
+import * as React from 'react';
+/**
+ * React-specific props interface for Tabs component
+ * Extends core TabsProps with React-specific additions
+ */
+export interface ReactTabsProps extends TabsProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+/**
+ * React-specific props interface for Tab component
+ */
+export interface ReactTabProps {
+    panel: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+/**
+ * React-specific props interface for TabPanel component
+ */
+export interface ReactTabPanelProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactTabs: import('@lit/react').ReactWebComponent<Tabs, {
+    onTabChange: EventName<TabChangeEvent>;
+}>;
+export declare const ReactTab: import('@lit/react').ReactWebComponent<Tab, {}>;
+export declare const ReactTabPanel: import('@lit/react').ReactWebComponent<TabPanel, {}>;
+export type { TabChangeEvent, TabChangeEventDetail } from '../core/Tabs';
+//# sourceMappingURL=ReactTabs.d.ts.map

package/dist/components/Tabs/react/ReactTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/react/ReactTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAGD,eAAO,MAAM,SAAS;iBAKW,SAAS,CAAC,cAAc,CAAC;EAExD,CAAC;AAGH,eAAO,MAAM,QAAQ,iDAInB,CAAC;AAGH,eAAO,MAAM,aAAa,sDAIxB,CAAC;AAGH,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Tabs/react/ReactTabs.js

@@ -0,0 +1,25 @@
+import * as a from "react";
+import { o as e } from "../../../create-component-BPMDMe-q.js";
+import "../core/Tabs.js";
+import { Tabs as t, Tab as s, TabPanel as m } from "../core/_Tabs.js";
+const c = e({
+  tagName: "ag-tabs",
+  elementClass: t,
+  react: a,
+  events: {
+    onTabChange: "tab-change"
+  }
+}), r = e({
+  tagName: "ag-tab",
+  elementClass: s,
+  react: a
+}), l = e({
+  tagName: "ag-tab-panel",
+  elementClass: m,
+  react: a
+});
+export {
+  r as ReactTab,
+  l as ReactTabPanel,
+  c as ReactTabs
+};

package/dist/components/Tabs/react/index.d.ts

@@ -0,0 +1,4 @@
+export { ReactTabs, ReactTab, ReactTabPanel } from './ReactTabs';
+export type { ReactTabsProps, ReactTabProps, ReactTabPanelProps } from './ReactTabs';
+export type { TabChangeEventDetail, TabChangeEvent } from '../core/Tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGrF,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Tabs/react/index.js

@@ -0,0 +1,6 @@
+import { ReactTab as t, ReactTabPanel as b, ReactTabs as c } from "./ReactTabs.js";
+export {
+  t as ReactTab,
+  b as ReactTabPanel,
+  c as ReactTabs
+};

package/dist/components/Tabs/vue/VueTab.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueTab.vue_vue_type_script_setup_true_lang-DeqgbQLf.js";
+export {
+  f as default
+};

package/dist/components/Tabs/vue/VueTab.vue.d.ts

@@ -0,0 +1,25 @@
+export interface VueTabProps {
+    panel: string;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VueTabProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VueTabProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueTab.vue.d.ts.map

package/dist/components/Tabs/vue/VueTab.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/vue/VueTab.vue"],"names":[],"mappings":"AAWA;AAGA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD,iBAAS,cAAc;qBAyCM,GAAG;EAK/B;AAQD,QAAA,MAAM,eAAe,+ZAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Tabs/vue/VueTabPanel.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueTabPanel.vue_vue_type_script_setup_true_lang-BnQoc7fo.js";
+export {
+  f as default
+};

package/dist/components/Tabs/vue/VueTabPanel.vue.d.ts

@@ -0,0 +1,24 @@
+export interface VueTabPanelProps {
+    id: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VueTabPanelProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VueTabPanelProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueTabPanel.vue.d.ts.map

package/dist/components/Tabs/vue/VueTabPanel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueTabPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/vue/VueTabPanel.vue"],"names":[],"mappings":"AASA;AAGA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;CACZ;AAUD,iBAAS,cAAc;qBAyCM,GAAG;EAK/B;AAQD,QAAA,MAAM,eAAe,yaAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Tabs/vue/VueTabs.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueTabs.vue_vue_type_script_setup_true_lang-BPpGg8Vv.js";
+export {
+  f as default
+};

package/dist/components/Tabs/vue/VueTabs.vue.d.ts

@@ -0,0 +1,51 @@
+import { TabChangeEventDetail } from '../core/Tabs';
+import { VueTabsProps } from './index';
+
+export type { TabChangeEvent, TabChangeEventDetail } from '../core/Tabs';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueTabsProps>, {
+    activation: string;
+    activeTab: number;
+    orientation: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "tab-change": (detail: TabChangeEventDetail) => void;
+    "update:activeTab": (value: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueTabsProps>, {
+    activation: string;
+    activeTab: number;
+    orientation: string;
+}>>> & Readonly<{
+    "onTab-change"?: ((detail: TabChangeEventDetail) => any) | undefined;
+    "onUpdate:activeTab"?: ((value: number) => any) | undefined;
+}>, {
+    orientation: import('../core/_Tabs').TabsOrientation;
+    activation: import('../core/_Tabs').TabsActivation;
+    activeTab: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueTabs.vue.d.ts.map

package/dist/components/Tabs/vue/VueTabs.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/vue/VueTabs.vue"],"names":[],"mappings":"AAaA;AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAK5C,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAoCzE,iBAAS,cAAc;qBA6CM,GAAG;EAK/B;AAWD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}