@protonradio/proton-ui 0.1.7 → 0.1.9

package/dist/proton-ui.es.d.ts

@@ -0,0 +1,36 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare function Switch(props: SwitchProps): JSX_2.Element;
+
+export declare namespace Switch {
+    var defaultProps: {
+        defaultOn: boolean;
+        isDisabled: boolean;
+    };
+}
+
+declare interface SwitchProps {
+    /**
+     * Whether the Switch is in the 'on' state (uncontrolled).
+     */
+    defaultOn: boolean;
+    /**
+     * Whether the Switch is in the 'on' state. Providing this prop causes the
+     * component to become controlled.
+     */
+    isOn?: boolean;
+    /**
+     * Should the input be non-interactive?
+     */
+    isDisabled: boolean;
+    /**
+     * Called when the Switch's on state changes.
+     */
+    onChange?: (isOn: boolean) => void;
+    /**
+     * The text or component to be rendered as the Switch's label.
+     */
+    children?: React.ReactNode;
+}
+
+export { }

package/dist/proton-ui.es.js

@@ -1,5 +1,5 @@
-import ne, { useRef as Y, useEffect as Pe, useCallback as U, useState as Ie, useMemo as Ot, useContext as Ct } from "react";
-var Le = { exports: {} }, ie = {};
+import ae, { useRef as Y, useEffect as Pe, useCallback as U, useState as Ie, useMemo as Ot, useContext as Ct } from "react";
+var Le = { exports: {} }, oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,9 +12,9 @@ var Le = { exports: {} }, ie = {};
 var pt;
 function dr() {
   if (pt)
-    return ie;
+    return oe;
   pt = 1;
-  var e = ne, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = ae, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(h, v, T) {
     var w, F = {}, L = null, V = null;
     T !== void 0 && (L = "" + T), v.key !== void 0 && (L = "" + v.key), v.ref !== void 0 && (V = v.ref);
@@ -25,9 +25,9 @@ function dr() {
         F[w] === void 0 && (F[w] = v[w]);
     return { $$typeof: r, type: h, key: L, ref: V, props: F, _owner: o.current };
   }
-  return ie.Fragment = n, ie.jsx = u, ie.jsxs = u, ie;
+  return oe.Fragment = n, oe.jsx = u, oe.jsxs = u, oe;
 }
-var oe = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -40,7 +40,7 @@ var oe = {};
 var vt;
 function pr() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ne, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), H = Symbol.iterator, j = "@@iterator";
+    var e = ae, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), h = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), H = Symbol.iterator, j = "@@iterator";
     function A(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -65,10 +65,10 @@ function pr() {
         E.unshift("Warning: " + s), Function.prototype.apply.call(console[t], console, E);
       }
     }
