@styleon/foundation 0.0.0-next.0 → 0.0.0-next.1

package/dist/common/context/tab-context.d.ts

@@ -0,0 +1,7 @@
+import { TabService } from '../../tabs/tabs.service';
+/**
+ * Context key for providing and consuming the `TabService` in Lit.
+ */
+export declare const tabContext: {
+    __context__: TabService;
+};

package/dist/common/context/tab-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "../../node_modules/@lit/context/lib/create-context.js";
+const e = t("tab-context");
+export {
+  e as tabContext
+};

package/dist/index.d.ts

@@ -1,2 +1,6 @@
 export * as FlashButton from './button/button.component';
 export * as FlashModal from './modal/modal';
+export * as FlashTabs from './tabs/tabs.component';
+export * as FlashTab from './tab/tab.component';
+export * as FlashTabPanel from './tab-panel/tab-panel.component';
+export * as FlashTabService from './tabs/tabs.service';

package/dist/index.js

@@ -1,6 +1,14 @@
-import * as o from "./button/button.component.js";
-import * as t from "./modal/modal.js";
+import * as a from "./button/button.component.js";
+import * as o from "./modal/modal.js";
+import * as t from "./tabs/tabs.component.js";
+import * as s from "./tab/tab.component.js";
+import * as r from "./tab-panel/tab-panel.component.js";
+import * as m from "./tabs/tabs.service.js";
 export {
-  o as FlashButton,
-  t as FlashModal
+  a as FlashButton,
+  o as FlashModal,
+  s as FlashTab,
+  r as FlashTabPanel,
+  m as FlashTabService,
+  t as FlashTabs
 };

package/dist/node_modules/@lit/context/lib/context-request-event.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let r = class extends Event {
+  constructor(t, e, s, c) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = e, this.callback = s, this.subscribe = c ?? !1;
+  }
+};
+export {
+  r as ContextRequestEvent
+};

package/dist/node_modules/@lit/context/lib/controllers/context-consumer.js

@@ -0,0 +1,29 @@
+import { ContextRequestEvent as b } from "../context-request-event.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class r {
+  constructor(e, t, h, c) {
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (s, i) => {
+      this.unsubscribe && (this.unsubscribe !== i && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = s, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(s, i)), this.unsubscribe = i;
+    }, this.host = e, t.context !== void 0) {
+      const s = t;
+      this.context = s.context, this.callback = s.callback, this.subscribe = s.subscribe ?? !1;
+    } else this.context = t, this.callback = h, this.subscribe = c ?? !1;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new b(this.context, this.host, this.t, this.subscribe));
+  }
+}
+export {
+  r as ContextConsumer
+};

package/dist/node_modules/@lit/context/lib/controllers/context-provider.js

@@ -0,0 +1,37 @@
+import { ContextRequestEvent as d } from "../context-request-event.js";
+import { ValueNotifier as x } from "../value-notifier.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class u extends Event {
+  constructor(o, e) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = o, this.contextTarget = e;
+  }
+}
+class l extends x {
+  constructor(o, e, a) {
+    var i, r;
+    super(e.context !== void 0 ? e.initialValue : a), this.onContextRequest = (t) => {
+      if (t.context !== this.context) return;
+      const s = t.contextTarget ?? t.composedPath()[0];
+      s !== this.host && (t.stopPropagation(), this.addCallback(t.callback, s, t.subscribe));
+    }, this.onProviderRequest = (t) => {
+      if (t.context !== this.context || (t.contextTarget ?? t.composedPath()[0]) === this.host) return;
+      const s = /* @__PURE__ */ new Set();
+      for (const [n, { consumerHost: c }] of this.subscriptions) s.has(n) || (s.add(n), c.dispatchEvent(new d(this.context, c, n, !0)));
+      t.stopPropagation();
+    }, this.host = o, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (r = (i = this.host).addController) == null || r.call(i, this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new u(this.context, this.host));
+  }
+}
+export {
+  l as ContextProvider,
+  u as ContextProviderEvent
+};

package/dist/node_modules/@lit/context/lib/create-context.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function e(t) {
+  return t;
+}
+export {
+  e as createContext
+};

package/dist/node_modules/@lit/context/lib/decorators/consume.js

@@ -0,0 +1,22 @@
+import { ContextConsumer as n } from "../controllers/context-consumer.js";
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a({ context: e, subscribe: s }) {
+  return (i, c) => {
+    typeof c == "object" ? c.addInitializer(function() {
+      new n(this, { context: e, callback: (t) => {
+        i.set.call(this, t);
+      }, subscribe: s });
+    }) : i.constructor.addInitializer((t) => {
+      new n(t, { context: e, callback: (o) => {
+        t[c] = o;
+      }, subscribe: s });
+    });
+  };
+}
+export {
+  a as consume
+};

