@levo-so/react 0.1.1 → 0.1.4

package/dist/page-YRcNFGqi.js

@@ -0,0 +1,205 @@
+"use client";
+import { j as R } from "./jsx-runtime-B6kdoens.js";
+import { useEffect as g, useState as S } from "react";
+import { useInView as H } from "react-intersection-observer";
+import { u as x } from "./LevoProvider-Cp0CKrgY.js";
+import { usePageLifecycle as F, LifecycleState as I } from "use-page-lifecycle";
+const Te = ({ id: e, properties: r = {} }) => {
+  const { audience: n } = x(), { ref: s, inView: t } = H({
+    triggerOnce: !0
+  });
+  return g(() => {
+    n != null && n.instance && t && (n == null || n.track("block.view", {
+      ...r,
+      resource: "block",
+      identifier: e
+    }));
+  }, [t]), /* @__PURE__ */ R.jsx("div", { ref: s, style: { height: "0px" } });
+}, we = ({ event: e, properties: r }) => {
+  const { audience: n } = x();
+  return g(() => {
+    n != null && n.instance && (n == null || n.track(e, r));
+  }, [n == null ? void 0 : n.instance, e, r]), null;
+};
+function O(e) {
+  var r = typeof e;
+  return e != null && (r == "object" || r == "function");
+}
+var G = typeof global == "object" && global && global.Object === Object && global, U = typeof self == "object" && self && self.Object === Object && self, D = G || U || Function("return this")(), j = function() {
+  return D.Date.now();
+}, V = /\s/;
+function _(e) {
+  for (var r = e.length; r-- && V.test(e.charAt(r)); )
+    ;
+  return r;
+}
+var X = /^\s+/;
+function Y(e) {
+  return e && e.slice(0, _(e) + 1).replace(X, "");
+}
+var v = D.Symbol, N = Object.prototype, Z = N.hasOwnProperty, q = N.toString, b = v ? v.toStringTag : void 0;
+function z(e) {
+  var r = Z.call(e, b), n = e[b];
+  try {
+    e[b] = void 0;
+    var s = !0;
+  } catch {
+  }
+  var t = q.call(e);
+  return s && (r ? e[b] = n : delete e[b]), t;
+}
+var J = Object.prototype, K = J.toString;
+function Q(e) {
+  return K.call(e);
+}
+var ee = "[object Null]", te = "[object Undefined]", $ = v ? v.toStringTag : void 0;
+function ne(e) {
+  return e == null ? e === void 0 ? te : ee : $ && $ in Object(e) ? z(e) : Q(e);
+}
+function re(e) {
+  return e != null && typeof e == "object";
+}
+var ie = "[object Symbol]";
+function oe(e) {
+  return typeof e == "symbol" || re(e) && ne(e) == ie;
+}
+var A = NaN, se = /^[-+]0x[0-9a-f]+$/i, ce = /^0b[01]+$/i, fe = /^0o[0-7]+$/i, ae = parseInt;
+function P(e) {
+  if (typeof e == "number")
+    return e;
+  if (oe(e))
+    return A;
+  if (O(e)) {
+    var r = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = O(r) ? r + "" : r;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = Y(e);
+  var n = ce.test(e);
+  return n || fe.test(e) ? ae(e.slice(2), n ? 2 : 8) : se.test(e) ? A : +e;
+}
+var le = "Expected a function", ue = Math.max, ge = Math.min;
+function de(e, r, n) {
+  var s, t, f, l, o, a, c = 0, d = !1, m = !1, y = !0;
+  if (typeof e != "function")
+    throw new TypeError(le);
+  r = P(r) || 0, O(n) && (d = !!n.leading, m = "maxWait" in n, f = m ? ue(P(n.maxWait) || 0, r) : f, y = "trailing" in n ? !!n.trailing : y);
+  function T(i) {
+    var u = s, p = t;
+    return s = t = void 0, c = i, l = e.apply(p, u), l;
+  }
+  function M(i) {
+    return c = i, o = setTimeout(h, r), d ? T(i) : l;
+  }
+  function W(i) {
+    var u = i - a, p = i - c, k = r - u;
+    return m ? ge(k, f - p) : k;
+  }
+  function E(i) {
+    var u = i - a, p = i - c;
+    return a === void 0 || u >= r || u < 0 || m && p >= f;
+  }
+  function h() {
+    var i = j();
+    if (E(i))
+      return L(i);
+    o = setTimeout(h, W(i));
+  }
+  function L(i) {
+    return o = void 0, y && s ? T(i) : (s = t = void 0, l);
+  }
+  function B() {
+    o !== void 0 && clearTimeout(o), c = 0, s = a = t = o = void 0;
+  }
+  function C() {
+    return o === void 0 ? l : L(j());
+  }
+  function w() {
+    var i = j(), u = E(i);
+    if (s = arguments, t = this, a = i, u) {
+      if (o === void 0)
+        return M(a);
+      if (m)
+        return clearTimeout(o), o = setTimeout(h, r), T(a);
+    }
+    return o === void 0 && (o = setTimeout(h, r)), l;
+  }
+  return w.cancel = B, w.flush = C, w;
+}
+const me = () => {
+  const [e, r] = S(0), [n, s] = S(0), t = de((f) => {
+    s(f), r(f);
+  }, 250);
+  return g(() => {
+    const f = () => {
+      const l = window.scrollY, o = document.documentElement.scrollHeight, a = window.innerHeight, c = Math.round(
+        l / (o - a) * 100
+      );
+      c % 10 === 0 && c > n && t(c);
+    };
+    return window.addEventListener("scroll", f), () => window.removeEventListener("scroll", f);
+  }, [n]), e;
+}, je = ({
+  id: e,
+  workspace_id: r,
+  baseUrl: n = "/.levo/insights/api",
+  properties: s = {}
+}) => {
+  const { audience: t } = x(), [f, l] = S(), o = me(), a = typeof window < "u" ? window.location.href : void 0;
+  g(() => {
+    a && l(a);
+  }, [a]), g(() => {
+    t != null && t.instance && (t == null || t.track("page.scroll", {
+      resource: "page",
+      identifier: e,
+      percent: o
+    }));
+  }, [t == null ? void 0 : t.instance, o]), g(() => {
+    const d = () => {
+      t == null || t.track("page.bounce", {
+        resource: "page",
+        identifier: e
+      });
+    };
+    return window && window.addEventListener("beforeunload", d), () => {
+      window && window.removeEventListener("beforeunload", d);
+    };
+  }, [a]);
+  const [c] = F();
+  return g(() => {
+    c === I.TERMINATED && (t == null || t.track("page.bounce", {
+      resource: "page",
+      identifier: e,
+      state: c
+    })), c === I.FROZEN && (t == null || t.track("page.bounce", {
+      resource: "page",
+      identifier: e,
+      state: c
+    }));
+  }, [c]), n && f ? /* @__PURE__ */ R.jsx(
+    "img",
+    {
+      alt: "",
+      src: `${n}/v1/insights/event/hello.gif?url=${f}`,
+      style: {
+        height: "0px"
+      },
+      onLoad: () => {
+        t != null && t.instance ? t == null || t.instance.page({
+          resource: "page",
+          identifier: s.id
+        }) : t == null || t.initiate({
+          baseUrl: n,
+          workspace_id: r,
+          properties: { ...s, id: e }
+        });
+      }
+    }
+  ) : null;
+};
+export {
+  Te as L,
+  we as a,
+  je as b
+};

package/dist/providers/LevoProvider.d.ts

@@ -1,21 +1,21 @@
 import { LevoClient } from '@levo-so/core';
-import { LevoAudience } from '@levo-so/core/audience-plugin';
-import { LevoMembership } from '@levo-so/core/membership-plugin';
-import { LevoCollection } from '@levo-so/core/collection-plugin';
-import { LevoMedia } from '@levo-so/core/media-plugin';
 import { LevoBlog } from '@levo-so/core/blog-plugin';
+import { LevoCollection } from '@levo-so/core/collection-plugin';
+import { LevoAudience } from '@levo-so/core/audience-plugin';
 import { LevoLogger } from '@levo-so/core/logger-plugin';
+import { LevoMedia } from '@levo-so/core/media-plugin';
+import { LevoMembership } from '@levo-so/core/membership-plugin';
 import { default as React } from 'react';
 interface ILevoContext {
     client: LevoClient;
     audience?: LevoAudience;
     membership?: LevoMembership;
     collection?: LevoCollection;
-    media?: LevoMedia;
     blog?: LevoBlog;
-    logger?: LevoLogger;
+    media: LevoMedia;
+    logger: LevoLogger;
 }
-interface ILevoProps extends Partial<ILevoContext> {
+interface ILevoProps extends Partial<Omit<ILevoContext, "media" | "logger">> {
     client: LevoClient;
     children: React.ReactNode;
 }

package/dist/providers/LevoProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevoProvider.d.ts","sourceRoot":"","sources":["../../src/providers/LevoProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YAAY;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAID,UAAU,UAAW,SAAQ,OAAO,CAAC,YAAY,CAAC;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAU7C,CAAC;AAEF,eAAO,MAAM,OAAO,QAOS,YAC5B,CAAC"}
+{"version":3,"file":"LevoProvider.d.ts","sourceRoot":"","sources":["../../src/providers/LevoProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YAAY;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;CACpB;AAID,UAAU,UAAW,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1E,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiB7C,CAAC;AAEF,eAAO,MAAM,OAAO,QAOS,YAC5B,CAAC"}

package/dist/{useLevoForm-BcN8f66y.js → useLevoForm-HS_d5OoW.js}

@@ -2,11 +2,11 @@
 import { useEffect as F, useState as O, useRef as B } from "react";
 import { useFormContext as G, useWatch as H, useForm as W } from "react-hook-form";
 import { useDebouncedCallback as q } from "use-debounce";
-import { m as U, b as C, s as z, f as Q } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { u as j } from "./LevoProvider-DNbYyEaf.js";
+import { u as U } from "./LevoProvider-Cp0CKrgY.js";
+import { l as j, b as C, s as z, f as Q } from "./CollectionFormBuilder-B_dXpvPN.js";
 import { s as X } from "./Sonner-t6JVKA0a.js";
-import { a as Z } from "./isEmptyObject-C5s4GzLE.js";
 import { e as x } from "./errorHandler-BJcFS2qV.js";
+import { a as Z } from "./isEmptyObject-C5s4GzLE.js";
 const A = {
   FORM_DIRTY: "form-dirty",
   FORM_VALUES: "form-values"
@@ -24,7 +24,7 @@ const A = {
   collection_key: t,
   data: s
 }) => {
-  const { client: E } = j(), r = await fetch(
+  const { client: E } = U(), r = await fetch(
     `${E.apiUrl}/v1/bevy/content/${t}/save-entry`,
     {
       method: "POST",
@@ -37,7 +37,7 @@ const A = {
   return r != null && r.ok ? await r.json() : null;
 }, ft = ({ currentValues: t, isError: s, getContentId: E }) => {
   var v;
-  const { schema: r, isLoggedIn: d } = U(), e = G(), y = H(), V = q((p) => {
+  const { schema: r, isLoggedIn: d } = j(), e = G(), y = H(), V = q((p) => {
     r != null && r.key && !s && r != null && r.allow_draft && (d ? tt({
       collection_key: r == null ? void 0 : r.key,
       data: p
@@ -60,14 +60,14 @@ const A = {
   onSubmitSuccess: r,
   onSubmitError: d
 }) => {
-  const { collection: e } = j(), {
+  const { collection: e } = U(), {
     toastConfig: y,
     onSuccess: V,
     onError: v,
     isLoggedIn: p,
     isDisabled: u,
     externalInitialValues: I = {}
-  } = U(), [k, _] = O({}), [f, L] = O(null), [J, R] = O(!1), [N, T] = O(!1), n = B({}), P = C(t), g = W({
+  } = j(), [k, _] = O({}), [f, L] = O(null), [J, R] = O(!1), [N, T] = O(!1), n = B({}), P = C(t), g = W({
     mode: "all",
     disabled: u,
     defaultValues: P,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -9,86 +9,86 @@
     "access": "public"
   },
   "files": [
-    "dist/**",
+    "dist/**/*",
     "!dist/**/*.d.ts.map",
     "package.json"
   ],
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@levo-so/core": "0.1.1"
+    "@levo-so/core": "0.1.4"
   },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.1",
-    "@radix-ui/react-radio-group": "^1.2.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
-    "@theinternetfolks/mate": "^1.0.4",
-    "@theinternetfolks/snowflake": "^1.3.0",
-    "@tiptap/extension-bold": "^2.5.8",
-    "@tiptap/extension-bullet-list": "^2.6.4",
-    "@tiptap/extension-document": "^2.6.4",
-    "@tiptap/extension-hard-break": "^2.5.8",
-    "@tiptap/extension-history": "^2.5.8",
-    "@tiptap/extension-italic": "^2.5.8",
-    "@tiptap/extension-link": "^2.6.4",
-    "@tiptap/extension-list-item": "^2.5.8",
-    "@tiptap/extension-ordered-list": "^2.6.4",
-    "@tiptap/extension-paragraph": "^2.6.4",
-    "@tiptap/extension-strike": "^2.5.8",
-    "@tiptap/extension-text": "^2.5.8",
-    "@tiptap/extension-text-align": "^2.6.4",
-    "@tiptap/extension-underline": "^2.6.4",
-    "@tiptap/react": "^2.6.4",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "google-libphonenumber": "^3.2.38",
-    "inflection": "^3.0.0",
-    "lodash-es": "^4.17.21",
-    "lucide-react": "^0.424.0",
+    "@radix-ui/react-checkbox": "1.1.1",
+    "@radix-ui/react-dialog": "1.1.1",
+    "@radix-ui/react-radio-group": "1.2.0",
+    "@radix-ui/react-slot": "1.1.0",
+    "@radix-ui/react-switch": "1.1.0",
+    "@radix-ui/react-tabs": "1.1.0",
+    "@radix-ui/react-tooltip": "1.1.2",
+    "@theinternetfolks/mate": "1.0.4",
+    "@theinternetfolks/snowflake": "1.3.0",
+    "@tiptap/extension-bold": "2.5.8",
+    "@tiptap/extension-bullet-list": "2.6.4",
+    "@tiptap/extension-document": "2.6.4",
+    "@tiptap/extension-hard-break": "2.5.8",
+    "@tiptap/extension-history": "2.5.8",
+    "@tiptap/extension-italic": "2.5.8",
+    "@tiptap/extension-link": "2.6.4",
+    "@tiptap/extension-list-item": "2.5.8",
+    "@tiptap/extension-ordered-list": "2.6.4",
+    "@tiptap/extension-paragraph": "2.6.4",
+    "@tiptap/extension-strike": "2.5.8",
+    "@tiptap/extension-text": "2.5.8",
+    "@tiptap/extension-text-align": "2.6.4",
+    "@tiptap/extension-underline": "2.6.4",
+    "@tiptap/react": "2.6.4",
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.1.1",
+    "google-libphonenumber": "3.2.38",
+    "inflection": "3.0.0",
+    "lodash-es": "4.17.21",
+    "lucide-react": "0.424.0",
     "react": "18.3.1",
-    "react-datepicker": "^7.3.0",
+    "react-datepicker": "7.3.0",
     "react-dom": "18.3.1",
-    "react-dropzone": "^14.2.3",
-    "react-google-autocomplete": "^2.7.3",
-    "react-hook-form": "^7.52.2",
-    "react-icons": "^5.2.1",
-    "react-international-phone": "^4.3.0",
-    "react-intersection-observer": "^9.13.0",
-    "react-number-format": "^5.4.0",
-    "react-select": "^5.8.0",
-    "react-select-async-paginate": "^0.7.5",
-    "sonner": "^1.5.0",
-    "tailwind-merge": "^2.4.0",
-    "use-debounce": "^10.0.2",
-    "use-page-lifecycle": "^1.1.2",
-    "validator": "^13.12.0",
-    "validatorjs": "^3.22.1",
-    "wretch": "^2.9.0"
+    "react-dropzone": "14.2.3",
+    "react-google-autocomplete": "2.7.3",
+    "react-hook-form": "7.52.2",
+    "react-icons": "5.2.1",
+    "react-international-phone": "4.3.0",
+    "react-intersection-observer": "9.13.0",
+    "react-number-format": "5.4.0",
+    "react-select": "5.8.0",
+    "react-select-async-paginate": "0.7.5",
+    "sonner": "1.5.0",
+    "tailwind-merge": "2.4.0",
+    "use-debounce": "10.0.2",
+    "use-page-lifecycle": "1.1.2",
+    "validator": "13.12.0",
+    "validatorjs": "3.22.1",
+    "wretch": "2.9.0"
   },
   "devDependencies": {
-    "@types/google-libphonenumber": "^7.4.30",
-    "@types/google.maps": "^3.58.0",
-    "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/validator": "^13.12.0",
-    "@types/validatorjs": "^3.15.5",
-    "@vitejs/plugin-react": "^4.3.1",
-    "clsx": "^2.1.1",
-    "rollup-preserve-directives": "^1.1.1",
-    "tailwind-merge": "^2.4.0",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.3",
-    "vite-plugin-dts": "^4.1.0",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.41",
-    "postcss-import": "^16.1.0",
-    "tailwindcss": "^3.4.1",
-    "tailwindcss-animate": "^1.0.7",
+    "@types/google-libphonenumber": "7.4.30",
+    "@types/google.maps": "3.58.0",
+    "@types/lodash-es": "4.17.12",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@types/validator": "13.12.0",
+    "@types/validatorjs": "3.15.5",
+    "@vitejs/plugin-react": "4.3.1",
+    "clsx": "2.1.1",
+    "rollup-preserve-directives": "1.1.1",
+    "tailwind-merge": "2.4.0",
+    "typescript": "5.5.4",
+    "vite": "5.4.3",
+    "vite-plugin-dts": "4.1.0",
+    "autoprefixer": "10.4.16",
+    "postcss": "8.4.41",
+    "postcss-import": "16.1.0",
+    "tailwindcss": "3.4.1",
+    "tailwindcss-animate": "1.0.7",
     "@levo/ts-config": "0.0.0",
     "@levo/tw-config": "0.0.0"
   },
@@ -96,11 +96,12 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
+    "./index.css": "./dist/style.css",
+    "./libs.css": "./dist/libs.css",
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./index.css": "./dist/style.css",
     "./components": {
       "types": "./dist/components/index.d.ts",
       "default": "./dist/components/index.js"
@@ -126,7 +127,7 @@
     "clean": "rimraf dist node_modules .turbo",
     "check-types": "tsc --noEmit",
     "format-and-lint": "biome check .",
-    "format-and-lint:fix": "biome check . --write",
+    "format-and-lint:fix": "biome check . --write --diagnostic-level=error",
     "build": "vite build",
     "dev": "vite build --watch"
   }

package/dist/LevoProvider-DNbYyEaf.js

@@ -1,21 +0,0 @@
-"use client";
-import { j as r } from "./jsx-runtime-B6kdoens.js";
-import { createContext as s, useContext as n } from "react";
-const o = s(null), v = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx(
-  o.Provider,
-  {
-    value: {
-      ...t
-    },
-    children: e
-  }
-), x = () => {
-  const e = n(o);
-  if (!e)
-    throw new Error("useLevo must be used within LevoProvider");
-  return e;
-};
-export {
-  v as L,
-  x as u
-};

package/dist/TextWidget-D0UBxTxe.js

@@ -1,33 +0,0 @@
-import { j as t } from "./jsx-runtime-B6kdoens.js";
-import { useFormContext as j, get as g } from "react-hook-form";
-import { j as h, k as F, l as b } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { I as y } from "./Input-2CvZ90f8.js";
-import { c as f } from "./cn-C9QoOYNG.js";
-const W = ({
-  field: r,
-  inputStyles: a,
-  ...m
-}) => {
-  var o;
-  const {
-    register: n,
-    formState: { errors: i, disabled: l }
-  } = j(), { key: p = "", label: s = "", helper_text: c = "", readonly: x = !1 } = r, e = p, d = !!(r != null && r.required), u = (o = g(i, e)) == null ? void 0 : o.message;
-  return /* @__PURE__ */ t.jsxs(h, { error: u, helperText: c, children: [
-    s && /* @__PURE__ */ t.jsx(F, { htmlFor: e, isRequired: d, children: s }),
-    /* @__PURE__ */ t.jsx(
-      y,
-      {
-        id: e,
-        className: f(a),
-        readOnly: x,
-        disabled: l,
-        ...n(e, { ...b(r) }),
-        ...m
-      }
-    )
-  ] });
-};
-export {
-  W as default
-};