@purpurds/toggle 3.0.0

package/dist/toggle.es.js

@@ -0,0 +1,900 @@
+import { jsx as w, jsxs as G } from "react/jsx-runtime";
+import { forwardRef as x, Children as y, isValidElement as j, createElement as _, cloneElement as H, useEffect as O, Fragment as ee, useCallback as B, createContext as Z, useMemo as N, useContext as fe, useRef as A, useState as $, useLayoutEffect as te } from "react";
+import "react-dom";
+function ge(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var re = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (t = c(t, o.call(this, u)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return this && this[t] || t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return r.apply(this, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var a = "";
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, this && this[u] || u));
+      return a;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(re);
+var he = re.exports;
+const be = /* @__PURE__ */ ge(he), _e = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, ve = {
+  name: "checkmark-bold",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
+  keywords: ["checkmark-bold"],
+  category: "utility"
+}, me = be.bind(_e), J = "purpur-icon", $e = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), we = ({ content: e = "", title: n } = {}) => {
+  const r = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = n ? `<title>${n}</title>` : "";
+  return `<svg ${ye(r)}>${o}${e}</svg>`;
+}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Se = ({
+  ["data-testid"]: e,
+  svg: n,
+  allyTitle: r,
+  className: o = "",
+  size: c = $e,
+  ...t
+}) => {
+  const a = we({
+    content: xe(n.svg),
+    title: r
+  }), u = me(o, J, `${J}--${c}`);
+  return /* @__PURE__ */ w(
+    "span",
+    {
+      "aria-label": r,
+      className: u,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: a },
+      ...t
+    }
+  );
+};
+function q() {
+  return q = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
+    }
+    return e;
+  }, q.apply(this, arguments);
+}
+function E() {
+  return E = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
+    }
+    return e;
+  }, E.apply(this, arguments);
+}
+function Pe(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function je(...e) {
+  return (n) => e.forEach(
+    (r) => Pe(r, n)
+  );
+}
+const ne = /* @__PURE__ */ x((e, n) => {
+  const { children: r, ...o } = e, c = y.toArray(r), t = c.find(Oe);
+  if (t) {
+    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ j(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(F, E({}, o, {
+      ref: n
+    }), /* @__PURE__ */ j(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+  }
+  return /* @__PURE__ */ _(F, E({}, o, {
+    ref: n
+  }), r);
+});
+ne.displayName = "Slot";
+const F = /* @__PURE__ */ x((e, n) => {
+  const { children: r, ...o } = e;
+  return /* @__PURE__ */ j(r) ? /* @__PURE__ */ H(r, {
+    ...Ae(o, r.props),
+    ref: n ? je(n, r.ref) : r.ref
+  }) : y.count(r) > 1 ? y.only(null) : null;
+});
+F.displayName = "SlotClone";
+const ke = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+function Oe(e) {
+  return /* @__PURE__ */ j(e) && e.type === ke;
+}
+function Ae(e, n) {
+  const r = {
+    ...n
+  };
+  for (const o in n) {
+    const c = e[o], t = n[o];
+    /^on[A-Z]/.test(o) ? c && t ? r[o] = (...a) => {
+      t(...a), c(...a);
+    } : c && (r[o] = c) : o === "style" ? r[o] = {
+      ...c,
+      ...t
+    } : o === "className" && (r[o] = [
+      c,
+      t
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...r
+  };
+}
+const Ce = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], De = Ce.reduce((e, n) => {
+  const r = /* @__PURE__ */ x((o, c) => {
+    const { asChild: t, ...a } = o, u = t ? ne : n;
+    return O(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ _(u, E({}, a, {
+      ref: c
+    }));
+  });
+  return r.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: r
+  };
+}, {}), Ne = /* @__PURE__ */ x((e, n) => /* @__PURE__ */ _(De.label, q({}, e, {
+  ref: n,
+  onMouseDown: (r) => {
+    var o;
+    (o = e.onMouseDown) === null || o === void 0 || o.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault();
+  }
+}))), Ee = Ne;
+function Re(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var oe = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (t = c(t, o(u)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var a = "";
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
+      return a;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(oe);
+var Me = oe.exports;
+const He = /* @__PURE__ */ Re(Me), K = {
+  "purpur-label": "_purpur-label_1jub8_1",
+  "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
+}, Q = "purpur-label", Le = ({
+  children: e,
+  className: n,
+  htmlFor: r,
+  "data-testid": o,
+  disabled: c,
+  ...t
+}) => {
+  const a = He([
+    n,
+    K[Q],
+    { [K[`${Q}--disabled`]]: c }
+  ]);
+  return /* @__PURE__ */ w(Ee, { className: a, "data-testid": o, htmlFor: r, ...t, children: e });
+};
+function Xe(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ae = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (t = c(t, o(u)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var a = "";
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
+      return a;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(ae);
+var Be = ae.exports;
+const Te = /* @__PURE__ */ Xe(Be), L = {
+  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+}, ze = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, X = "purpur-paragraph", Ie = ({
+  ["data-testid"]: e,
+  children: n,
+  className: r = "",
+  disabled: o,
+  enableHyphenation: c = !1,
+  variant: t = ze.PARAGRAPH100,
+  ...a
+}) => {
+  const u = Te([
+    r,
+    L[X],
+    L[`${X}--${t}`],
+    {
+      [L[`${X}--hyphens`]]: c,
+      [L[`${X}--disabled`]]: o
+    }
+  ]);
+  return /* @__PURE__ */ w("p", { ...a, className: u, "data-testid": e, children: n });
+};
+function R() {
+  return R = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
+    }
+    return e;
+  }, R.apply(this, arguments);
+}
+function qe(e, n, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(c) {
+    if (e == null || e(c), r === !1 || !c.defaultPrevented)
+      return n == null ? void 0 : n(c);
+  };
+}
+function Fe(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function ce(...e) {
+  return (n) => e.forEach(
+    (r) => Fe(r, n)
+  );
+}
+function Ue(...e) {
+  return B(ce(...e), e);
+}
+function Ve(e, n = []) {
+  let r = [];
+  function o(t, a) {
+    const u = /* @__PURE__ */ Z(a), i = r.length;
+    r = [
+      ...r,
+      a
+    ];
+    function s(l) {
+      const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = N(
+        () => f,
+        Object.values(f)
+      );
+      return /* @__PURE__ */ _(g.Provider, {
+        value: d
+      }, v);
+    }
+    function h(l, p) {
+      const v = (p == null ? void 0 : p[e][i]) || u, f = fe(v);
+      if (f)
+        return f;
+      if (a !== void 0)
+        return a;
+      throw new Error(`\`${l}\` must be used within \`${t}\``);
+    }
+    return s.displayName = t + "Provider", [
+      s,
+      h
+    ];
+  }
+  const c = () => {
+    const t = r.map((a) => /* @__PURE__ */ Z(a));
+    return function(u) {
+      const i = (u == null ? void 0 : u[e]) || t;
+      return N(
+        () => ({
+          [`__scope${e}`]: {
+            ...u,
+            [e]: i
+          }
+        }),
+        [
+          u,
+          i
+        ]
+      );
+    };
+  };
+  return c.scopeName = e, [
+    o,
+    We(c, ...n)
+  ];
+}
+function We(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const r = () => {
+    const o = e.map(
+      (c) => ({
+        useScope: c(),
+        scopeName: c.scopeName
+      })
+    );
+    return function(t) {
+      const a = o.reduce((u, { useScope: i, scopeName: s }) => {
+        const l = i(t)[`__scope${s}`];
+        return {
+          ...u,
+          ...l
+        };
+      }, {});
+      return N(
+        () => ({
+          [`__scope${n.scopeName}`]: a
+        }),
+        [
+          a
+        ]
+      );
+    };
+  };
+  return r.scopeName = n.scopeName, r;
+}
+function ue(e) {
+  const n = A(e);
+  return O(() => {
+    n.current = e;
+  }), N(
+    () => (...r) => {
+      var o;
+      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...r);
+    },
+    []
+  );
+}
+function Ge({ prop: e, defaultProp: n, onChange: r = () => {
+} }) {
+  const [o, c] = Ze({
+    defaultProp: n,
+    onChange: r
+  }), t = e !== void 0, a = t ? e : o, u = ue(r), i = B((s) => {
+    if (t) {
+      const l = typeof s == "function" ? s(e) : s;
+      l !== e && u(l);
+    } else
+      c(s);
+  }, [
+    t,
+    e,
+    c,
+    u
+  ]);
+  return [
+    a,
+    i
+  ];
+}
+function Ze({ defaultProp: e, onChange: n }) {
+  const r = $(e), [o] = r, c = A(o), t = ue(n);
+  return O(() => {
+    c.current !== o && (t(o), c.current = o);
+  }, [
+    o,
+    c,
+    t
+  ]), r;
+}
+function Je(e) {
+  const n = A({
+    value: e,
+    previous: e
+  });
+  return N(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
+    e
+  ]);
+}
+const Ke = globalThis != null && globalThis.document ? te : () => {
+};
+function Qe(e) {
+  const [n, r] = $(void 0);
+  return Ke(() => {
+    if (e) {
+      r({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const o = new ResizeObserver((c) => {
+        if (!Array.isArray(c) || !c.length)
+          return;
+        const t = c[0];
+        let a, u;
+        if ("borderBoxSize" in t) {
+          const i = t.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
+          a = s.inlineSize, u = s.blockSize;
+        } else
+          a = e.offsetWidth, u = e.offsetHeight;
+        r({
+          width: a,
+          height: u
+        });
+      });
+      return o.observe(e, {
+        box: "border-box"
+      }), () => o.unobserve(e);
+    } else
+      r(void 0);
+  }, [
+    e
+  ]), n;
+}
+function M() {
+  return M = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var o in r)
+        Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
+    }
+    return e;
+  }, M.apply(this, arguments);
+}
+const ie = /* @__PURE__ */ x((e, n) => {
+  const { children: r, ...o } = e, c = y.toArray(r), t = c.find(et);
+  if (t) {
+    const a = t.props.children, u = c.map((i) => i === t ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ j(a) ? a.props.children : null : i);
+    return /* @__PURE__ */ _(U, M({}, o, {
+      ref: n
+    }), /* @__PURE__ */ j(a) ? /* @__PURE__ */ H(a, void 0, u) : null);
+  }
+  return /* @__PURE__ */ _(U, M({}, o, {
+    ref: n
+  }), r);
+});
+ie.displayName = "Slot";
+const U = /* @__PURE__ */ x((e, n) => {
+  const { children: r, ...o } = e;
+  return /* @__PURE__ */ j(r) ? /* @__PURE__ */ H(r, {
+    ...tt(o, r.props),
+    ref: n ? ce(n, r.ref) : r.ref
+  }) : y.count(r) > 1 ? y.only(null) : null;
+});
+U.displayName = "SlotClone";
+const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
+function et(e) {
+  return /* @__PURE__ */ j(e) && e.type === Ye;
+}
+function tt(e, n) {
+  const r = {
+    ...n
+  };
+  for (const o in n) {
+    const c = e[o], t = n[o];
+    /^on[A-Z]/.test(o) ? c && t ? r[o] = (...u) => {
+      t(...u), c(...u);
+    } : c && (r[o] = c) : o === "style" ? r[o] = {
+      ...c,
+      ...t
+    } : o === "className" && (r[o] = [
+      c,
+      t
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...r
+  };
+}
+const rt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], se = rt.reduce((e, n) => {
+  const r = /* @__PURE__ */ x((o, c) => {
+    const { asChild: t, ...a } = o, u = t ? ie : n;
+    return O(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ _(u, M({}, a, {
+      ref: c
+    }));
+  });
+  return r.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: r
+  };
+}, {}), le = "Switch", [nt, yt] = Ve(le), [ot, at] = nt(le), ct = /* @__PURE__ */ x((e, n) => {
+  const { __scopeSwitch: r, name: o, checked: c, defaultChecked: t, required: a, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = Ue(
+    n,
+    (m) => p(m)
+  ), f = A(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ge({
+    prop: c,
+    defaultProp: t,
+    onChange: s
+  });
+  return /* @__PURE__ */ _(ot, {
+    scope: r,
+    checked: d,
+    disabled: u
+  }, /* @__PURE__ */ _(se.button, R({
+    type: "button",
+    role: "switch",
+    "aria-checked": d,
+    "aria-required": a,
+    "data-state": pe(d),
+    "data-disabled": u ? "" : void 0,
+    disabled: u,
+    value: i
+  }, h, {
+    ref: v,
+    onClick: qe(e.onClick, (m) => {
+      b(
+        (k) => !k
+      ), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
+    })
+  })), g && /* @__PURE__ */ _(st, {
+    control: l,
+    bubbles: !f.current,
+    name: o,
+    value: i,
+    checked: d,
+    required: a,
+    disabled: u,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+}), ut = "SwitchThumb", it = /* @__PURE__ */ x((e, n) => {
+  const { __scopeSwitch: r, ...o } = e, c = at(ut, r);
+  return /* @__PURE__ */ _(se.span, R({
+    "data-state": pe(c.checked),
+    "data-disabled": c.disabled ? "" : void 0
+  }, o, {
+    ref: n
+  }));
+}), st = (e) => {
+  const { control: n, checked: r, bubbles: o = !0, ...c } = e, t = A(null), a = Je(r), u = Qe(n);
+  return O(() => {
+    const i = t.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
+    if (a !== r && l) {
+      const p = new Event("click", {
+        bubbles: o
+      });
+      l.call(i, r), i.dispatchEvent(p);
+    }
+  }, [
+    a,
+    r,
+    o
+  ]), /* @__PURE__ */ _("input", R({
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: r
+  }, c, {
+    tabIndex: -1,
+    ref: t,
+    style: {
+      ...e.style,
+      ...u,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function pe(e) {
+  return e ? "checked" : "unchecked";
+}
+const lt = ct, pt = it;
+function dt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var de = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function r() {
+      for (var t = "", a = 0; a < arguments.length; a++) {
+        var u = arguments[a];
+        u && (t = c(t, o(u)));
+      }
+      return t;
+    }
+    function o(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return r.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var a = "";
+      for (var u in t)
+        n.call(t, u) && t[u] && (a = c(a, u));
+      return a;
+    }
+    function c(t, a) {
+      return a ? t ? t + " " + a : t + a : t;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(de);
+var ft = de.exports;
+const I = /* @__PURE__ */ dt(ft), S = {
+  "purpur-toggle": "_purpur-toggle_1xng6_1",
+  "purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
+  "purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_1xng6_45",
+  "purpur-toggle__thumb": "_purpur-toggle__thumb_1xng6_60",
+  "purpur-toggle__thumb--dragging": "_purpur-toggle__thumb--dragging_1xng6_80",
+  "purpur-toggle__checkmark": "_purpur-toggle__checkmark_1xng6_45",
+  "purpur-toggle__label--right": "_purpur-toggle__label--right_1xng6_100",
+  "purpur-toggle__label--left": "_purpur-toggle__label--left_1xng6_103",
+  "purpur-toggle__container": "_purpur-toggle__container_1xng6_106"
+}, Y = (e) => e && "touches" in e, gt = ({
+  children: e,
+  disabled: n,
+  onStart: r,
+  onDrag: o,
+  onStop: c,
+  bounds: t,
+  position: a,
+  style: u
+}) => {
+  const [i, s] = $(void 0), [h, l] = $(void 0), [p, v] = $(!1), f = (b) => {
+    if (!n) {
+      b.preventDefault();
+      const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
+      l(m), r == null || r();
+    }
+  }, g = B(
+    (b) => {
+      if (typeof h != "number")
+        return;
+      const k = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
+      if (!k)
+        return;
+      const C = a + k;
+      !p && Math.abs(C) && v(!0);
+      const T = C > t.right ? t.right : C < t.left ? t.left : C;
+      s(T), o == null || o({ x: T });
+    },
+    [o, s, p, h]
+  ), d = B(() => {
+    l(void 0), s(void 0), v(!1), c == null || c();
+  }, [c, l]);
+  return O(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
+    window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
+  }), [g]), O(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
+    window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
+  }), [d]), j(e) ? H(y.only(e), {
+    onMouseDown: f,
+    onTouchStart: f,
+    style: { ...u, transform: `translateX(${p ? i : a}px)` }
+  }) : null;
+}, ht = ({ checked: e, onChange: n }) => {
+  var V, W;
+  const r = A(null), o = A(null), [c, t] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
+  te(() => {
+    var D, z;
+    l(((D = o.current) == null ? void 0 : D.clientHeight) || 0), v(((z = r.current) == null ? void 0 : z.clientHeight) || 0);
+  }, [(V = o.current) == null ? void 0 : V.clientHeight, (W = r.current) == null ? void 0 : W.clientHeight]);
+  const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
+  return {
+    trackRef: r,
+    thumbRef: o,
+    isDragging: a,
+    bounds: { left: d, right: g },
+    position: e ? g : d,
+    onDrag: ({ x: D }) => {
+      t(D), Math.abs((e ? g : d) - D) > 2 && u(!0);
+    },
+    onStop: () => {
+      u(!1), a && s(Date.now()), m && (n == null || n(!e));
+    },
+    onChangeWithDrag: () => {
+      Date.now() - i > 50 && (n == null || n(!e)), t(void 0);
+    }
+  };
+}, P = "purpur-toggle", bt = ({
+  ["data-testid"]: e,
+  className: n,
+  label: r,
+  onChange: o,
+  labelPosition: c = "right",
+  checked: t,
+  disableDrag: a,
+  defaultChecked: u,
+  ...i
+}, s) => {
+  const [h, l] = $(
+    typeof t == "boolean" ? t : !!u
+  ), p = !!(typeof t == "boolean" ? t : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = ht({
+    checked: p,
+    onChange: (k) => {
+      i.disabled || (o == null || o(k), l(k));
+    }
+  }), m = () => /* @__PURE__ */ w(
+    Le,
+    {
+      htmlFor: i.id,
+      "data-testid": e && `${e}-label`,
+      disabled: i.disabled,
+      className: I(
+        S[`${P}__label`],
+        S[`${P}__label--${c}`]
+      ),
+      children: /* @__PURE__ */ w(Ie, { variant: "paragraph-100", disabled: i.disabled, children: r })
+    }
+  );
+  return /* @__PURE__ */ G("div", { className: I([n, S[`${P}__container`]]), children: [
+    r && c === "left" && m(),
+    /* @__PURE__ */ w(
+      lt,
+      {
+        ...i,
+        ref: s,
+        id: i.id,
+        "data-testid": e,
+        className: S[P],
+        onCheckedChange: d,
+        checked: p,
+        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
+          /* @__PURE__ */ w("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ w(
+            Se,
+            {
+              className: S[`${P}__checkmark`],
+              svg: ve,
+              size: "xxs"
+            }
+          ) }),
+          /* @__PURE__ */ w(gt, { disabled: a, ...b, children: /* @__PURE__ */ w(
+            pt,
+            {
+              ref: v,
+              "data-testid": e && `${e}-thumb`,
+              className: I([
+                S[`${P}__thumb`],
+                {
+                  [S[`${P}__thumb--dragging`]]: g
+                }
+              ])
+            }
+          ) })
+        ] })
+      }
+    ),
+    r && c === "right" && m()
+  ] });
+}, _t = x(bt);
+_t.displayName = "Toggle";
+export {
+  _t as Toggle
+};
+//# sourceMappingURL=toggle.es.js.map