package/dist/node_modules/@lit/context/lib/decorators/provide.js

@@ -0,0 +1,46 @@
+import { ContextProvider as c } from "../controllers/context-provider.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function l({ context: a }) {
+  return (r, o) => {
+    const s = /* @__PURE__ */ new WeakMap();
+    if (typeof o == "object") return o.addInitializer(function() {
+      s.set(this, new c(this, { context: a }));
+    }), { get() {
+      return r.get.call(this);
+    }, set(t) {
+      var e;
+      return (e = s.get(this)) == null || e.setValue(t), r.set.call(this, t);
+    }, init(t) {
+      var e;
+      return (e = s.get(this)) == null || e.setValue(t), t;
+    } };
+    {
+      r.constructor.addInitializer((i) => {
+        s.set(i, new c(i, { context: a }));
+      });
+      const t = Object.getOwnPropertyDescriptor(r, o);
+      let e;
+      if (t === void 0) {
+        const i = /* @__PURE__ */ new WeakMap();
+        e = { get() {
+          return i.get(this);
+        }, set(n) {
+          s.get(this).setValue(n), i.set(this, n);
+        }, configurable: !0, enumerable: !0 };
+      } else {
+        const i = t.set;
+        e = { ...t, set(n) {
+          s.get(this).setValue(n), i == null || i.call(this, n);
+        } };
+      }
+      return void Object.defineProperty(r, o, e);
+    }
+  };
+}
+export {
+  l as provide
+};

package/dist/node_modules/@lit/context/lib/value-notifier.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class r {
+  get value() {
+    return this.o;
+  }
+  set value(s) {
+    this.setValue(s);
+  }
+  setValue(s, t = !1) {
+    const i = t || !Object.is(s, this.o);
+    this.o = s, i && this.updateObservers();
+  }
+  constructor(s) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [t, { disposer: i }] of this.subscriptions) t(this.o, i);
+    }, s !== void 0 && (this.value = s);
+  }
+  addCallback(s, t, i) {
+    if (!i) return void s(this.value);
+    this.subscriptions.has(s) || this.subscriptions.set(s, { disposer: () => {
+      this.subscriptions.delete(s);
+    }, consumerHost: t });
+    const { disposer: e } = this.subscriptions.get(s);
+    s(this.value, e);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+export {
+  r as ValueNotifier
+};

package/dist/node_modules/@lit/reactive-element/decorators/base.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
+export {
+  o as desc
+};

package/dist/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js

@@ -0,0 +1,19 @@
+import { desc as a } from "./base.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function d(t) {
+  return (c, i) => {
+    const { slot: r, selector: s } = t ?? {}, l = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    return a(c, i, { get() {
+      var o;
+      const e = (o = this.renderRoot) == null ? void 0 : o.querySelector(l), n = (e == null ? void 0 : e.assignedElements(t)) ?? [];
+      return s === void 0 ? n : n.filter((m) => m.matches(s));
+    } });
+  };
+}
+export {
+  d as queryAssignedElements
+};

package/dist/node_modules/@lit/reactive-element/decorators/state.js

@@ -0,0 +1,12 @@
+import { property as r } from "./property.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a(t) {
+  return r({ ...t, state: !0, attribute: !1 });
+}
+export {
+  a as state
+};

package/dist/node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js

@@ -0,0 +1,29 @@
+import { __extends as u } from "../../../../tslib/tslib.es6.js";
+import { Subject as a } from "./Subject.js";
+var c = function(o) {
+  u(e, o);
+  function e(t) {
+    var r = o.call(this) || this;
+    return r._value = t, r;
+  }
+  return Object.defineProperty(e.prototype, "value", {
+    get: function() {
+      return this.getValue();
+    },
+    enumerable: !1,
+    configurable: !0
+  }), e.prototype._subscribe = function(t) {
+    var r = o.prototype._subscribe.call(this, t);
+    return !r.closed && t.next(this._value), r;
+  }, e.prototype.getValue = function() {
+    var t = this, r = t.hasError, n = t.thrownError, i = t._value;
+    if (r)
+      throw n;
+    return this._throwIfClosed(), i;
+  }, e.prototype.next = function(t) {
+    o.prototype.next.call(this, this._value = t);
+  }, e;
+}(a);
+export {
+  c as BehaviorSubject
+};

package/dist/node_modules/rxjs/dist/esm5/internal/Observable.js

