@altimateai/ui-components 0.0.79 → 0.0.80

package/dist/Switch.js

@@ -1,128 +0,0 @@
-import { j as o } from "./index2.js";
-import * as s from "react";
-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: t,
-      name: r,
-      checked: n,
-      defaultChecked: u,
-      required: i,
-      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__ */ o.jsxs(A, { scope: t, checked: h, disabled: c, children: [
-      /* @__PURE__ */ o.jsx(
-        g.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": h,
-          "aria-required": i,
-          "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());
-          })
-        }
-      ),
-      w && /* @__PURE__ */ o.jsx(
-        D,
-        {
-          control: d,
-          bubbles: !k.current,
-          name: r,
-          value: l,
-          checked: h,
-          required: i,
-          disabled: c,
-          form: m,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-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": P(n.checked),
-        "data-disabled": n.disabled ? "" : void 0,
-        ...r,
-        ref: a
-      }
-    );
-  }
-);
-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
-      }
-    }
-  );
-};
-function P(e) {
-  return e ? "checked" : "unchecked";
-}
-var R = x, F = y;
-const L = s.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx(
-  R,
-  {
-    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
-    ),
-    ...a,
-    ref: t,
-    children: /* @__PURE__ */ o.jsx(
-      F,
-      {
-        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"
-        )
-      }
-    )
-  }
-));
-L.displayName = R.displayName;
-export {
-  L as S
-};