-    var I = !1, M = !1, J = !1, Te = !1, a = !1, y;
+    var I = !1, M = !1, X = !1, Te = !1, a = !1, y;
     y = Symbol.for("react.module.reference");
     function D(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === f || a || t === o || t === T || t === w || Te || t === V || I || M || J || typeof t == "object" && t !== null && (t.$$typeof === L || t.$$typeof === F || t.$$typeof === u || t.$$typeof === h || t.$$typeof === v || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === f || a || t === o || t === T || t === w || Te || t === V || I || M || X || typeof t == "object" && t !== null && (t.$$typeof === L || t.$$typeof === F || t.$$typeof === u || t.$$typeof === h || t.$$typeof === v || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -278,7 +278,7 @@ function pr() {
       } finally {
         _e = !1, we.current = E, Ut(), Error.prepareStackTrace = $;
       }
-      var Z = t ? t.displayName || t.name : "", dt = Z ? fe(Z) : "";
+      var Q = t ? t.displayName || t.name : "", dt = Q ? fe(Q) : "";
       return typeof t == "function" && de.set(t, dt), dt;
     }
     function Yt(t, s, d) {
@@ -368,7 +368,7 @@ function pr() {
       if (qt(t))
         return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zt(t)), rt(t);
     }
-    var ae = C.ReactCurrentOwner, Jt = {
+    var ie = C.ReactCurrentOwner, Jt = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -392,9 +392,9 @@ function pr() {
       return t.key !== void 0;
     }
     function Qt(t, s) {
-      if (typeof t.ref == "string" && ae.current && s && ae.current.stateNode !== s) {
-        var d = l(ae.current.type);
-        xe[d] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', l(ae.current.type), t.ref), xe[d] = !0);
+      if (typeof t.ref == "string" && ie.current && s && ie.current.stateNode !== s) {
+        var d = l(ie.current.type);
+        xe[d] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', l(ie.current.type), t.ref), xe[d] = !0);
       }
     }
     function er(t, s) {
@@ -463,11 +463,11 @@ function pr() {
           var x = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
           b && er(m, x), k && tr(m, x);
         }
-        return rr(t, b, k, $, g, ae.current, m);
+        return rr(t, b, k, $, g, ie.current, m);
       }
     }
     var Oe = C.ReactCurrentOwner, ot = C.ReactDebugCurrentFrame;
-    function X(t) {
+    function Z(t) {
       if (t) {
         var s = t._owner, d = pe(t.type, t._source, s ? s.type : null);
         ot.setExtraStackFrame(d);
@@ -525,7 +525,7 @@ Check the top-level render call using <` + d + ">.");
           return;
         lt[d] = !0;
         var g = "";
-        t && t._owner && t._owner !== Oe.current && (g = " It was passed a child from " + l(t._owner.type) + "."), X(t), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, g), X(null);
+        t && t._owner && t._owner !== Oe.current && (g = " It was passed a child from " + l(t._owner.type) + "."), Z(t), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, g), Z(null);
       }
     }
     function ct(t, s) {
@@ -577,11 +577,11 @@ Check the top-level render call using <` + d + ">.");
         for (var s = Object.keys(t.props), d = 0; d < s.length; d++) {
           var g = s[d];
           if (g !== "children" && g !== "key") {
-            X(t), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), X(null);
+            Z(t), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), Z(null);
             break;
           }
         }
-        t.ref !== null && (X(t), P("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
+        t.ref !== null && (Z(t), P("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
       }
     }
     function ft(t, s, d, g, $, E) {
@@ -603,8 +603,8 @@ Check the top-level render call using <` + d + ">.");
           if (K !== void 0)
             if (g)
               if (Re(K)) {
-                for (var Z = 0; Z < K.length; Z++)
-                  ct(K[Z], t);
+                for (var Q = 0; Q < K.length; Q++)
+                  ct(K[Q], t);
                 Object.freeze && Object.freeze(K);
               } else
                 P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -621,11 +621,11 @@ Check the top-level render call using <` + d + ">.");
       return ft(t, s, d, !1);
     }
     var cr = ur, fr = lr;
-    oe.Fragment = i, oe.jsx = cr, oe.jsxs = fr;
-  }()), oe;
+    se.Fragment = i, se.jsx = cr, se.jsxs = fr;
+  }()), se;
 }
 process.env.NODE_ENV === "production" ? Le.exports = dr() : Le.exports = pr();