@@ -0,0 +1,80 @@
+import { SafeSubscriber as f, Subscriber as p } from "./Subscriber.js";
+import { isSubscription as m } from "./Subscription.js";
+import { observable as h } from "./symbol/observable.js";
+import { pipeFromArray as v } from "./util/pipe.js";
+import { config as y } from "./config.js";
+import { isFunction as b } from "./util/isFunction.js";
+import { errorContext as l } from "./util/errorContext.js";
+var E = function() {
+  function t(r) {
+    r && (this._subscribe = r);
+  }
+  return t.prototype.lift = function(r) {
+    var n = new t();
+    return n.source = this, n.operator = r, n;
+  }, t.prototype.subscribe = function(r, n, u) {
+    var i = this, o = S(r) ? r : new f(r, n, u);
+    return l(function() {
+      var e = i, c = e.operator, s = e.source;
+      o.add(c ? c.call(o, s) : s ? i._subscribe(o) : i._trySubscribe(o));
+    }), o;
+  }, t.prototype._trySubscribe = function(r) {
+    try {
+      return this._subscribe(r);
+    } catch (n) {
+      r.error(n);
+    }
+  }, t.prototype.forEach = function(r, n) {
+    var u = this;
+    return n = a(n), new n(function(i, o) {
+      var e = new f({
+        next: function(c) {
+          try {
+            r(c);
+          } catch (s) {
+            o(s), e.unsubscribe();
+          }
+        },
+        error: o,
+        complete: i
+      });
+      u.subscribe(e);
+    });
+  }, t.prototype._subscribe = function(r) {
+    var n;
+    return (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(r);
+  }, t.prototype[h] = function() {
+    return this;
+  }, t.prototype.pipe = function() {
+    for (var r = [], n = 0; n < arguments.length; n++)
+      r[n] = arguments[n];
+    return v(r)(this);
+  }, t.prototype.toPromise = function(r) {
+    var n = this;
+    return r = a(r), new r(function(u, i) {
+      var o;
+      n.subscribe(function(e) {
+        return o = e;
+      }, function(e) {
+        return i(e);
+      }, function() {
+        return u(o);
+      });
+    });
+  }, t.create = function(r) {
+    return new t(r);
+  }, t;
+}();
+function a(t) {
+  var r;
+  return (r = t ?? y.Promise) !== null && r !== void 0 ? r : Promise;
+}
+function _(t) {
+  return t && b(t.next) && b(t.error) && b(t.complete);
+}
+function S(t) {
+  return t && t instanceof p || _(t) && m(t);
+}
+export {
+  E as Observable
+};

package/dist/node_modules/rxjs/dist/esm5/internal/Subject.js

@@ -0,0 +1,109 @@
+import { __extends as c, __values as d } from "../../../../tslib/tslib.es6.js";
+import { Observable as a } from "./Observable.js";
+import { EMPTY_SUBSCRIPTION as h, Subscription as b } from "./Subscription.js";
+import { ObjectUnsubscribedError as _ } from "./util/ObjectUnsubscribedError.js";
+import { arrRemove as y } from "./util/arrRemove.js";
+import { errorContext as l } from "./util/errorContext.js";
+var S = function(s) {
+  c(o, s);
+  function o() {
+    var r = s.call(this) || this;
+    return r.closed = !1, r.currentObservers = null, r.observers = [], r.isStopped = !1, r.hasError = !1, r.thrownError = null, r;
+  }
+  return o.prototype.lift = function(r) {
+    var t = new p(this, this);
+    return t.operator = r, t;
+  }, o.prototype._throwIfClosed = function() {
+    if (this.closed)
+      throw new _();
+  }, o.prototype.next = function(r) {
+    var t = this;
+    l(function() {
+      var e, u;
+      if (t._throwIfClosed(), !t.isStopped) {
+        t.currentObservers || (t.currentObservers = Array.from(t.observers));
+        try {
+          for (var i = d(t.currentObservers), n = i.next(); !n.done; n = i.next()) {
+            var f = n.value;
+            f.next(r);
+          }
+        } catch (v) {
+          e = { error: v };
+        } finally {
+          try {
+            n && !n.done && (u = i.return) && u.call(i);
+          } finally {
+            if (e) throw e.error;
+          }
+        }
+      }
+    });
+  }, o.prototype.error = function(r) {
+    var t = this;
+    l(function() {
+      if (t._throwIfClosed(), !t.isStopped) {
+        t.hasError = t.isStopped = !0, t.thrownError = r;
+        for (var e = t.observers; e.length; )
+          e.shift().error(r);
+      }
+    });
+  }, o.prototype.complete = function() {
+    var r = this;
+    l(function() {
+      if (r._throwIfClosed(), !r.isStopped) {
+        r.isStopped = !0;
+        for (var t = r.observers; t.length; )
+          t.shift().complete();
+      }
+    });
+  }, o.prototype.unsubscribe = function() {
+    this.isStopped = this.closed = !0, this.observers = this.currentObservers = null;
+  }, Object.defineProperty(o.prototype, "observed", {
+    get: function() {
+      var r;
+      return ((r = this.observers) === null || r === void 0 ? void 0 : r.length) > 0;
+    },
+    enumerable: !1,
+    configurable: !0
+  }), o.prototype._trySubscribe = function(r) {
+    return this._throwIfClosed(), s.prototype._trySubscribe.call(this, r);
+  }, o.prototype._subscribe = function(r) {
+    return this._throwIfClosed(), this._checkFinalizedStatuses(r), this._innerSubscribe(r);
+  }, o.prototype._innerSubscribe = function(r) {
+    var t = this, e = this, u = e.hasError, i = e.isStopped, n = e.observers;
+    return u || i ? h : (this.currentObservers = null, n.push(r), new b(function() {
+      t.currentObservers = null, y(n, r);
+    }));
+  }, o.prototype._checkFinalizedStatuses = function(r) {
+    var t = this, e = t.hasError, u = t.thrownError, i = t.isStopped;
+    e ? r.error(u) : i && r.complete();
+  }, o.prototype.asObservable = function() {
+    var r = new a();
+    return r.source = this, r;
+  }, o.create = function(r, t) {
+    return new p(r, t);
+  }, o;
+}(a), p = function(s) {
+  c(o, s);
+  function o(r, t) {
+    var e = s.call(this) || this;
+    return e.destination = r, e.source = t, e;
+  }
+  return o.prototype.next = function(r) {
+    var t, e;
+    (e = (t = this.destination) === null || t === void 0 ? void 0 : t.next) === null || e === void 0 || e.call(t, r);
+  }, o.prototype.error = function(r) {
+    var t, e;
+    (e = (t = this.destination) === null || t === void 0 ? void 0 : t.error) === null || e === void 0 || e.call(t, r);
+  }, o.prototype.complete = function() {
+    var r, t;
+    (t = (r = this.destination) === null || r === void 0 ? void 0 : r.complete) === null || t === void 0 || t.call(r);
+  }, o.prototype._subscribe = function(r) {
+    var t, e;
+    return (e = (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(r)) !== null && e !== void 0 ? e : h;
+  }, o;
+}(S);
+export {
+  p as AnonymousSubject,
+  S as Subject
+};

package/dist/node_modules/rxjs/dist/esm5/internal/Subscriber.js

@@ -0,0 +1,96 @@
+import { __extends as c } from "../../../../tslib/tslib.es6.js";
+import { isFunction as a } from "./util/isFunction.js";
+import { isSubscription as l, Subscription as f } from "./Subscription.js";
+import { reportUnhandledError as h } from "./util/reportUnhandledError.js";
+import { noop as u } from "./util/noop.js";
+var d = function(e) {
+  c(r, e);
+  function r(t) {
+    var i = e.call(this) || this;
+    return i.isStopped = !1, t ? (i.destination = t, l(t) && t.add(i)) : i.destination = y, i;
+  }
+  return r.create = function(t, i, n) {
+    return new m(t, i, n);
+  }, r.prototype.next = function(t) {
+    this.isStopped || this._next(t);
+  }, r.prototype.error = function(t) {
+    this.isStopped || (this.isStopped = !0, this._error(t));
+  }, r.prototype.complete = function() {
+    this.isStopped || (this.isStopped = !0, this._complete());
+  }, r.prototype.unsubscribe = function() {
+    this.closed || (this.isStopped = !0, e.prototype.unsubscribe.call(this), this.destination = null);
+  }, r.prototype._next = function(t) {
+    this.destination.next(t);
+  }, r.prototype._error = function(t) {
+    try {
+      this.destination.error(t);
+    } finally {
+      this.unsubscribe();
+    }
+  }, r.prototype._complete = function() {
+    try {
+      this.destination.complete();
+    } finally {
+      this.unsubscribe();
+    }
+  }, r;
+}(f), b = function() {
+  function e(r) {
+    this.partialObserver = r;
+  }
+  return e.prototype.next = function(r) {
+    var t = this.partialObserver;
+    if (t.next)
+      try {
+        t.next(r);
+      } catch (i) {
+        o(i);
+      }
+  }, e.prototype.error = function(r) {
+    var t = this.partialObserver;
+    if (t.error)
+      try {
+        t.error(r);
+      } catch (i) {
+        o(i);
+      }
+    else
+      o(r);
+  }, e.prototype.complete = function() {
+    var r = this.partialObserver;
+    if (r.complete)
+      try {
+        r.complete();
+      } catch (t) {
+        o(t);
+      }
+  }, e;
+}(), m = function(e) {
+  c(r, e);
+  function r(t, i, n) {
+    var p = e.call(this) || this, s;
+    return a(t) || !t ? s = {
+      next: t ?? void 0,
+      error: i ?? void 0,
+      complete: n ?? void 0
+    } : s = t, p.destination = new b(s), p;
+  }
+  return r;
+}(d);
+function o(e) {
+  h(e);
+}
+function v(e) {
+  throw e;
+}
+var y = {
+  closed: !0,
+  next: u,
+  error: v,
+  complete: u
+};
+export {
+  y as EMPTY_OBSERVER,
+  m as SafeSubscriber,
+  d as Subscriber
+};

package/dist/node_modules/rxjs/dist/esm5/internal/Subscription.js

@@ -0,0 +1,104 @@
+import { __values as d, __spreadArray as m, __read as b } from "../../../../tslib/tslib.es6.js";
+import { isFunction as a } from "./util/isFunction.js";
+import { UnsubscriptionError as l } from "./util/UnsubscriptionError.js";
+import { arrRemove as P } from "./util/arrRemove.js";
+var x = function() {
+  function t(r) {
+    this.initialTeardown = r, this.closed = !1, this._parentage = null, this._finalizers = null;
+  }
+  return t.prototype.unsubscribe = function() {
+    var r, i, h, y, s;
+    if (!this.closed) {
+      this.closed = !0;
+      var c = this._parentage;
+      if (c)
+        if (this._parentage = null, Array.isArray(c))
+          try {
+            for (var f = d(c), o = f.next(); !o.done; o = f.next()) {
+              var T = o.value;
+              T.remove(this);
+            }
+          } catch (e) {
+            r = { error: e };
+          } finally {
+            try {
+              o && !o.done && (i = f.return) && i.call(f);
+            } finally {
+              if (r) throw r.error;
+            }
+          }
+        else
+          c.remove(this);
+      var v = this.initialTeardown;
+      if (a(v))
+        try {
+          v();
+        } catch (e) {
+          s = e instanceof l ? e.errors : [e];
+        }
+      var p = this._finalizers;
+      if (p) {
+        this._finalizers = null;
+        try {
+          for (var u = d(p), n = u.next(); !n.done; n = u.next()) {
+            var S = n.value;
+            try {
+              A(S);
+            } catch (e) {
+              s = s ?? [], e instanceof l ? s = m(m([], b(s)), b(e.errors)) : s.push(e);
+            }
+          }
+        } catch (e) {
+          h = { error: e };
+        } finally {
+          try {
+            n && !n.done && (y = u.return) && y.call(u);
+          } finally {
+            if (h) throw h.error;
+          }
+        }
+      }
+      if (s)
+        throw new l(s);
+    }
+  }, t.prototype.add = function(r) {
+    var i;
+    if (r && r !== this)
+      if (this.closed)
+        A(r);
+      else {
+        if (r instanceof t) {
+          if (r.closed || r._hasParent(this))
+            return;
+          r._addParent(this);
+        }
+        (this._finalizers = (i = this._finalizers) !== null && i !== void 0 ? i : []).push(r);
+      }
+  }, t.prototype._hasParent = function(r) {
+    var i = this._parentage;
+    return i === r || Array.isArray(i) && i.includes(r);
+  }, t.prototype._addParent = function(r) {
+    var i = this._parentage;
+    this._parentage = Array.isArray(i) ? (i.push(r), i) : i ? [i, r] : r;
+  }, t.prototype._removeParent = function(r) {
+    var i = this._parentage;
+    i === r ? this._parentage = null : Array.isArray(i) && P(i, r);
+  }, t.prototype.remove = function(r) {
+    var i = this._finalizers;
+    i && P(i, r), r instanceof t && r._removeParent(this);
+  }, t.EMPTY = function() {
+    var r = new t();
+    return r.closed = !0, r;
+  }(), t;
+}(), R = x.EMPTY;
+function U(t) {
+  return t instanceof x || t && "closed" in t && a(t.remove) && a(t.add) && a(t.unsubscribe);
+}
+function A(t) {
+  a(t) ? t() : t.unsubscribe();
+}
+export {
+  R as EMPTY_SUBSCRIPTION,
+  x as Subscription,
+  U as isSubscription
+};

package/dist/node_modules/rxjs/dist/esm5/internal/config.js

@@ -0,0 +1,6 @@
+var e = {
+  Promise: void 0
+};
+export {
+  e as config
+};

package/dist/node_modules/rxjs/dist/esm5/internal/scheduler/timeoutProvider.js

@@ -0,0 +1,15 @@
+import { __spreadArray as o, __read as u } from "../../../../../tslib/tslib.es6.js";
+var m = {
+  setTimeout: function(r, a) {
+    for (var t = [], e = 2; e < arguments.length; e++)
+      t[e - 2] = arguments[e];
+    return setTimeout.apply(void 0, o([r, a], u(t)));
+  },
+  clearTimeout: function(r) {
+    return clearTimeout(r);
+  },
+  delegate: void 0
+};
+export {
+  m as timeoutProvider
+};

package/dist/node_modules/rxjs/dist/esm5/internal/symbol/observable.js

@@ -0,0 +1,6 @@
+var e = function() {
+  return typeof Symbol == "function" && Symbol.observable || "@@observable";
+}();
+export {
+  e as observable
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/ObjectUnsubscribedError.js

@@ -0,0 +1,9 @@
+import { createErrorClass as e } from "./createErrorClass.js";
+var b = e(function(r) {
+  return function() {
+    r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
+  };
+});
+export {
+  b as ObjectUnsubscribedError
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/UnsubscriptionError.js

@@ -0,0 +1,13 @@
+import { createErrorClass as o } from "./createErrorClass.js";
+var c = o(function(n) {
+  return function(r) {
+    n(this), this.message = r ? r.length + ` errors occurred during unsubscription:
+` + r.map(function(i, t) {
+      return t + 1 + ") " + i.toString();
+    }).join(`
+  `) : "", this.name = "UnsubscriptionError", this.errors = r;
+  };
+});
+export {
+  c as UnsubscriptionError
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/arrRemove.js

@@ -0,0 +1,9 @@
+function o(e, i) {
+  if (e) {
+    var f = e.indexOf(i);
+    0 <= f && e.splice(f, 1);
+  }
+}
+export {
+  o as arrRemove
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/createErrorClass.js

@@ -0,0 +1,9 @@
+function e(o) {
+  var c = function(t) {
+    Error.call(t), t.stack = new Error().stack;
+  }, r = o(c);
+  return r.prototype = Object.create(Error.prototype), r.prototype.constructor = r, r;
+}
+export {
+  e as createErrorClass
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/errorContext.js

@@ -0,0 +1,6 @@
+function r(o) {
+  o();
+}
+export {
+  r as errorContext
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/identity.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return t;
+}
+export {
+  n as identity
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/isFunction.js

@@ -0,0 +1,6 @@
+function t(n) {
+  return typeof n == "function";
+}
+export {
+  t as isFunction
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/noop.js

@@ -0,0 +1,5 @@
+function o() {
+}
+export {
+  o as noop
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/pipe.js

@@ -0,0 +1,11 @@
+import { identity as i } from "./identity.js";
+function p(r) {
+  return r.length === 0 ? i : r.length === 1 ? r[0] : function(t) {
+    return r.reduce(function(e, n) {
+      return n(e);
+    }, t);
+  };
+}
+export {
+  p as pipeFromArray
+};

package/dist/node_modules/rxjs/dist/esm5/internal/util/reportUnhandledError.js

@@ -0,0 +1,9 @@
+import { timeoutProvider as r } from "../scheduler/timeoutProvider.js";
+function e(o) {
+  r.setTimeout(function() {
+    throw o;
+  });
+}
+export {
+  e as reportUnhandledError
+};

package/dist/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,54 @@
+var u = function(r, t) {
+  return u = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, e) {
+    n.__proto__ = e;
+  } || function(n, e) {
+    for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && (n[o] = e[o]);
+  }, u(r, t);
+};
+function a(r, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
+  u(r, t);
+  function n() {
+    this.constructor = r;
+  }
+  r.prototype = t === null ? Object.create(t) : (n.prototype = t.prototype, new n());
+}
+function f(r) {
+  var t = typeof Symbol == "function" && Symbol.iterator, n = t && r[t], e = 0;
+  if (n) return n.call(r);
+  if (r && typeof r.length == "number") return {
+    next: function() {
+      return r && e >= r.length && (r = void 0), { value: r && r[e++], done: !r };
+    }
+  };
+  throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+function p(r, t) {
+  var n = typeof Symbol == "function" && r[Symbol.iterator];
+  if (!n) return r;
+  var e = n.call(r), o, i = [], l;
+  try {
+    for (; (t === void 0 || t-- > 0) && !(o = e.next()).done; ) i.push(o.value);
+  } catch (c) {
+    l = { error: c };
+  } finally {
+    try {
+      o && !o.done && (n = e.return) && n.call(e);
+    } finally {
+      if (l) throw l.error;
+    }
+  }
+  return i;
+}
+function s(r, t, n) {
+  if (n || arguments.length === 2) for (var e = 0, o = t.length, i; e < o; e++)
+    (i || !(e in t)) && (i || (i = Array.prototype.slice.call(t, 0, e)), i[e] = t[e]);
+  return r.concat(i || Array.prototype.slice.call(t));
+}
+export {
+  a as __extends,
+  p as __read,
+  s as __spreadArray,
+  f as __values
+};

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class TabComponent extends LitElement {
+    id: string;
+    relatedPanel: string;
+    /**
+     * Retrieves the `TabService` from the closest `tabs-component`.
+     */
+    private tabService;
+    private isActive;
+    private subscription?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private onClick;
+    firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/tab/tab.component.js

@@ -0,0 +1,65 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as l } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as b } from "../node_modules/lit-element/lit-element.js";
+import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as p } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as u } from "../node_modules/@lit/reactive-element/decorators/state.js";
+import { consume as d } from "../node_modules/@lit/context/lib/decorators/consume.js";
+import { tabContext as f } from "../common/context/tab-context.js";
+var h = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, i, c, o) => {
+  for (var e = o > 1 ? void 0 : o ? v(i, c) : i, n = t.length - 1, a; n >= 0; n--)
+    (a = t[n]) && (e = (o ? a(i, c, e) : a(e)) || e);
+  return o && e && h(i, c, e), e;
+};
+let r = class extends b {
+  constructor() {
+    super(...arguments), this.isActive = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.subscription = this.tabService.activeTabData$.subscribe((t) => {
+      this.isActive = (t == null ? void 0 : t.tabId) === this.id, this.requestUpdate();
+    });
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this.subscription) == null || t.unsubscribe();
+  }
+  onClick() {
+    this.tabService.setActiveTab(this);
+  }
+  firstUpdated() {
+    this.setAttribute("role", "tab");
+  }
+  render() {
+    return l`
+      <button
+        role="tab"
+        id=${this.id}
+        aria-selected=${this.isActive ? "true" : "false"}
+        aria-controls=${this.relatedPanel}
+        tabindex=${this.isActive ? "0" : "-1"}
+        @click=${this.onClick}
+      >
+        <slot></slot>
+      </button>
+    `;
+  }
+};
+s([
+  p({ type: String, reflect: !0 })
+], r.prototype, "id", 2);
+s([
+  p({ type: String, reflect: !0, attribute: "related-panel" })
+], r.prototype, "relatedPanel", 2);
+s([
+  d({ context: f })
+], r.prototype, "tabService", 2);
+s([
+  u()
+], r.prototype, "isActive", 2);
+r = s([
+  m("tab-component")
+], r);
+export {
+  r as TabComponent
+};

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

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class TabPanelComponent extends LitElement {
+    id: string;
+    /**
+     * Retrieves the `TabService` from the closest `tabs-component`.
+     */
+    private tabService;
+    private isActive;
+    private subscription?;
+    private activeTabId;
+    static styles: import('lit').CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,70 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as c, html as a } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as b } from "../node_modules/lit-element/lit-element.js";
+import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as m } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as h } from "../node_modules/@lit/reactive-element/decorators/state.js";
+import { consume as u } from "../node_modules/@lit/context/lib/decorators/consume.js";
+import { tabContext as f } from "../common/context/tab-context.js";
+import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
+var y = Object.defineProperty, A = Object.getOwnPropertyDescriptor, o = (t, i, n, r) => {
+  for (var e = r > 1 ? void 0 : r ? A(i, n) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (e = (r ? p(i, n, e) : p(e)) || e);
+  return r && e && y(i, n, e), e;
+};
+let s = class extends b {
+  constructor() {
+    super(...arguments), this.isActive = !1, this.activeTabId = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.subscription = this.tabService.activeTabData$.subscribe((t) => {
+      this.isActive = (t == null ? void 0 : t.relatedPanel) === this.id, this.activeTabId = (t == null ? void 0 : t.tabId) || null, this.ariaLabel = this.activeTabId, this.ariaHidden = (!this.isActive).toString();
+    });
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this.subscription) == null || t.unsubscribe();
+  }
+  firstUpdated() {
+    this.setAttribute("role", "tabpanel");
+  }
+  render() {
+    return a`
+    ${this.isActive ? a`
+      <div
+        role="tabpanel"
+        id=${this.id}
+        aria-labelledby=${this.activeTabId}
+        aria-hidden=${!this.isActive}
+        ?hidden=${!this.isActive}
+        class="tab-panel"
+      >
+        <slot></slot>
+      </div>
+    ` : c}
+    `;
+  }
+};
+s.styles = v`
+    .tab-panel {
+      display: block;
+      padding: 16px;
+      border: 1px solid #ccc;
+    }
+    
+  `;
+o([
+  m({ type: String, reflect: !0 })
+], s.prototype, "id", 2);
+o([
+  u({ context: f })
+], s.prototype, "tabService", 2);
+o([
+  h()
+], s.prototype, "isActive", 2);
+s = o([
+  d("tab-panel-component")
+], s);
+export {
+  s as TabPanelComponent
+};

package/dist/tabs/tabs.component.d.ts

@@ -0,0 +1,15 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class TabsComponent extends LitElement {
+    /**
+     * Provides a unique `TabService` instance for this `tabs-component`.
+     */
+    private tabService;
+    activeTab: string | null;
+    private subscription?;
+    private tabs;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/tabs/tabs.component.js

@@ -0,0 +1,62 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as n } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
+import { customElement as l } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as m } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { queryAssignedElements as v } from "../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { provide as u } from "../node_modules/@lit/context/lib/decorators/provide.js";
+import { TabService as d } from "./tabs.service.js";
+import { tabContext as f } from "../common/context/tab-context.js";
+var h = Object.defineProperty, T = Object.getOwnPropertyDescriptor, o = (t, e, a, r) => {
+  for (var s = r > 1 ? void 0 : r ? T(e, a) : e, b = t.length - 1, c; b >= 0; b--)
+    (c = t[b]) && (s = (r ? c(e, a, s) : c(s)) || s);
+  return r && s && h(e, a, s), s;
+};
+let i = class extends p {
+  constructor() {
+    super(...arguments), this.tabService = new d(), this.activeTab = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.subscription = this.tabService.activeTabData$.subscribe((t) => {
+      t && this.activeTab !== t.tabId && (this.activeTab = t.tabId);
+    });
+  }
+  firstUpdated() {
+    !this.activeTab && this.tabs.length > 0 && this.tabService.setActiveTab(this.tabs[0]), this.setAttribute("role", "tablist");
+  }
+  updated(t) {
+    if (super.updated(t), t.has("activeTab")) {
+      const e = this.tabs.find((a) => a.id === this.activeTab);
+      e && this.tabService.setActiveTab(e);
+    }
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this.subscription) == null || t.unsubscribe();
+  }
+  render() {
+    return n`
+      <div class="tabs" role="tablist">
+        <slot></slot> <!-- Tabs -->
+      </div>
+      <div class="tab-panels">
+        <slot name="tab-panel"></slot> <!-- Panels -->
+      </div>
+    `;
+  }
+};
+o([
+  u({ context: f })
+], i.prototype, "tabService", 2);
+o([
+  m({ type: String, reflect: !0, attribute: "active-tab" })
+], i.prototype, "activeTab", 2);
+o([
+  v({ slot: "", flatten: !0 })
+], i.prototype, "tabs", 2);
+i = o([
+  l("tabs-component")
+], i);
+export {
+  i as TabsComponent
+};

