@purpurds/toggle 4.6.0 → 5.0.0

package/dist/toggle.es.js

@@ -1,5 +1,5 @@
-import { jsx as x, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as Z, useMemo as R, useContext as fe, useRef as D, useState as $, useLayoutEffect as re } from "react";
+import { jsx as x, jsxs as J } from "react/jsx-runtime";
+import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as X, useEffect as A, Fragment as ee, useCallback as B, createContext as K, useMemo as R, useContext as fe, useRef as D, useState as $, useLayoutEffect as re } from "react";
 import "react-dom";
 function ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -54,7 +54,7 @@ const be = /* @__PURE__ */ ge(he), _e = {
   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(" "), xe = ({ content: e = "", title: n } = {}) => {
+}, me = be.bind(_e), Q = "purpur-icon", $e = "md", ye = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), xe = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -73,7 +73,7 @@ const be = /* @__PURE__ */ ge(he), _e = {
   const a = xe({
     content: we(n.svg),
     title: t
-  }), u = me(o, J, `${J}--${c}`);
+  }), u = me(o, Q, `${Q}--${c}`);
   return /* @__PURE__ */ x(
     "span",
     {
@@ -85,15 +85,15 @@ const be = /* @__PURE__ */ ge(he), _e = {
     }
   );
 };
