@altimateai/ui-components 0.0.78-beta.1 → 0.0.78

package/dist/Switch.js

@@ -1,169 +1,128 @@
-import { j as l } from "./index3.js";
+import { j as o } from "./index2.js";
 import * as s from "react";
-import { u as A, b as T, d as y, e as H, P as C, f as I, a as x } from "./Stack.js";
-function M(e) {
-  const t = s.useRef({ value: e, previous: e });
-  return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
-}
-function O(e) {
-  const [t, r] = s.useState(void 0);
-  return A(() => {
-    if (e) {
-      r({ width: e.offsetWidth, height: e.offsetHeight });
-      const n = new ResizeObserver((o) => {
-        if (!Array.isArray(o) || !o.length)
-          return;
-        const u = o[0];
-        let i, a;
-        if ("borderBoxSize" in u) {
-          const c = u.borderBoxSize, d = Array.isArray(c) ? c[0] : c;
-          i = d.inlineSize, a = d.blockSize;
-        } else
-          i = e.offsetWidth, a = e.offsetHeight;
-        r({ width: i, height: a });
-      });
-      return n.observe(e, { box: "border-box" }), () => n.unobserve(e);
-    } else
-      r(void 0);
-  }, [e]), t;
-}
-var S = "Switch", [L, G] = T(S), [U, W] = L(S), R = s.forwardRef(
-  (e, t) => {
+import { a as _, u as H, b as I, P as g, d as M, e as B, f as q, g as S } from "./Stack.js";
+var v = "Switch", [z, X] = _(v), [A, O] = z(v), x = s.forwardRef(
+  (e, a) => {
     const {
-      __scopeSwitch: r,
-      name: n,
-      checked: o,
+      __scopeSwitch: t,
+      name: r,
+      checked: n,
       defaultChecked: u,
       required: i,
-      disabled: a,
-      value: c = "on",
-      onCheckedChange: d,
-      form: f,
-      ...w
-    } = e, [p, h] = s.useState(null), m = y(t, (v) => h(v)), g = s.useRef(!1), k = p ? f || !!p.closest("form") : !0, [b, _] = H({
-      prop: o,
-      defaultProp: u ?? !1,
-      onChange: d,
-      caller: S
+      disabled: c,
+      value: l = "on",
+      onCheckedChange: b,
+      form: m,
+      ...p
+    } = e, [d, j] = s.useState(null), E = H(a, (f) => j(f)), k = s.useRef(!1), w = d ? m || !!d.closest("form") : !0, [h = !1, N] = I({
+      prop: n,
+      defaultProp: u,
+      onChange: b
     });
-    return /* @__PURE__ */ l.jsxs(U, { scope: r, checked: b, disabled: a, children: [
-      /* @__PURE__ */ l.jsx(
-        C.button,
+    return /* @__PURE__ */ o.jsxs(A, { scope: t, checked: h, disabled: c, children: [
+      /* @__PURE__ */ o.jsx(
+        g.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": b,
+          "aria-checked": h,
           "aria-required": i,
-          "data-state": N(b),
-          "data-disabled": a ? "" : void 0,
-          disabled: a,
-          value: c,
-          ...w,
-          ref: m,
-          onClick: I(e.onClick, (v) => {
-            _((B) => !B), k && (g.current = v.isPropagationStopped(), g.current || v.stopPropagation());
+          "data-state": P(h),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: l,
+          ...p,
+          ref: E,
+          onClick: M(e.onClick, (f) => {
+            N((T) => !T), w && (k.current = f.isPropagationStopped(), k.current || f.stopPropagation());
           })
         }
       ),
-      k && /* @__PURE__ */ l.jsx(
-        z,
+      w && /* @__PURE__ */ o.jsx(
+        D,
         {
-          control: p,
-          bubbles: !g.current,
-          name: n,
-          value: c,
-          checked: b,
+          control: d,
+          bubbles: !k.current,
+          name: r,
+          value: l,
+          checked: h,
           required: i,
-          disabled: a,
-          form: f,
+          disabled: c,
+          form: m,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-R.displayName = S;
-var P = "SwitchThumb", E = s.forwardRef(
-  (e, t) => {
-    const { __scopeSwitch: r, ...n } = e, o = W(P, r);
-    return /* @__PURE__ */ l.jsx(
-      C.span,
+x.displayName = v;
+var C = "SwitchThumb", y = s.forwardRef(
+  (e, a) => {
+    const { __scopeSwitch: t, ...r } = e, n = O(C, t);
+    return /* @__PURE__ */ o.jsx(
+      g.span,
       {
-        "data-state": N(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...n,
-        ref: t
+        "data-state": P(n.checked),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...r,
+        ref: a
       }
     );
   }
 );
-E.displayName = P;
-var q = "SwitchBubbleInput", z = s.forwardRef(
-  ({
-    __scopeSwitch: e,
-    control: t,
-    checked: r,
-    bubbles: n = !0,
-    ...o
-  }, u) => {
-    const i = s.useRef(null), a = y(i, u), c = M(r), d = O(t);
-    return s.useEffect(() => {
-      const f = i.current;
-      if (!f) return;
-      const w = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
-        w,
-        "checked"
-      ).set;
-      if (c !== r && h) {
-        const m = new Event("click", { bubbles: n });
-        h.call(f, r), f.dispatchEvent(m);
-      }
-    }, [c, r, n]), /* @__PURE__ */ l.jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: r,
-        ...o,
-        tabIndex: -1,
-        ref: a,
-        style: {
-          ...o.style,
-          ...d,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
+y.displayName = C;
+var D = (e) => {
+  const { control: a, checked: t, bubbles: r = !0, ...n } = e, u = s.useRef(null), i = B(t), c = q(a);
+  return s.useEffect(() => {
+    const l = u.current, b = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(b, "checked").set;
+    if (i !== t && p) {
+      const d = new Event("click", { bubbles: r });
+      p.call(l, t), l.dispatchEvent(d);
+    }
+  }, [i, t, r]), /* @__PURE__ */ o.jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: t,
+      ...n,
+      tabIndex: -1,
+      ref: u,
+      style: {
+        ...e.style,
+        ...c,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
       }
-    );
-  }
-);
-z.displayName = q;
-function N(e) {
+    }
+  );
+};
+function P(e) {
   return e ? "checked" : "unchecked";
 }
-var j = R, D = E;
-const F = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  j,
+var R = x, F = y;
+const L = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
+  R,
   {
-    className: x(
+    className: S(
       "al-peer al-inline-flex al-h-6 al-w-11 al-shrink-0 al-cursor-pointer al-items-center al-rounded-full al-border-2 al-border-transparent al-transition-colors focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 focus-visible:al-ring-offset-background disabled:al-cursor-not-allowed disabled:al-opacity-50 data-[state=checked]:al-bg-primary data-[state=unchecked]:al-bg-input",
       e
     ),
-    ...t,
-    ref: r,
-    children: /* @__PURE__ */ l.jsx(
-      D,
+    ...a,
+    ref: t,
+    children: /* @__PURE__ */ o.jsx(
+      F,
       {
-        className: x(
+        className: S(
           "al-pointer-events-none al-block al-h-5 al-w-5 al-rounded-full al-bg-background al-shadow-lg al-ring-0 al-transition-transform data-[state=checked]:al-translate-x-5 data-[state=unchecked]:al-translate-x-0"
         )
       }
     )
   }
 ));
-F.displayName = j.displayName;
+L.displayName = R.displayName;
 export {
-  F as S
+  L as S
 };