package/dist/tabs/tabs.service.d.ts

@@ -0,0 +1,14 @@
+import { TabComponent } from '../tab/tab.component';
+export interface ActiveTabData {
+    tabId: string;
+    relatedPanel: string;
+}
+/**
+ * Service that manages active tab state within a single <tabs-component>.
+ */
+export declare class TabService {
+    private activeTabDataSubject;
+    activeTabData$: import('rxjs').Observable<ActiveTabData | null>;
+    setActiveTab(tab: TabComponent): void;
+    getActiveTabData(): ActiveTabData | null;
+}

package/dist/tabs/tabs.service.js

@@ -0,0 +1,16 @@
+import { BehaviorSubject as c } from "../node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js";
+class r {
+  constructor() {
+    this.activeTabDataSubject = new c(null), this.activeTabData$ = this.activeTabDataSubject.asObservable();
+  }
+  setActiveTab(t) {
+    const e = t.getAttribute("id"), a = t.getAttribute("related-panel");
+    this.activeTabDataSubject.next({ tabId: e, relatedPanel: a });
+  }
+  getActiveTabData() {
+    return this.activeTabDataSubject.getValue();
+  }
+}
+export {
+  r as TabService
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@styleon/foundation",
   "private": false,
-  "version": "0.0.0-next.0",
+  "version": "0.0.0-next.1",
   "type": "module",
   "files": [
     "dist",
@@ -17,6 +17,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
+    "@lit/context": "^1.1.4",
     "@storybook/addon-essentials": "^8.5.8",
     "@storybook/blocks": "^8.5.8",
     "@storybook/test": "^8.5.8",
@@ -24,6 +25,7 @@
     "@storybook/web-components-vite": "^8.5.8",
     "@types/node": "^22.13.8",
     "lit": "^3.2.1",
+    "rxjs": "^7.8.2",
     "sass": "^1.85.0",
     "semantic-release": "^24.2.3",
     "storybook": "^8.5.8",