@altimateai/ui-components 0.0.21 → 0.0.23-beta.1

package/dist/Switch.js

@@ -0,0 +1,128 @@
+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, c as S } from "./Tooltip.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
+};

package/dist/Table.js

@@ -0,0 +1,22 @@
+import { j as t } from "./index2.js";
+import { forwardRef as o } from "react";
+import { c as e } from "./Tooltip.js";
+const i = o(
+  ({ className: a, isOpen: l = !1, children: s, ...r }, m) => l ? /* @__PURE__ */ t.jsx("div", { ref: m, className: e("al-transition-all", a), ...r, children: s }) : null
+);
+i.displayName = "Collapse";
+const n = o(
+  ({ className: a, ...l }, s) => /* @__PURE__ */ t.jsx(
+    "table",
+    {
+      ref: s,
+      className: e("al-w-full al-caption-bottom al-text-sm", a),
+      ...l
+    }
+  )
+);
+n.displayName = "Table";
+export {
+  i as C,
+  n as T
+};