-var se = Le.exports;
+var B = Le.exports;
 function kt(e) {
   var r, n, i = "";
   if (typeof e == "string" || typeof e == "number")
@@ -644,9 +644,9 @@ function vr() {
     (e = arguments[n++]) && (r = kt(e)) && (i && (i += " "), i += r);
   return i;
 }
-const We = typeof document < "u" ? ne.useLayoutEffect : () => {
+const We = typeof document < "u" ? ae.useLayoutEffect : () => {
 };
-function B(e) {
+function G(e) {
   const r = Y(null);
   return We(() => {
     r.current = e;
@@ -673,7 +673,7 @@ function br(...e) {
       typeof n == "function" && n(...r);
   };
 }
-function z(...e) {
+function q(...e) {
   let r = {
     ...e[0]
   };
@@ -710,7 +710,7 @@ function Pr(e, r = {}) {
     Object.prototype.hasOwnProperty.call(e, u) && (hr.has(u) || n && yr.has(u) || i && mr.has(u) || o != null && o.has(u) || $r.test(u)) && (f[u] = e[u]);
   return f;
 }
-function G(e) {
+function z(e) {
   if (Er())
     e.focus({
       preventScroll: !0
@@ -804,19 +804,19 @@ function ue(e, r, n = !0) {
     bubbles: !0,
     cancelable: !0
   });
-  ue.isOpening = n, G(e), e.dispatchEvent(T), ue.isOpening = !1;
+  ue.isOpening = n, z(e), e.dispatchEvent(T), ue.isOpening = !1;
 }
 ue.isOpening = !1;
-let te = /* @__PURE__ */ new Map(), Me = /* @__PURE__ */ new Set();
+let re = /* @__PURE__ */ new Map(), Me = /* @__PURE__ */ new Set();
 function bt() {
   if (typeof window > "u")
     return;
   let e = (n) => {
-    let i = te.get(n.target);
-    i || (i = /* @__PURE__ */ new Set(), te.set(n.target, i), n.target.addEventListener("transitioncancel", r)), i.add(n.propertyName);
+    let i = re.get(n.target);
+    i || (i = /* @__PURE__ */ new Set(), re.set(n.target, i), n.target.addEventListener("transitioncancel", r)), i.add(n.propertyName);
   }, r = (n) => {
-    let i = te.get(n.target);
-    if (i && (i.delete(n.propertyName), i.size === 0 && (n.target.removeEventListener("transitioncancel", r), te.delete(n.target)), te.size === 0)) {
+    let i = re.get(n.target);
+    if (i && (i.delete(n.propertyName), i.size === 0 && (n.target.removeEventListener("transitioncancel", r), re.delete(n.target)), re.size === 0)) {
       for (let o of Me)
         o();
       Me.clear();
@@ -827,7 +827,7 @@ function bt() {
 typeof document < "u" && (document.readyState !== "loading" ? bt() : document.addEventListener("DOMContentLoaded", bt));
 function Mt(e) {
   requestAnimationFrame(() => {
-    te.size === 0 ? e() : Me.add(e);
+    re.size === 0 ? e() : Me.add(e);
   });
 }
 function Or() {
@@ -875,7 +875,7 @@ function Cr(e) {
   return !Lt() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 function kr(e, r, n) {
-  let i = Y(r), o = B(() => {
+  let i = Y(r), o = G(() => {
     n && n(i.current);
   });
   Pe(() => {
@@ -921,17 +921,17 @@ function ht(e, r, n) {
   var i = At(e, r, "set");
   return Kr(e, i, n), n;
 }
-let re = "default", Ae = "", $e = /* @__PURE__ */ new WeakMap();
+let ne = "default", Ae = "", $e = /* @__PURE__ */ new WeakMap();
 function yt(e) {
-  Dt() ? (re === "default" && (Ae = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), re = "disabled") : (e instanceof HTMLElement || e instanceof SVGElement) && ($e.set(e, e.style.userSelect), e.style.userSelect = "none");
+  Dt() ? (ne === "default" && (Ae = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), ne = "disabled") : (e instanceof HTMLElement || e instanceof SVGElement) && ($e.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
 function he(e) {
   if (Dt()) {
-    if (re !== "disabled")
+    if (ne !== "disabled")
       return;
-    re = "restoring", setTimeout(() => {
+    ne = "restoring", setTimeout(() => {
       Mt(() => {
-        re === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = Ae || ""), Ae = "", re = "default");
+        ne === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = Ae || ""), Ae = "", ne = "default");
       });
     }, 300);
   } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && $e.has(e)) {
@@ -939,13 +939,13 @@ function he(e) {
     e.style.userSelect === "none" && (e.style.userSelect = r), e.getAttribute("style") === "" && e.removeAttribute("style"), $e.delete(e);
   }
 }
-const jt = ne.createContext(null);
+const jt = ae.createContext(null);
 jt.displayName = "PressResponderContext";
 function Ar(e) {
   let r = Ct(jt);
   if (r) {
     let { register: n, ...i } = r;
-    e = z(i, e), n();
+    e = q(i, e), n();
   }
   return Kt(r, e.ref), e;
 }
@@ -990,7 +990,7 @@ function jr(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: A, removeAllGlobalListeners: C } = Or(), P = B((a, y) => {
+  }), { addGlobalListener: A, removeAllGlobalListeners: C } = Or(), P = G((a, y) => {
     let D = j.current;
     if (u || D.didFirePressStart)
       return;
@@ -1000,7 +1000,7 @@ function jr(e) {
       i(S), p = S.shouldStopPropagation;
     }
     return n && n(!0), D.isTriggeringEvent = !1, D.didFirePressStart = !0, H(!0), p;
-  }), O = B((a, y, D = !0) => {
+  }), O = G((a, y, D = !0) => {
     let p = j.current;
     if (!p.didFirePressStart)
       return;
@@ -1015,7 +1015,7 @@ function jr(e) {
       r(l), S && (S = l.shouldStopPropagation);
     }
     return p.isTriggeringEvent = !1, S;
-  }), I = B((a, y) => {
+  }), I = G((a, y) => {
     let D = j.current;
     if (!u) {
       if (f) {
@@ -1025,10 +1025,10 @@ function jr(e) {
       }
       return !0;
     }
-  }), M = B((a) => {
+  }), M = G((a) => {
     let y = j.current;
     y.isPressed && (y.isOverTarget && O(N(y.target, a), y.pointerType, !1), y.isPressed = !1, y.isOverTarget = !1, y.activePointerId = null, y.pointerType = null, C(), w || he(y.target));
-  }), J = B((a) => {
+  }), X = G((a) => {
     T && M(a);
   }), Te = Ot(() => {
     let a = j.current, y = {
@@ -1047,7 +1047,7 @@ function jr(e) {
         if (!(p && !p.currentTarget.contains(p.target)) && p && p.button === 0 && !a.isTriggeringEvent && !ue.isOpening) {
           let S = !0;
           if (u && p.preventDefault(), !a.ignoreClickAfterPress && !a.ignoreEmulatedMouseEvents && !a.isPressed && (a.pointerType === "virtual" || Ke(p.nativeEvent))) {
-            !u && !v && G(p.currentTarget);
+            !u && !v && z(p.currentTarget);
             let l = P(p, "virtual"), c = I(p, "virtual"), _ = O(p, "virtual");
             S = l && c && _;
           }
@@ -1078,16 +1078,16 @@ function jr(e) {
         }
         De(c.currentTarget) && c.preventDefault(), a.pointerType = c.pointerType;
         let _ = !0;
-        a.isPressed || (a.isPressed = !0, a.isOverTarget = !0, a.activePointerId = c.pointerId, a.target = c.currentTarget, !u && !v && G(c.currentTarget), w || yt(a.target), _ = P(c, a.pointerType), A(document, "pointermove", p, !1), A(document, "pointerup", S, !1), A(document, "pointercancel", l, !1)), _ && c.stopPropagation();
+        a.isPressed || (a.isPressed = !0, a.isOverTarget = !0, a.activePointerId = c.pointerId, a.target = c.currentTarget, !u && !v && z(c.currentTarget), w || yt(a.target), _ = P(c, a.pointerType), A(document, "pointermove", p, !1), A(document, "pointerup", S, !1), A(document, "pointercancel", l, !1)), _ && c.stopPropagation();
       }, y.onMouseDown = (c) => {
         c.currentTarget.contains(c.target) && c.button === 0 && (De(c.currentTarget) && c.preventDefault(), c.stopPropagation());
       }, y.onPointerUp = (c) => {
-        !c.currentTarget.contains(c.target) || a.pointerType === "virtual" || c.button === 0 && Q(c, c.currentTarget) && I(c, a.pointerType || c.pointerType);
+        !c.currentTarget.contains(c.target) || a.pointerType === "virtual" || c.button === 0 && ee(c, c.currentTarget) && I(c, a.pointerType || c.pointerType);
       };
       let p = (c) => {
-        c.pointerId === a.activePointerId && (Q(c, a.target) ? a.isOverTarget || (a.isOverTarget = !0, P(N(a.target, c), a.pointerType)) : a.isOverTarget && (a.isOverTarget = !1, O(N(a.target, c), a.pointerType, !1), J(c)));
+        c.pointerId === a.activePointerId && (ee(c, a.target) ? a.isOverTarget || (a.isOverTarget = !0, P(N(a.target, c), a.pointerType)) : a.isOverTarget && (a.isOverTarget = !1, O(N(a.target, c), a.pointerType, !1), X(c)));
       }, S = (c) => {
-        c.pointerId === a.activePointerId && a.isPressed && c.button === 0 && (Q(c, a.target) ? O(N(a.target, c), a.pointerType) : a.isOverTarget && O(N(a.target, c), a.pointerType, !1), a.isPressed = !1, a.isOverTarget = !1, a.activePointerId = null, a.pointerType = null, C(), w || he(a.target));
+        c.pointerId === a.activePointerId && a.isPressed && c.button === 0 && (ee(c, a.target) ? O(N(a.target, c), a.pointerType) : a.isOverTarget && O(N(a.target, c), a.pointerType, !1), a.isPressed = !1, a.isOverTarget = !1, a.activePointerId = null, a.pointerType = null, C(), w || he(a.target));
       }, l = (c) => {
         M(c);
       };
@@ -1102,7 +1102,7 @@ function jr(e) {
           l.stopPropagation();
           return;
         }
-        a.isPressed = !0, a.isOverTarget = !0, a.target = l.currentTarget, a.pointerType = Ke(l.nativeEvent) ? "virtual" : "mouse", !u && !v && G(l.currentTarget), P(l, a.pointerType) && l.stopPropagation(), A(document, "mouseup", p, !1);
+        a.isPressed = !0, a.isOverTarget = !0, a.target = l.currentTarget, a.pointerType = Ke(l.nativeEvent) ? "virtual" : "mouse", !u && !v && z(l.currentTarget), P(l, a.pointerType) && l.stopPropagation(), A(document, "mouseup", p, !1);
       }, y.onMouseEnter = (l) => {
         if (!l.currentTarget.contains(l.target))
           return;
@@ -1112,7 +1112,7 @@ function jr(e) {
         if (!l.currentTarget.contains(l.target))
           return;
         let c = !0;
-        a.isPressed && !a.ignoreEmulatedMouseEvents && (a.isOverTarget = !1, c = O(l, a.pointerType, !1), J(l)), c && l.stopPropagation();
+        a.isPressed && !a.ignoreEmulatedMouseEvents && (a.isOverTarget = !1, c = O(l, a.pointerType, !1), X(l)), c && l.stopPropagation();
       }, y.onMouseUp = (l) => {
         l.currentTarget.contains(l.target) && !a.ignoreEmulatedMouseEvents && l.button === 0 && I(l, a.pointerType || "mouse");
       };
@@ -1122,7 +1122,7 @@ function jr(e) {
             a.ignoreEmulatedMouseEvents = !1;
             return;
           }
-          Q(l, a.target) ? O(N(a.target, l), a.pointerType) : a.isOverTarget && O(N(a.target, l), a.pointerType, !1), a.isOverTarget = !1;
+          ee(l, a.target) ? O(N(a.target, l), a.pointerType) : a.isOverTarget && O(N(a.target, l), a.pointerType, !1), a.isOverTarget = !1;
         }
       };
       y.onTouchStart = (l) => {
@@ -1131,7 +1131,7 @@ function jr(e) {
         let c = Ir(l.nativeEvent);
         if (!c)
           return;
-        a.activePointerId = c.identifier, a.ignoreEmulatedMouseEvents = !0, a.isOverTarget = !0, a.isPressed = !0, a.target = l.currentTarget, a.pointerType = "touch", !u && !v && G(l.currentTarget), w || yt(a.target), P(l, a.pointerType) && l.stopPropagation(), A(window, "scroll", S, !0);
+        a.activePointerId = c.identifier, a.ignoreEmulatedMouseEvents = !0, a.isOverTarget = !0, a.isPressed = !0, a.target = l.currentTarget, a.pointerType = "touch", !u && !v && z(l.currentTarget), w || yt(a.target), P(l, a.pointerType) && l.stopPropagation(), A(window, "scroll", S, !0);
       }, y.onTouchMove = (l) => {
         if (!l.currentTarget.contains(l.target))
           return;
@@ -1140,7 +1140,7 @@ function jr(e) {
           return;
         }
         let c = $t(l.nativeEvent, a.activePointerId), _ = !0;
-        c && Q(c, l.currentTarget) ? a.isOverTarget || (a.isOverTarget = !0, _ = P(l, a.pointerType)) : a.isOverTarget && (a.isOverTarget = !1, _ = O(l, a.pointerType, !1), J(l)), _ && l.stopPropagation();
+        c && ee(c, l.currentTarget) ? a.isOverTarget || (a.isOverTarget = !0, _ = P(l, a.pointerType)) : a.isOverTarget && (a.isOverTarget = !1, _ = O(l, a.pointerType, !1), X(l)), _ && l.stopPropagation();
       }, y.onTouchEnd = (l) => {
         if (!l.currentTarget.contains(l.target))
           return;
@@ -1149,7 +1149,7 @@ function jr(e) {
           return;
         }
         let c = $t(l.nativeEvent, a.activePointerId), _ = !0;
-        c && Q(c, l.currentTarget) ? (I(l, a.pointerType), _ = O(l, a.pointerType)) : a.isOverTarget && (_ = O(l, a.pointerType, !1)), _ && l.stopPropagation(), a.isPressed = !1, a.activePointerId = null, a.isOverTarget = !1, a.ignoreEmulatedMouseEvents = !0, w || he(a.target), C();
+        c && ee(c, l.currentTarget) ? (I(l, a.pointerType), _ = O(l, a.pointerType)) : a.isOverTarget && (_ = O(l, a.pointerType, !1)), _ && l.stopPropagation(), a.isPressed = !1, a.activePointerId = null, a.isOverTarget = !1, a.ignoreEmulatedMouseEvents = !0, w || he(a.target), C();
       }, y.onTouchCancel = (l) => {
         l.currentTarget.contains(l.target) && (l.stopPropagation(), a.isPressed && M(l));
       };
@@ -1174,7 +1174,7 @@ function jr(e) {
     C,
     w,
     M,
-    J,
+    X,
     O,
     P,
     I
@@ -1185,7 +1185,7 @@ function jr(e) {
     w
   ]), {
     isPressed: h || V,
-    pressProps: z(L, Te)
+    pressProps: q(L, Te)
   };
 }
 function Ue(e) {
@@ -1230,7 +1230,7 @@ function Wr(e) {
 function Nr(e, r) {
   return !(e.left > r.right || r.left > e.right || e.top > r.bottom || r.top > e.bottom);
 }
-function Q(e, r) {
+function ee(e, r) {
   let n = r.getBoundingClientRect(), i = Wr(e);
   return Nr(n, i);
 }
@@ -1284,7 +1284,7 @@ function Wt(e) {
       i.observer && (i.observer.disconnect(), i.observer = null);
     };
   }, []);
-  let n = B((i) => {
+  let n = G((i) => {
     e == null || e(i);
   });
   return U((i) => {
@@ -1339,7 +1339,7 @@ function Yr(e) {
     }
   };
 }
-let ce = null, Hr = /* @__PURE__ */ new Set(), Et = !1, q = !1, je = !1;
+let ce = null, Hr = /* @__PURE__ */ new Set(), Et = !1, J = !1, je = !1;
 function Ve(e, r) {
   for (let n of Hr)
     n(e, r);
@@ -1348,27 +1348,27 @@ function Br(e) {
   return !(e.metaKey || !le() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function Tt(e) {
-  q = !0, Br(e) && (ce = "keyboard", Ve("keyboard", e));
+  J = !0, Br(e) && (ce = "keyboard", Ve("keyboard", e));
 }
-function ee(e) {
-  ce = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (q = !0, Ve("pointer", e));
+function te(e) {
+  ce = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (J = !0, Ve("pointer", e));
 }
 function Gr(e) {
-  Ke(e) && (q = !0, ce = "virtual");
+  Ke(e) && (J = !0, ce = "virtual");
 }
 function zr(e) {
-  e.target === window || e.target === document || (!q && !je && (ce = "virtual", Ve("virtual", e)), q = !1, je = !1);
+  e.target === window || e.target === document || (!J && !je && (ce = "virtual", Ve("virtual", e)), J = !1, je = !1);
 }
 function qr() {
-  q = !1, je = !0;
+  J = !1, je = !0;
 }
 function wt() {
   if (typeof window > "u" || Et)
     return;
   let e = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function() {
-    q = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", Tt, !0), document.addEventListener("keyup", Tt, !0), document.addEventListener("click", Gr, !0), window.addEventListener("focus", zr, !0), window.addEventListener("blur", qr, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", ee, !0), document.addEventListener("pointermove", ee, !0), document.addEventListener("pointerup", ee, !0)) : (document.addEventListener("mousedown", ee, !0), document.addEventListener("mousemove", ee, !0), document.addEventListener("mouseup", ee, !0)), Et = !0;
+    J = !0, e.apply(this, arguments);
+  }, document.addEventListener("keydown", Tt, !0), document.addEventListener("keyup", Tt, !0), document.addEventListener("click", Gr, !0), window.addEventListener("focus", zr, !0), window.addEventListener("blur", qr, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", te, !0), document.addEventListener("pointermove", te, !0), document.addEventListener("pointerup", te, !0)) : (document.addEventListener("mousedown", te, !0), document.addEventListener("mousemove", te, !0), document.addEventListener("mouseup", te, !0)), Et = !0;
 }
 typeof document < "u" && (document.readyState !== "loading" ? wt() : document.addEventListener("DOMContentLoaded", wt));
 function Jr() {
@@ -1437,10 +1437,10 @@ function Qr(e) {
   if (Jr() === "virtual") {
     let r = document.activeElement;
     Mt(() => {
-      document.activeElement === r && document.contains(e) && G(e);
+      document.activeElement === r && document.contains(e) && z(e);
     });
   } else
-    G(e);
+    z(e);
 }
 function en(e, r) {
   return r.some((n) => n.contains(e));
@@ -1500,7 +1500,7 @@ class _t {
   }
 }
 new Ye();
-let tn = /* @__PURE__ */ ne.createContext(null);
+let tn = /* @__PURE__ */ ae.createContext(null);
 function rn(e) {
   let r = Ct(tn) || {};
   Kt(r, e);
@@ -1508,13 +1508,13 @@ function rn(e) {
   return i;
 }
 function nn(e, r) {
-  let { focusProps: n } = Yr(e), { keyboardProps: i } = Zr(e), o = z(n, i), f = rn(r), u = e.isDisabled ? {} : f, h = Y(e.autoFocus);
+  let { focusProps: n } = Yr(e), { keyboardProps: i } = Zr(e), o = q(n, i), f = rn(r), u = e.isDisabled ? {} : f, h = Y(e.autoFocus);
   return Pe(() => {
     h.current && r.current && Qr(r.current), h.current = !1;
   }, [
     r
   ]), {
-    focusableProps: z({
+    focusableProps: q({
       ...o,
       tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
     }, u)
@@ -1527,11 +1527,11 @@ function an(e, r, n) {
   !H && !j && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
   let { pressProps: A, isPressed: C } = jr({
     isDisabled: i
-  }), { focusableProps: P } = nn(e, n), O = z(A, P), I = Pr(e, {
+  }), { focusableProps: P } = nn(e, n), O = q(A, P), I = Pr(e, {
     labelable: !0
   });
   return kr(n, r.isSelected, r.setSelected), {
-    inputProps: z(I, {
+    inputProps: q(I, {
       "aria-invalid": L || F === "invalid" || void 0,
       "aria-errormessage": e["aria-errormessage"],
       "aria-controls": e["aria-controls"],
@@ -1584,7 +1584,7 @@ function on(e = {}) {
 }
 function sn(e) {
   let { children: r, elementType: n = "div", isFocusable: i, style: o, ...f } = e, { visuallyHiddenProps: u } = on(e);
-  return /* @__PURE__ */ ne.createElement(n, z(f, u), r);
+  return /* @__PURE__ */ ae.createElement(n, q(f, u), r);
 }
 function ln(e, r, n) {
   let { inputProps: i, isSelected: o, isPressed: f, isDisabled: u, isReadOnly: h } = an(e, r, n);
@@ -1625,7 +1625,7 @@ function cn(e) {
     setSelected: i,
     toggle: () => i(!n)
   }, { inputProps: f } = ln(e, o, r);
-  return /* @__PURE__ */ se.jsxs(
+  return /* @__PURE__ */ B.jsxs(
     "label",
     {
       "data-on": n || void 0,
@@ -1636,33 +1636,54 @@ function cn(e) {
         opacity: e.isDisabled ? 0.4 : 1
       },
       children: [
-        /* @__PURE__ */ se.jsx(sn, { children: /* @__PURE__ */ se.jsx("input", { ...f, ref: r }) }),
-        /* @__PURE__ */ se.jsx(
+        /* @__PURE__ */ B.jsx(sn, { children: /* @__PURE__ */ B.jsx("input", { ...f, ref: r }) }),
+        /* @__PURE__ */ B.jsxs(
           "div",
           {
             style: {
-              position: "relative",
-              width: 50,
-              height: 26,
-              borderRadius: 50,
-              backgroundColor: o.isSelected ? xt.Primary : xt.Grey,
-              cursor: e.isDisabled ? "not-allowed" : "pointer"
+              display: "flex"
             },
-            children: /* @__PURE__ */ se.jsx(
-              "div",
-              {
-                style: {
-                  position: "absolute",
-                  width: 22,
-                  height: 22,
-                  borderRadius: 22,
-                  backgroundColor: "white",
-                  top: 2,
-                  left: o.isSelected ? 26 : 2,
-                  transition: "left .2s ease"
+            children: [
+              /* @__PURE__ */ B.jsx(
+                "div",
+                {
+                  style: {
+                    position: "relative",
+                    width: 50,
+                    height: 26,
+                    borderRadius: 50,
+                    backgroundColor: o.isSelected ? xt.Primary : xt.Grey,
+                    cursor: e.isDisabled ? "not-allowed" : "pointer"
+                  },
+                  children: /* @__PURE__ */ B.jsx(
+                    "div",
+                    {
+                      style: {
+                        position: "absolute",
+                        width: 22,
+                        height: 22,
+                        borderRadius: 22,
+                        backgroundColor: "white",
+                        top: 2,
+                        left: o.isSelected ? 26 : 2,
+                        transition: "left .2s ease"
+                      }
+                    }
+                  )
                 }
-              }
-            )
+              ),
+              /* @__PURE__ */ B.jsx(
+                "div",
+                {
+                  style: {
+                    alignSelf: "center",
+                    paddingLeft: 8,
+                    fontFamily: "Akagi Pro"
+                  },
+                  children: e.children
+                }
+              )
+            ]
           }
         )
       ]