@sudobility/entity-components-rn 1.0.1

package/dist/index.mjs

@@ -0,0 +1,1509 @@
+import Ue, { useState as q } from "react";
+import { Pressable as $, View as i, Image as xe, Text as l, FlatList as ae, RefreshControl as be, ActivityIndicator as se, Modal as qe, TextInput as kr } from "react-native";
+const H = [
+  {
+    role: "owner",
+    label: "Owner",
+    description: "Full access and ownership rights",
+    color: "purple"
+  },
+  {
+    role: "admin",
+    label: "Admin",
+    description: "Can manage members and settings",
+    color: "blue"
+  },
+  {
+    role: "member",
+    label: "Member",
+    description: "Can view and contribute",
+    color: "green"
+  },
+  {
+    role: "viewer",
+    label: "Viewer",
+    description: "Can only view content",
+    color: "gray"
+  },
+  {
+    role: "guest",
+    label: "Guest",
+    description: "Limited access",
+    color: "yellow"
+  }
+];
+var te = { exports: {} }, G = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ve;
+function wr() {
+  if (Ve) return G;
+  Ve = 1;
+  var n = Ue, a = Symbol.for("react.element"), p = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, m = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, N = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function w(E, h, C) {
+    var v, j = {}, _ = null, R = null;
+    C !== void 0 && (_ = "" + C), h.key !== void 0 && (_ = "" + h.key), h.ref !== void 0 && (R = h.ref);
+    for (v in h) g.call(h, v) && !N.hasOwnProperty(v) && (j[v] = h[v]);
+    if (E && E.defaultProps) for (v in h = E.defaultProps, h) j[v] === void 0 && (j[v] = h[v]);
+    return { $$typeof: a, type: E, key: _, ref: R, props: j, _owner: m.current };
+  }
+  return G.Fragment = p, G.jsx = w, G.jsxs = w, G;
+}
+var K = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var We;
+function Nr() {
+  return We || (We = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = Ue, a = Symbol.for("react.element"), p = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), E = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), R = Symbol.for("react.offscreen"), T = Symbol.iterator, u = "@@iterator";
+    function I(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var t = T && e[T] || e[u];
+      return typeof t == "function" ? t : null;
+    }
+    var x = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function c(e) {
+      {
+        for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
+          s[o - 1] = arguments[o];
+        A("error", e, s);
+      }
+    }
+    function A(e, t, s) {
+      {
+        var o = x.ReactDebugCurrentFrame, y = o.getStackAddendum();
+        y !== "" && (t += "%s", s = s.concat([y]));
+        var k = s.map(function(f) {
+          return String(f);
+        });
+        k.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, k);
+      }
+    }
+    var P = !1, b = !1, V = !1, X = !1, ze = !1, me;
+    me = Symbol.for("react.module.reference");
+    function Je(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === g || e === N || ze || e === m || e === C || e === v || X || e === R || P || b || V || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === j || e.$$typeof === w || e.$$typeof === E || e.$$typeof === h || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === me || e.getModuleId !== void 0));
+    }
+    function Ge(e, t, s) {
+      var o = e.displayName;
+      if (o)
+        return o;
+      var y = t.displayName || t.name || "";
+      return y !== "" ? s + "(" + y + ")" : s;
+    }
+    function ge(e) {
+      return e.displayName || "Context";
+    }
+    function M(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case g:
+          return "Fragment";
+        case p:
+          return "Portal";
+        case N:
+          return "Profiler";
+        case m:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case v:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case E:
+            var t = e;
+            return ge(t) + ".Consumer";
+          case w:
+            var s = e;
+            return ge(s._context) + ".Provider";
+          case h:
+            return Ge(e, e.render, "ForwardRef");
+          case j:
+            var o = e.displayName || null;
+            return o !== null ? o : M(e.type) || "Memo";
+          case _: {
+            var y = e, k = y._payload, f = y._init;
+            try {
+              return M(f(k));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var W = Object.assign, z = 0, ye, pe, he, ve, je, ke, we;
+    function Ne() {
+    }
+    Ne.__reactDisabledLog = !0;
+    function Ke() {
+      {
+        if (z === 0) {
+          ye = console.log, pe = console.info, he = console.warn, ve = console.error, je = console.group, ke = console.groupCollapsed, we = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ne,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        z++;
+      }
+    }
+    function He() {
+      {
+        if (z--, z === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: W({}, e, {
+              value: ye
+            }),
+            info: W({}, e, {
+              value: pe
+            }),
+            warn: W({}, e, {
+              value: he
+            }),
+            error: W({}, e, {
+              value: ve
+            }),
+            group: W({}, e, {
+              value: je
+            }),
+            groupCollapsed: W({}, e, {
+              value: ke
+            }),
+            groupEnd: W({}, e, {
+              value: we
+            })
+          });
+        }
+        z < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ne = x.ReactCurrentDispatcher, le;
+    function Z(e, t, s) {
+      {
+        if (le === void 0)
+          try {
+            throw Error();
+          } catch (y) {
+            var o = y.stack.trim().match(/\n( *(at )?)/);
+            le = o && o[1] || "";
+          }
+        return `
+` + le + e;
+      }
+    }
+    var ie = !1, Q;
+    {
+      var Xe = typeof WeakMap == "function" ? WeakMap : Map;
+      Q = new Xe();
+    }
+    function Re(e, t) {
+      if (!e || ie)
+        return "";
+      {
+        var s = Q.get(e);
+        if (s !== void 0)
+          return s;
+      }
+      var o;
+      ie = !0;
+      var y = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var k;
+      k = ne.current, ne.current = null, Ke();
+      try {
+        if (t) {
+          var f = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(f.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(f, []);
+            } catch (L) {
+              o = L;
+            }
+            Reflect.construct(e, [], f);
+          } else {
+            try {
+              f.call();
+            } catch (L) {
+              o = L;
+            }
+            e.call(f.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (L) {
+            o = L;
+          }
+          e();
+        }
+      } catch (L) {
+        if (L && o && typeof L.stack == "string") {
+          for (var d = L.stack.split(`
+`), F = o.stack.split(`
+`), S = d.length - 1, O = F.length - 1; S >= 1 && O >= 0 && d[S] !== F[O]; )
+            O--;
+          for (; S >= 1 && O >= 0; S--, O--)
+            if (d[S] !== F[O]) {
+              if (S !== 1 || O !== 1)
+                do
+                  if (S--, O--, O < 0 || d[S] !== F[O]) {
+                    var D = `
+` + d[S].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && Q.set(e, D), D;
+                  }
+                while (S >= 1 && O >= 0);
+              break;
+            }
+        }
+      } finally {
+        ie = !1, ne.current = k, He(), Error.prepareStackTrace = y;
+      }
+      var U = e ? e.displayName || e.name : "", Y = U ? Z(U) : "";
+      return typeof e == "function" && Q.set(e, Y), Y;
+    }
+    function Ze(e, t, s) {
+      return Re(e, !1);
+    }
+    function Qe(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
+    }
+    function ee(e, t, s) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Re(e, Qe(e));
+      if (typeof e == "string")
+        return Z(e);
+      switch (e) {
+        case C:
+          return Z("Suspense");
+        case v:
+          return Z("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case h:
+            return Ze(e.render);
+          case j:
+            return ee(e.type, t, s);
+          case _: {
+            var o = e, y = o._payload, k = o._init;
+            try {
+              return ee(k(y), t, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var J = Object.prototype.hasOwnProperty, Ee = {}, Ce = x.ReactDebugCurrentFrame;
+    function re(e) {
+      if (e) {
+        var t = e._owner, s = ee(e.type, e._source, t ? t.type : null);
+        Ce.setExtraStackFrame(s);
+      } else
+        Ce.setExtraStackFrame(null);
+    }
+    function er(e, t, s, o, y) {
+      {
+        var k = Function.call.bind(J);
+        for (var f in e)
+          if (k(e, f)) {
+            var d = void 0;
+            try {
+              if (typeof e[f] != "function") {
+                var F = Error((o || "React class") + ": " + s + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
+              }
+              d = e[f](t, f, o, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (S) {
+              d = S;
+            }
+            d && !(d instanceof Error) && (re(y), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", s, f, typeof d), re(null)), d instanceof Error && !(d.message in Ee) && (Ee[d.message] = !0, re(y), c("Failed %s type: %s", s, d.message), re(null));
+          }
+      }
+    }
+    var rr = Array.isArray;
+    function oe(e) {
+      return rr(e);
+    }
+    function tr(e) {
+      {
+        var t = typeof Symbol == "function" && Symbol.toStringTag, s = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
+      }
+    }
+    function ar(e) {
+      try {
+        return _e(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function _e(e) {
+      return "" + e;
+    }
+    function Se(e) {
+      if (ar(e))
+        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", tr(e)), _e(e);
+    }
+    var Te = x.ReactCurrentOwner, sr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Oe, Pe;
+    function nr(e) {
+      if (J.call(e, "ref")) {
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function lr(e) {
+      if (J.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ir(e, t) {
+      typeof e.ref == "string" && Te.current;
+    }
+    function or(e, t) {
+      {
+        var s = function() {
+          Oe || (Oe = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function cr(e, t) {
+      {
+        var s = function() {
+          Pe || (Pe = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var dr = function(e, t, s, o, y, k, f) {
+      var d = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: a,
+        // Built-in properties that belong on the element
+        type: e,
+        key: t,
+        ref: s,
+        props: f,
+        // Record the component responsible for creating this element.
+        _owner: k
+      };
+      return d._store = {}, Object.defineProperty(d._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(d, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: o
+      }), Object.defineProperty(d, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: y
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+    };
+    function ur(e, t, s, o, y) {
+      {
+        var k, f = {}, d = null, F = null;
+        s !== void 0 && (Se(s), d = "" + s), lr(t) && (Se(t.key), d = "" + t.key), nr(t) && (F = t.ref, ir(t, y));
+        for (k in t)
+          J.call(t, k) && !sr.hasOwnProperty(k) && (f[k] = t[k]);
+        if (e && e.defaultProps) {
+          var S = e.defaultProps;
+          for (k in S)
+            f[k] === void 0 && (f[k] = S[k]);
+        }
+        if (d || F) {
+          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          d && or(f, O), F && cr(f, O);
+        }
+        return dr(e, d, F, y, o, Te.current, f);
+      }
+    }
+    var ce = x.ReactCurrentOwner, $e = x.ReactDebugCurrentFrame;
+    function B(e) {
+      if (e) {
+        var t = e._owner, s = ee(e.type, e._source, t ? t.type : null);
+        $e.setExtraStackFrame(s);
+      } else
+        $e.setExtraStackFrame(null);
+    }
+    var de;
+    de = !1;
+    function ue(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === a;
+    }
+    function Fe() {
+      {
+        if (ce.current) {
+          var e = M(ce.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function fr(e) {
+      return "";
+    }
+    var Le = {};
+    function xr(e) {
+      {
+        var t = Fe();
+        if (!t) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (t = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return t;
+      }
+    }
+    function Ie(e, t) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var s = xr(t);
+        if (Le[s])
+          return;
+        Le[s] = !0;
+        var o = "";
+        e && e._owner && e._owner !== ce.current && (o = " It was passed a child from " + M(e._owner.type) + "."), B(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, o), B(null);
+      }
+    }
+    function Ae(e, t) {
+      {
+        if (typeof e != "object")
+          return;
+        if (oe(e))
+          for (var s = 0; s < e.length; s++) {
+            var o = e[s];
+            ue(o) && Ie(o, t);
+          }
+        else if (ue(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var y = I(e);
+          if (typeof y == "function" && y !== e.entries)
+            for (var k = y.call(e), f; !(f = k.next()).done; )
+              ue(f.value) && Ie(f.value, t);
+        }
+      }
+    }
+    function br(e) {
+      {
+        var t = e.type;
+        if (t == null || typeof t == "string")
+          return;
+        var s;
+        if (typeof t == "function")
+          s = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === h || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        t.$$typeof === j))
+          s = t.propTypes;
+        else
+          return;
+        if (s) {
+          var o = M(t);
+          er(s, e.props, "prop", o, e);
+        } else if (t.PropTypes !== void 0 && !de) {
+          de = !0;
+          var y = M(t);
+          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
+        }
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function mr(e) {
+      {
+        for (var t = Object.keys(e.props), s = 0; s < t.length; s++) {
+          var o = t[s];
+          if (o !== "children" && o !== "key") {
+            B(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), B(null);
+            break;
+          }
+        }
+        e.ref !== null && (B(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+      }
+    }
+    var De = {};
+    function Me(e, t, s, o, y, k) {
+      {
+        var f = Je(e);
+        if (!f) {
+          var d = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var F = fr();
+          F ? d += F : d += Fe();
+          var S;
+          e === null ? S = "null" : oe(e) ? S = "array" : e !== void 0 && e.$$typeof === a ? (S = "<" + (M(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, d);
+        }
+        var O = ur(e, t, s, y, k);
+        if (O == null)
+          return O;
+        if (f) {
+          var D = t.children;
+          if (D !== void 0)
+            if (o)
+              if (oe(D)) {
+                for (var U = 0; U < D.length; U++)
+                  Ae(D[U], e);
+                Object.freeze && Object.freeze(D);
+              } else
+                c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ae(D, e);
+        }
+        if (J.call(t, "key")) {
+          var Y = M(e), L = Object.keys(t).filter(function(jr) {
+            return jr !== "key";
+          }), fe = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[Y + fe]) {
+            var vr = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
+            c(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, fe, Y, vr, Y), De[Y + fe] = !0;
+          }
+        }
+        return e === g ? mr(O) : br(O), O;
+      }
+    }
+    function gr(e, t, s) {
+      return Me(e, t, s, !0);
+    }
+    function yr(e, t, s) {
+      return Me(e, t, s, !1);
+    }
+    var pr = yr, hr = gr;
+    K.Fragment = g, K.jsx = pr, K.jsxs = hr;
+  })()), K;
+}
+var Ye;
+function Rr() {
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? te.exports = wr() : te.exports = Nr()), te.exports;
+}
+var r = Rr();
+const Er = (n) => {
+  const a = {
+    owner: "bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200",
+    admin: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200",
+    member: "bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200",
+    viewer: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
+    guest: "bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200"
+  };
+  return a[n] || a.member;
+}, Cr = (n) => {
+  const a = H.find((p) => p.role === n);
+  return (a == null ? void 0 : a.label) || n;
+}, _r = ({
+  entity: n,
+  onPress: a,
+  onLongPress: p,
+  selected: g = !1,
+  showRole: m = !0,
+  showMemberCount: N = !0,
+  showDescription: w = !0,
+  className: E = "",
+  style: h,
+  testID: C
+}) => {
+  const v = () => {
+    a == null || a(n);
+  }, j = () => {
+    p == null || p(n);
+  };
+  return /* @__PURE__ */ r.jsxs(
+    $,
+    {
+      onPress: v,
+      onLongPress: j,
+      disabled: !a && !p,
+      className: `
+        flex-row items-center p-4 rounded-xl
+        bg-white dark:bg-gray-800
+        border border-gray-200 dark:border-gray-700
+        ${g ? "border-blue-500 dark:border-blue-400 bg-blue-50 dark:bg-blue-900/20" : ""}
+        active:opacity-80
+        ${E}
+      `,
+      style: h,
+      testID: C,
+      accessibilityRole: "button",
+      accessibilityLabel: `Entity: ${n.name}`,
+      accessibilityState: { selected: g },
+      children: [
+        /* @__PURE__ */ r.jsx(i, { className: "mr-3", children: n.avatarUrl ? /* @__PURE__ */ r.jsx(
+          xe,
+          {
+            source: { uri: n.avatarUrl },
+            className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-600",
+            accessibilityIgnoresInvertColors: !0
+          }
+        ) : /* @__PURE__ */ r.jsx(i, { className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-600 items-center justify-center", children: /* @__PURE__ */ r.jsx(l, { className: "text-lg font-semibold text-gray-600 dark:text-gray-300", children: n.name.charAt(0).toUpperCase() }) }) }),
+        /* @__PURE__ */ r.jsxs(i, { className: "flex-1", children: [
+          /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center flex-wrap", children: [
+            /* @__PURE__ */ r.jsx(
+              l,
+              {
+                className: "text-base font-semibold text-gray-900 dark:text-white mr-2",
+                numberOfLines: 1,
+                children: n.name
+              }
+            ),
+            m && n.role && /* @__PURE__ */ r.jsx(
+              i,
+              {
+                className: `px-2 py-0.5 rounded-full ${Er(n.role)}`,
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-xs font-medium", children: Cr(n.role) })
+              }
+            )
+          ] }),
+          w && n.description && /* @__PURE__ */ r.jsx(
+            l,
+            {
+              className: "text-sm text-gray-600 dark:text-gray-400 mt-1",
+              numberOfLines: 2,
+              children: n.description
+            }
+          ),
+          N && n.memberCount !== void 0 && /* @__PURE__ */ r.jsxs(l, { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: [
+            n.memberCount,
+            " ",
+            n.memberCount === 1 ? "member" : "members"
+          ] })
+        ] }),
+        a && /* @__PURE__ */ r.jsx(i, { className: "ml-2", children: /* @__PURE__ */ r.jsx(l, { className: "text-gray-400 dark:text-gray-500 text-lg", children: "›" }) })
+      ]
+    }
+  );
+}, Wr = ({
+  entities: n,
+  onEntityPress: a,
+  onEntityLongPress: p,
+  selectedEntityId: g,
+  showRoles: m = !0,
+  showMemberCounts: N = !0,
+  showDescriptions: w = !0,
+  emptyMessage: E = "No entities found",
+  emptyIcon: h,
+  loading: C = !1,
+  refreshing: v = !1,
+  onRefresh: j,
+  ListHeaderComponent: _,
+  ListFooterComponent: R,
+  className: T = "",
+  style: u,
+  testID: I
+}) => {
+  const x = ({ item: P }) => /* @__PURE__ */ r.jsx(
+    _r,
+    {
+      entity: P,
+      onPress: a,
+      onLongPress: p,
+      selected: g === P.id,
+      showRole: m,
+      showMemberCount: N,
+      showDescription: w,
+      className: "mb-3"
+    }
+  ), c = () => C ? /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    /* @__PURE__ */ r.jsx(se, { size: "large", color: "#3B82F6" }),
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 mt-4", children: "Loading..." })
+  ] }) : /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    h,
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 text-center mt-2", children: E })
+  ] }), A = (P) => P.id;
+  return /* @__PURE__ */ r.jsx(i, { className: `flex-1 ${T}`, style: u, testID: I, children: /* @__PURE__ */ r.jsx(
+    ae,
+    {
+      data: n,
+      renderItem: x,
+      keyExtractor: A,
+      ListHeaderComponent: _,
+      ListFooterComponent: R,
+      ListEmptyComponent: c,
+      contentContainerStyle: { flexGrow: 1, padding: 16 },
+      showsVerticalScrollIndicator: !1,
+      refreshControl: j ? /* @__PURE__ */ r.jsx(
+        be,
+        {
+          refreshing: v,
+          onRefresh: j,
+          tintColor: "#3B82F6"
+        }
+      ) : void 0
+    }
+  ) });
+}, Yr = ({
+  entities: n,
+  selectedEntity: a,
+  onSelect: p,
+  placeholder: g = "Select an entity",
+  disabled: m = !1,
+  loading: N = !1,
+  showAvatars: w = !0,
+  showRoles: E = !1,
+  className: h = "",
+  style: C,
+  testID: v
+}) => {
+  const [j, _] = q(!1), R = () => {
+    !m && !N && _(!0);
+  }, T = () => {
+    _(!1);
+  }, u = (c) => {
+    p(c), T();
+  }, I = (c, A = "md") => {
+    const P = A === "sm" ? "w-8 h-8" : "w-10 h-10", b = A === "sm" ? "text-sm" : "text-base";
+    return c.avatarUrl ? /* @__PURE__ */ r.jsx(
+      xe,
+      {
+        source: { uri: c.avatarUrl },
+        className: `${P} rounded-full bg-gray-200 dark:bg-gray-600`,
+        accessibilityIgnoresInvertColors: !0
+      }
+    ) : /* @__PURE__ */ r.jsx(
+      i,
+      {
+        className: `${P} rounded-full bg-gray-200 dark:bg-gray-600 items-center justify-center`,
+        children: /* @__PURE__ */ r.jsx(
+          l,
+          {
+            className: `${b} font-semibold text-gray-600 dark:text-gray-300`,
+            children: c.name.charAt(0).toUpperCase()
+          }
+        )
+      }
+    );
+  }, x = ({ item: c }) => /* @__PURE__ */ r.jsxs(
+    $,
+    {
+      onPress: () => u(c),
+      className: `
+        flex-row items-center px-4 py-3
+        ${(a == null ? void 0 : a.id) === c.id ? "bg-blue-50 dark:bg-blue-900/30" : ""}
+        active:bg-gray-100 dark:active:bg-gray-700
+      `,
+      accessibilityRole: "button",
+      accessibilityLabel: `Select ${c.name}`,
+      accessibilityState: { selected: (a == null ? void 0 : a.id) === c.id },
+      children: [
+        w && /* @__PURE__ */ r.jsx(i, { className: "mr-3", children: I(c, "sm") }),
+        /* @__PURE__ */ r.jsxs(i, { className: "flex-1", children: [
+          /* @__PURE__ */ r.jsx(
+            l,
+            {
+              className: "text-base text-gray-900 dark:text-white",
+              numberOfLines: 1,
+              children: c.name
+            }
+          ),
+          E && c.role && /* @__PURE__ */ r.jsx(l, { className: "text-xs text-gray-500 dark:text-gray-400 capitalize", children: c.role })
+        ] }),
+        (a == null ? void 0 : a.id) === c.id && /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 text-lg", children: "✓" })
+      ]
+    }
+  );
+  return /* @__PURE__ */ r.jsxs(i, { className: h, style: C, testID: v, children: [
+    /* @__PURE__ */ r.jsxs(
+      $,
+      {
+        onPress: R,
+        disabled: m || N,
+        className: `
+          flex-row items-center px-4 py-3 rounded-xl
+          bg-white dark:bg-gray-800
+          border border-gray-200 dark:border-gray-700
+          ${m ? "opacity-50" : ""}
+          active:opacity-80
+        `,
+        accessibilityRole: "button",
+        accessibilityLabel: a ? `Selected: ${a.name}` : g,
+        accessibilityState: { disabled: m },
+        children: [
+          N ? /* @__PURE__ */ r.jsx(i, { className: "flex-row items-center", children: /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400", children: "Loading..." }) }) : a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            w && /* @__PURE__ */ r.jsx(i, { className: "mr-3", children: I(a) }),
+            /* @__PURE__ */ r.jsxs(i, { className: "flex-1", children: [
+              /* @__PURE__ */ r.jsx(
+                l,
+                {
+                  className: "text-base font-medium text-gray-900 dark:text-white",
+                  numberOfLines: 1,
+                  children: a.name
+                }
+              ),
+              E && a.role && /* @__PURE__ */ r.jsx(l, { className: "text-xs text-gray-500 dark:text-gray-400 capitalize", children: a.role })
+            ] })
+          ] }) : /* @__PURE__ */ r.jsx(l, { className: "flex-1 text-gray-500 dark:text-gray-400", children: g }),
+          /* @__PURE__ */ r.jsx(l, { className: "text-gray-400 dark:text-gray-500 text-lg ml-2", children: "▼" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      qe,
+      {
+        visible: j,
+        transparent: !0,
+        animationType: "fade",
+        onRequestClose: T,
+        children: /* @__PURE__ */ r.jsx(
+          $,
+          {
+            onPress: T,
+            className: "flex-1 bg-black/50 justify-center px-4",
+            children: /* @__PURE__ */ r.jsxs(
+              $,
+              {
+                onPress: (c) => c.stopPropagation(),
+                className: "bg-white dark:bg-gray-800 rounded-2xl overflow-hidden max-h-96",
+                children: [
+                  /* @__PURE__ */ r.jsx(i, { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ r.jsx(l, { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Select Entity" }) }),
+                  /* @__PURE__ */ r.jsx(
+                    ae,
+                    {
+                      data: n,
+                      renderItem: x,
+                      keyExtractor: (c) => c.id,
+                      showsVerticalScrollIndicator: !1,
+                      ListEmptyComponent: /* @__PURE__ */ r.jsx(i, { className: "py-8 items-center", children: /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400", children: "No entities available" }) })
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsx(
+                    $,
+                    {
+                      onPress: T,
+                      className: "px-4 py-3 border-t border-gray-200 dark:border-gray-700 items-center active:bg-gray-100 dark:active:bg-gray-700",
+                      children: /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 font-medium", children: "Cancel" })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}, Sr = (n) => {
+  const a = {
+    owner: "bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200",
+    admin: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200",
+    member: "bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200",
+    viewer: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
+    guest: "bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200"
+  };
+  return a[n] || a.member;
+}, Tr = (n) => {
+  const a = H.find((p) => p.role === n);
+  return (a == null ? void 0 : a.label) || n;
+}, Or = (n) => {
+  switch (n) {
+    case "active":
+      return "bg-green-500";
+    case "inactive":
+      return "bg-gray-400";
+    case "pending":
+      return "bg-yellow-500";
+    default:
+      return "bg-green-500";
+  }
+}, Br = ({
+  members: n,
+  onMemberPress: a,
+  onRoleChange: p,
+  onRemoveMember: g,
+  currentUserRole: m,
+  canEditRoles: N = !1,
+  canRemoveMembers: w = !1,
+  emptyMessage: E = "No members found",
+  emptyIcon: h,
+  loading: C = !1,
+  refreshing: v = !1,
+  onRefresh: j,
+  ListHeaderComponent: _,
+  ListFooterComponent: R,
+  className: T = "",
+  style: u,
+  testID: I
+}) => {
+  const x = (b) => !N || !m ? !1 : !!(m === "owner" && b.role !== "owner" || m === "admin" && ["member", "viewer", "guest"].includes(b.role)), c = (b) => !w || !m || b.role === "owner" ? !1 : !!(m === "owner" || m === "admin" && ["member", "viewer", "guest"].includes(b.role)), A = ({ item: b }) => /* @__PURE__ */ r.jsxs(
+    $,
+    {
+      onPress: () => a == null ? void 0 : a(b),
+      disabled: !a,
+      className: `
+        flex-row items-center p-4 rounded-xl mb-3
+        bg-white dark:bg-gray-800
+        border border-gray-200 dark:border-gray-700
+        active:opacity-80
+      `,
+      accessibilityRole: "button",
+      accessibilityLabel: `Member: ${b.name}, Role: ${b.role}`,
+      children: [
+        /* @__PURE__ */ r.jsxs(i, { className: "mr-3 relative", children: [
+          b.avatarUrl ? /* @__PURE__ */ r.jsx(
+            xe,
+            {
+              source: { uri: b.avatarUrl },
+              className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-600",
+              accessibilityIgnoresInvertColors: !0
+            }
+          ) : /* @__PURE__ */ r.jsx(i, { className: "w-12 h-12 rounded-full bg-gray-200 dark:bg-gray-600 items-center justify-center", children: /* @__PURE__ */ r.jsx(l, { className: "text-lg font-semibold text-gray-600 dark:text-gray-300", children: b.name.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ r.jsx(
+            i,
+            {
+              className: `absolute bottom-0 right-0 w-3 h-3 rounded-full ${Or(b.status)} border-2 border-white dark:border-gray-800`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs(i, { className: "flex-1", children: [
+          /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center flex-wrap", children: [
+            /* @__PURE__ */ r.jsx(
+              l,
+              {
+                className: "text-base font-semibold text-gray-900 dark:text-white mr-2",
+                numberOfLines: 1,
+                children: b.name
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              i,
+              {
+                className: `px-2 py-0.5 rounded-full ${Sr(b.role)}`,
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-xs font-medium", children: Tr(b.role) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            l,
+            {
+              className: "text-sm text-gray-600 dark:text-gray-400",
+              numberOfLines: 1,
+              children: b.email
+            }
+          ),
+          b.joinedAt && /* @__PURE__ */ r.jsxs(l, { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: [
+            "Joined ",
+            new Date(b.joinedAt).toLocaleDateString()
+          ] })
+        ] }),
+        /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center ml-2", children: [
+          x(b) && p && /* @__PURE__ */ r.jsx(
+            $,
+            {
+              onPress: () => {
+              },
+              className: "p-2 mr-1 active:opacity-60",
+              accessibilityRole: "button",
+              accessibilityLabel: "Edit role",
+              children: /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 text-sm", children: "Edit" })
+            }
+          ),
+          c(b) && g && /* @__PURE__ */ r.jsx(
+            $,
+            {
+              onPress: () => g(b),
+              className: "p-2 active:opacity-60",
+              accessibilityRole: "button",
+              accessibilityLabel: "Remove member",
+              children: /* @__PURE__ */ r.jsx(l, { className: "text-red-500 dark:text-red-400 text-sm", children: "Remove" })
+            }
+          )
+        ] })
+      ]
+    }
+  ), P = () => C ? /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    /* @__PURE__ */ r.jsx(se, { size: "large", color: "#3B82F6" }),
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 mt-4", children: "Loading..." })
+  ] }) : /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    h,
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 text-center mt-2", children: E })
+  ] });
+  return /* @__PURE__ */ r.jsx(i, { className: `flex-1 ${T}`, style: u, testID: I, children: /* @__PURE__ */ r.jsx(
+    ae,
+    {
+      data: n,
+      renderItem: A,
+      keyExtractor: (b) => b.id,
+      ListHeaderComponent: _,
+      ListFooterComponent: R,
+      ListEmptyComponent: P,
+      contentContainerStyle: { flexGrow: 1, padding: 16 },
+      showsVerticalScrollIndicator: !1,
+      refreshControl: j ? /* @__PURE__ */ r.jsx(
+        be,
+        {
+          refreshing: v,
+          onRefresh: j,
+          tintColor: "#3B82F6"
+        }
+      ) : void 0
+    }
+  ) });
+}, Be = (n) => {
+  const a = {
+    owner: "bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200",
+    admin: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200",
+    member: "bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200",
+    viewer: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
+    guest: "bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200"
+  };
+  return a[n] || a.member;
+}, Pr = ({
+  selectedRole: n,
+  onRoleChange: a,
+  availableRoles: p = ["admin", "member", "viewer", "guest"],
+  disabled: g = !1,
+  showDescriptions: m = !0,
+  className: N = "",
+  style: w,
+  testID: E
+}) => {
+  const [h, C] = q(!1), v = () => {
+    g || C(!0);
+  }, j = () => {
+    C(!1);
+  }, _ = (u) => {
+    a(u), j();
+  }, R = H.find(
+    (u) => u.role === n
+  ), T = H.filter(
+    (u) => p.includes(u.role)
+  );
+  return /* @__PURE__ */ r.jsxs(i, { className: N, style: w, testID: E, children: [
+    /* @__PURE__ */ r.jsxs(
+      $,
+      {
+        onPress: v,
+        disabled: g,
+        className: `
+          flex-row items-center justify-between px-4 py-3 rounded-xl
+          bg-white dark:bg-gray-800
+          border border-gray-200 dark:border-gray-700
+          ${g ? "opacity-50" : ""}
+          active:opacity-80
+        `,
+        accessibilityRole: "button",
+        accessibilityLabel: `Selected role: ${(R == null ? void 0 : R.label) || n}`,
+        accessibilityState: { disabled: g },
+        children: [
+          /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center", children: [
+            /* @__PURE__ */ r.jsx(
+              i,
+              {
+                className: `px-3 py-1 rounded-full mr-2 ${Be(n)}`,
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-sm font-medium", children: (R == null ? void 0 : R.label) || n })
+              }
+            ),
+            m && R && /* @__PURE__ */ r.jsx(
+              l,
+              {
+                className: "text-sm text-gray-500 dark:text-gray-400 flex-1",
+                numberOfLines: 1,
+                children: R.description
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsx(l, { className: "text-gray-400 dark:text-gray-500 text-lg ml-2", children: "▼" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      qe,
+      {
+        visible: h,
+        transparent: !0,
+        animationType: "fade",
+        onRequestClose: j,
+        children: /* @__PURE__ */ r.jsx(
+          $,
+          {
+            onPress: j,
+            className: "flex-1 bg-black/50 justify-center px-4",
+            children: /* @__PURE__ */ r.jsxs(
+              $,
+              {
+                onPress: (u) => u.stopPropagation(),
+                className: "bg-white dark:bg-gray-800 rounded-2xl overflow-hidden",
+                children: [
+                  /* @__PURE__ */ r.jsx(i, { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ r.jsx(l, { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Select Role" }) }),
+                  T.map((u) => /* @__PURE__ */ r.jsx(
+                    $,
+                    {
+                      onPress: () => _(u.role),
+                      className: `
+                  px-4 py-4 border-b border-gray-100 dark:border-gray-700
+                  ${n === u.role ? "bg-blue-50 dark:bg-blue-900/30" : ""}
+                  active:bg-gray-100 dark:active:bg-gray-700
+                `,
+                      accessibilityRole: "button",
+                      accessibilityLabel: `${u.label}: ${u.description}`,
+                      accessibilityState: { selected: n === u.role },
+                      children: /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center justify-between", children: [
+                        /* @__PURE__ */ r.jsxs(i, { className: "flex-1", children: [
+                          /* @__PURE__ */ r.jsx(i, { className: "flex-row items-center", children: /* @__PURE__ */ r.jsx(
+                            i,
+                            {
+                              className: `px-3 py-1 rounded-full ${Be(u.role)}`,
+                              children: /* @__PURE__ */ r.jsx(l, { className: "text-sm font-medium", children: u.label })
+                            }
+                          ) }),
+                          m && /* @__PURE__ */ r.jsx(l, { className: "text-sm text-gray-500 dark:text-gray-400 mt-2", children: u.description })
+                        ] }),
+                        n === u.role && /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 text-lg ml-2", children: "✓" })
+                      ] })
+                    },
+                    u.role
+                  )),
+                  /* @__PURE__ */ r.jsx(
+                    $,
+                    {
+                      onPress: j,
+                      className: "px-4 py-3 items-center active:bg-gray-100 dark:active:bg-gray-700",
+                      children: /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 font-medium", children: "Cancel" })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}, $r = (n) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n), Ur = ({
+  onSubmit: n,
+  availableRoles: a = ["admin", "member", "viewer", "guest"],
+  defaultRole: p = "member",
+  loading: g = !1,
+  disabled: m = !1,
+  placeholder: N = "Enter email address",
+  submitLabel: w = "Send Invitation",
+  className: E = "",
+  style: h,
+  testID: C
+}) => {
+  const [v, j] = q(""), [_, R] = q(p), [T, u] = q(null), [I, x] = q(!1), c = (V) => {
+    j(V), T && u(null);
+  }, A = async () => {
+    const V = v.trim();
+    if (!V) {
+      u("Email address is required");
+      return;
+    }
+    if (!$r(V)) {
+      u("Please enter a valid email address");
+      return;
+    }
+    x(!0), u(null);
+    try {
+      await n(V, _), j(""), R(p);
+    } catch (X) {
+      u(
+        X instanceof Error ? X.message : "Failed to send invitation"
+      );
+    } finally {
+      x(!1);
+    }
+  }, P = m || g || I, b = v.trim().length > 0 && !P;
+  return /* @__PURE__ */ r.jsxs(i, { className: `${E}`, style: h, testID: C, children: [
+    /* @__PURE__ */ r.jsxs(i, { className: "mb-4", children: [
+      /* @__PURE__ */ r.jsx(l, { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Email Address" }),
+      /* @__PURE__ */ r.jsx(
+        kr,
+        {
+          value: v,
+          onChangeText: c,
+          placeholder: N,
+          placeholderTextColor: "#9CA3AF",
+          keyboardType: "email-address",
+          autoCapitalize: "none",
+          autoCorrect: !1,
+          autoComplete: "email",
+          editable: !P,
+          className: `
+            px-4 py-3 rounded-xl
+            bg-white dark:bg-gray-800
+            border ${T ? "border-red-500" : "border-gray-200 dark:border-gray-700"}
+            text-gray-900 dark:text-white
+            ${P ? "opacity-50" : ""}
+          `,
+          accessibilityLabel: "Email address input",
+          accessibilityHint: "Enter the email address of the person you want to invite"
+        }
+      ),
+      T && /* @__PURE__ */ r.jsx(l, { className: "text-sm text-red-500 dark:text-red-400 mt-1", children: T })
+    ] }),
+    /* @__PURE__ */ r.jsxs(i, { className: "mb-4", children: [
+      /* @__PURE__ */ r.jsx(l, { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: "Role" }),
+      /* @__PURE__ */ r.jsx(
+        Pr,
+        {
+          selectedRole: _,
+          onRoleChange: R,
+          availableRoles: a,
+          disabled: P,
+          showDescriptions: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      $,
+      {
+        onPress: A,
+        disabled: !b,
+        className: `
+          flex-row items-center justify-center px-6 py-4 rounded-xl
+          ${b ? "bg-blue-500 dark:bg-blue-600 active:bg-blue-600 dark:active:bg-blue-700" : "bg-gray-300 dark:bg-gray-600"}
+        `,
+        accessibilityRole: "button",
+        accessibilityLabel: w,
+        accessibilityState: { disabled: !b },
+        children: I ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx(se, { size: "small", color: "#FFFFFF" }),
+          /* @__PURE__ */ r.jsx(l, { className: "text-white font-semibold ml-2", children: "Sending..." })
+        ] }) : /* @__PURE__ */ r.jsx(
+          l,
+          {
+            className: `font-semibold ${b ? "text-white" : "text-gray-500 dark:text-gray-400"}`,
+            children: w
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r.jsx(l, { className: "text-xs text-gray-500 dark:text-gray-400 mt-3 text-center", children: "The invitee will receive an email with instructions to join." })
+  ] });
+}, Fr = (n) => {
+  const a = {
+    owner: "bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200",
+    admin: "bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200",
+    member: "bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200",
+    viewer: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
+    guest: "bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200"
+  };
+  return a[n] || a.member;
+}, Lr = (n) => {
+  const a = H.find((p) => p.role === n);
+  return (a == null ? void 0 : a.label) || n;
+}, Ir = (n) => {
+  const a = {
+    pending: "bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200",
+    accepted: "bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200",
+    declined: "bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200",
+    expired: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200"
+  };
+  return a[n] || a.pending;
+}, Ar = (n) => n.charAt(0).toUpperCase() + n.slice(1), Dr = (n) => {
+  const a = new Date(n), g = (/* @__PURE__ */ new Date()).getTime() - a.getTime(), m = Math.floor(g / (1e3 * 60 * 60 * 24)), N = Math.floor(g / (1e3 * 60 * 60)), w = Math.floor(g / (1e3 * 60));
+  return m > 0 ? `${m} day${m > 1 ? "s" : ""} ago` : N > 0 ? `${N} hour${N > 1 ? "s" : ""} ago` : w > 0 ? `${w} minute${w > 1 ? "s" : ""} ago` : "Just now";
+}, qr = ({
+  invitations: n,
+  onResend: a,
+  onCancel: p,
+  canResend: g = !0,
+  canCancel: m = !0,
+  emptyMessage: N = "No pending invitations",
+  emptyIcon: w,
+  loading: E = !1,
+  refreshing: h = !1,
+  onRefresh: C,
+  ListHeaderComponent: v,
+  ListFooterComponent: j,
+  className: _ = "",
+  style: R,
+  testID: T
+}) => {
+  const u = ({ item: x }) => {
+    const c = x.status === "pending", A = g && a && c, P = m && p && c;
+    return /* @__PURE__ */ r.jsxs(
+      i,
+      {
+        className: `
+          p-4 rounded-xl mb-3
+          bg-white dark:bg-gray-800
+          border border-gray-200 dark:border-gray-700
+        `,
+        accessibilityLabel: `Invitation to ${x.email}, Status: ${x.status}`,
+        children: [
+          /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center justify-between mb-2", children: [
+            /* @__PURE__ */ r.jsx(
+              l,
+              {
+                className: "text-base font-semibold text-gray-900 dark:text-white flex-1",
+                numberOfLines: 1,
+                children: x.email
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              i,
+              {
+                className: `px-2 py-0.5 rounded-full ${Ir(x.status)}`,
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-xs font-medium", children: Ar(x.status) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center mb-2", children: [
+            /* @__PURE__ */ r.jsx(
+              i,
+              {
+                className: `px-2 py-0.5 rounded-full mr-2 ${Fr(x.role)}`,
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-xs font-medium", children: Lr(x.role) })
+              }
+            ),
+            /* @__PURE__ */ r.jsxs(l, { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+              "Invited ",
+              Dr(x.invitedAt)
+            ] })
+          ] }),
+          x.invitedBy && /* @__PURE__ */ r.jsxs(l, { className: "text-xs text-gray-500 dark:text-gray-400 mb-2", children: [
+            "by ",
+            x.invitedBy
+          ] }),
+          x.expiresAt && c && /* @__PURE__ */ r.jsxs(l, { className: "text-xs text-yellow-600 dark:text-yellow-400 mb-2", children: [
+            "Expires: ",
+            new Date(x.expiresAt).toLocaleDateString()
+          ] }),
+          (A || P) && /* @__PURE__ */ r.jsxs(i, { className: "flex-row items-center mt-2 pt-2 border-t border-gray-100 dark:border-gray-700", children: [
+            A && /* @__PURE__ */ r.jsx(
+              $,
+              {
+                onPress: () => a(x),
+                className: "flex-row items-center mr-4 py-1 active:opacity-60",
+                accessibilityRole: "button",
+                accessibilityLabel: "Resend invitation",
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-blue-500 dark:text-blue-400 text-sm font-medium", children: "Resend" })
+              }
+            ),
+            P && /* @__PURE__ */ r.jsx(
+              $,
+              {
+                onPress: () => p(x),
+                className: "flex-row items-center py-1 active:opacity-60",
+                accessibilityRole: "button",
+                accessibilityLabel: "Cancel invitation",
+                children: /* @__PURE__ */ r.jsx(l, { className: "text-red-500 dark:text-red-400 text-sm font-medium", children: "Cancel" })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }, I = () => E ? /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    /* @__PURE__ */ r.jsx(se, { size: "large", color: "#3B82F6" }),
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 mt-4", children: "Loading..." })
+  ] }) : /* @__PURE__ */ r.jsxs(i, { className: "flex-1 items-center justify-center py-12", children: [
+    w,
+    /* @__PURE__ */ r.jsx(l, { className: "text-gray-500 dark:text-gray-400 text-center mt-2", children: N })
+  ] });
+  return /* @__PURE__ */ r.jsx(i, { className: `flex-1 ${_}`, style: R, testID: T, children: /* @__PURE__ */ r.jsx(
+    ae,
+    {
+      data: n,
+      renderItem: u,
+      keyExtractor: (x) => x.id,
+      ListHeaderComponent: v,
+      ListFooterComponent: j,
+      ListEmptyComponent: I,
+      contentContainerStyle: { flexGrow: 1, padding: 16 },
+      showsVerticalScrollIndicator: !1,
+      refreshControl: C ? /* @__PURE__ */ r.jsx(
+        be,
+        {
+          refreshing: h,
+          onRefresh: C,
+          tintColor: "#3B82F6"
+        }
+      ) : void 0
+    }
+  ) });
+};
+export {
+  H as DEFAULT_ROLE_CONFIGS,
+  _r as EntityCard,
+  Wr as EntityList,
+  Yr as EntitySelector,
+  Ur as InvitationForm,
+  qr as InvitationList,
+  Br as MemberList,
+  Pr as MemberRoleSelector
+};
+//# sourceMappingURL=index.mjs.map