-function q() {
-  return q = Object.assign ? Object.assign.bind() : function(e) {
+function V() {
+  return V = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, q.apply(this, arguments);
+  }, V.apply(this, arguments);
 }
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -117,23 +117,23 @@ const ne = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(Ae);
   if (r) {
     const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(F, M({}, o, {
+    return /* @__PURE__ */ _(U, M({}, o, {
       ref: n
     }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(F, M({}, o, {
+  return /* @__PURE__ */ _(U, M({}, o, {
     ref: n
   }), t);
 });
 ne.displayName = "Slot";
-const F = /* @__PURE__ */ w((e, n) => {
+const U = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...De(o, t.props),
     ref: n ? ke(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-F.displayName = "SlotClone";
+U.displayName = "SlotClone";
 const Oe = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function Ae(e) {
   return /* @__PURE__ */ k(e) && e.type === Oe;
@@ -189,7 +189,7 @@ const Ce = [
     ...e,
     [n]: t
   };
-}, {}), Ne = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, q({}, e, {
+}, {}), Ne = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ee.label, V({}, e, {
   ref: n,
   onMouseDown: (t) => {
     var o;
@@ -236,23 +236,28 @@ var oe = { exports: {} };
   })();
 })(oe);
 var Me = oe.exports;
-const He = /* @__PURE__ */ Re(Me), K = {
-  "purpur-label": "_purpur-label_1tkut_1",
-  "purpur-label--disabled": "_purpur-label--disabled_1tkut_9"
-}, Q = "purpur-label", Le = ({
+const He = /* @__PURE__ */ Re(Me), I = {
+  "purpur-label": "_purpur-label_12cfi_1",
+  "purpur-label--negative": "_purpur-label--negative_12cfi_9",
+  "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
+}, q = "purpur-label", Le = ({
   children: e,
   className: n,
   htmlFor: t,
   "data-testid": o,
   disabled: c,
-  ...r
+  negative: r = !1,
+  ...a
 }) => {
-  const a = He([
+  const u = He([
     n,
-    K[Q],
-    { [K[`${Q}--disabled`]]: c }
+    I[q],
+    {
+      [I[`${q}--disabled`]]: c,
+      [I[`${q}--negative`]]: r
+    }
   ]);
-  return /* @__PURE__ */ x(je, { className: a, "data-testid": o, htmlFor: t, ...r, children: e });
+  return /* @__PURE__ */ x(je, { className: u, "data-testid": o, htmlFor: t, ...a, children: e });
 };
 function Xe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -372,7 +377,7 @@ function Ve(...e) {
 function Ue(e, n = []) {
   let t = [];
   function o(r, a) {
-    const u = /* @__PURE__ */ Z(a), i = t.length;
+    const u = /* @__PURE__ */ K(a), i = t.length;
     t = [
       ...t,
       a
@@ -400,7 +405,7 @@ function Ue(e, n = []) {
     ];
   }
   const c = () => {
-    const r = t.map((a) => /* @__PURE__ */ Z(a));
+    const r = t.map((a) => /* @__PURE__ */ K(a));
     return function(u) {
       const i = (u == null ? void 0 : u[e]) || r;
       return R(
@@ -554,23 +559,23 @@ const ie = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e, c = y.toArray(t), r = c.find(er);
   if (r) {
     const a = r.props.children, u = c.map((i) => i === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ k(a) ? a.props.children : null : i);
-    return /* @__PURE__ */ _(V, L({}, o, {
+    return /* @__PURE__ */ _(W, L({}, o, {
       ref: n
     }), /* @__PURE__ */ k(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ _(V, L({}, o, {
+  return /* @__PURE__ */ _(W, L({}, o, {
     ref: n
   }), t);
 });
 ie.displayName = "Slot";
-const V = /* @__PURE__ */ w((e, n) => {
+const W = /* @__PURE__ */ w((e, n) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ k(t) ? /* @__PURE__ */ X(t, {
     ...rr(o, t.props),
     ref: n ? ce(n, t.ref) : t.ref
   }) : y.count(t) > 1 ? y.only(null) : null;
 });
-V.displayName = "SlotClone";
+W.displayName = "SlotClone";
 const Ye = ({ children: e }) => /* @__PURE__ */ _(ee, null, e);
 function er(e) {
   return /* @__PURE__ */ k(e) && e.type === Ye;
@@ -750,7 +755,7 @@ var de = { exports: {} };
   })();
 })(de);
 var fr = de.exports;
-const I = /* @__PURE__ */ dr(fr), S = {
+const F = /* @__PURE__ */ dr(fr), 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",
@@ -802,12 +807,12 @@ const I = /* @__PURE__ */ dr(fr), S = {
     style: { ...u, transform: `translateX(${p ? i : a}px)` }
   }) : null;
 }, hr = ({ checked: e, onChange: n }) => {
-  var U, W;
+  var G, Z;
   const t = D(null), o = D(null), [c, r] = $(void 0), [a, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
   re(() => {
     var E, z;
     l(((E = o.current) == null ? void 0 : E.clientHeight) || 0), v(((z = t.current) == null ? void 0 : z.clientHeight) || 0);
-  }, [(U = o.current) == null ? void 0 : U.clientHeight, (W = t.current) == null ? void 0 : W.clientHeight]);
+  }, [(G = o.current) == null ? void 0 : G.clientHeight, (Z = t.current) == null ? void 0 : Z.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: t,
@@ -849,14 +854,14 @@ const I = /* @__PURE__ */ dr(fr), S = {
       htmlFor: i.id,
       "data-testid": e && `${e}-label`,
       disabled: i.disabled,
-      className: I(
+      className: F(
         S[`${P}__label`],
         S[`${P}__label--${c}`]
       ),
       children: /* @__PURE__ */ x(Ie, { variant: "paragraph-100", disabled: i.disabled, children: t })
     }
   );
-  return /* @__PURE__ */ G("div", { className: I([n, S[`${P}__container`]]), children: [
+  return /* @__PURE__ */ J("div", { className: F([n, S[`${P}__container`]]), children: [
     t && c === "left" && m(),
     /* @__PURE__ */ x(
       lr,
@@ -868,7 +873,7 @@ const I = /* @__PURE__ */ dr(fr), S = {
         className: S[P],
         onCheckedChange: d,
         checked: p,
-        children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
+        children: /* @__PURE__ */ J("span", { ref: f, className: S[`${P}__track`], children: [
           /* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
             Se,
             {
@@ -882,7 +887,7 @@ const I = /* @__PURE__ */ dr(fr), S = {
             {
               ref: v,
               "data-testid": e && `${e}-thumb`,
-              className: I([
+              className: F([
                 S[`${P}__thumb`],
                 {
                   [S[`${P}__thumb--dragging`]]: g