@noxickon/onyx 0.0.3 → 0.0.4-dev.2

package/dist/chunks/Input-CLi1H63d.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CITbqOLs.js"),p=require("react"),x=require("./Button-D-v4l8ZE.js"),F=require("./isObject-BDHKUJKN.js"),N=({children:n,className:r,disabled:s=!1,htmlFor:t,required:l=!1})=>e.jsxRuntimeExports.jsxs("label",{id:`${t}-label`,className:x.twMerge("block text-sm font-medium text-neutral-300",s&&"cursor-not-allowed text-neutral-500",r),htmlFor:t,children:[n,l&&e.jsxRuntimeExports.jsx("span",{className:"ml-1 text-rose-400",children:"*"})]}),I=({children:n,className:r,disabled:s=!1,id:t})=>e.jsxRuntimeExports.jsx("p",{id:t,className:x.twMerge("text-xs text-neutral-400",s&&"text-neutral-500",r),children:n}),f=({children:n,className:r,icon:s="mdiAlertCircleOutline",id:t})=>n?e.jsxRuntimeExports.jsxs("div",{id:t,className:x.twMerge("flex max-w-full items-center gap-1 text-xs text-rose-400",r),role:"alert",children:[s?e.jsxRuntimeExports.jsx(x.OxIcon,{className:"flex-shrink-0",icon:s,size:.8}):null,e.jsxRuntimeExports.jsx("p",{className:"min-w-0 break-words",children:n})]}):null,S=({children:n,className:r,fullWidth:s=!1,noValidate:t=!0,...l})=>e.jsxRuntimeExports.jsx("form",{className:x.twMerge(s&&"w-full",r),noValidate:t,...l,children:n}),G=({className:n,description:r,disabled:s=!1,error:t=!1,errorMessage:l,icon:a="",iconPosition:c="left",id:y,label:j,name:L,onChange:v,placeholder:$="Input placeholder...",readOnly:M=!1,required:h=!1,showMaxLength:k=!1,type:q="text",value:i,...g})=>{const C=p.useId(),[z,E]=p.useState(typeof i=="string"?i.length:0),m=y||C,R=`${m}-input`,w=`${m}-description`,d=`${m}-error`,O=g.maxLength,b=t&&typeof l=="string",A=t&&F.isObject(l);p.useEffect(()=>{typeof i=="string"&&E(i.length)},[i]);const B=u=>{const o=u.target.value.length;E(o),v?.(u)},D=e.jsxRuntimeExports.jsxs("div",{className:"relative flex w-full items-center",children:[a!==""&&c==="left"?e.jsxRuntimeExports.jsx("div",{className:"absolute left-3 flex items-center",children:e.jsxRuntimeExports.jsx(x.OxIcon,{icon:a,size:.8})}):null,e.jsxRuntimeExports.jsx("input",{id:R,"aria-describedby":[r?w:"",b?d:""].filter(Boolean).join(" ")||void 0,"aria-invalid":t,"aria-required":h,className:x.twMerge("flex h-10 w-full rounded-lg bg-transparent px-2 py-2 text-sm text-white","default-outset-focus","placeholder:text-muted-foreground placeholder:text-neutral-500","default-disabled",a&&(c==="left"?"pl-10":"pr-10"),t?"default-error-border":"default-border",n),disabled:s,name:L,placeholder:$,readOnly:M,type:q,value:i,onChange:B,...g}),a!==""&&c==="right"?e.jsxRuntimeExports.jsx("div",{className:"absolute right-3 flex items-center",children:e.jsxRuntimeExports.jsx(x.OxIcon,{icon:a,size:.8})}):null]});return e.jsxRuntimeExports.jsxs("div",{className:"flex w-full flex-col gap-1",children:[j?e.jsxRuntimeExports.jsx(N,{disabled:s,htmlFor:R,required:h,children:j}):null,D,k&&typeof O=="number"?e.jsxRuntimeExports.jsxs("div",{className:"pointer-events-none mt-1 text-right text-xs text-neutral-400",children:[z,"/",O]}):null,r?e.jsxRuntimeExports.jsx(I,{id:w,disabled:s,children:r}):null,b?e.jsxRuntimeExports.jsx(f,{id:d,children:l}):null,A&&Array.isArray(l)?e.jsxRuntimeExports.jsx("div",{className:"mt-1 space-y-1",children:l.map((u,o)=>e.jsxRuntimeExports.jsx(f,{id:`${d}-${o}`,children:u},o))}):null]})};exports.OxDescription=I;exports.OxErrorMessage=f;exports.OxForm=S;exports.OxInput=G;exports.OxLabel=N;

package/dist/chunks/{Input-BraK4lDE.js → Input-dfvmdIHi.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime--oOP9f8K.js";
-import { useId as S, useState as q, useEffect as C } from "react";
-import { t as x, a as p } from "./Button-BV4_pmoH.js";
+import { useId as R, useState as S, useEffect as q } from "react";
+import { t as x, a as m } from "./Button-bARrxYyo.js";
 import { i as G } from "./isObject-vmP43YLW.js";
 const H = ({
   children: r,
@@ -35,7 +35,7 @@ const H = ({
     className: x("text-xs text-neutral-400", s && "text-neutral-500", l),
     children: r
   }
-), I = ({
+), O = ({
   children: r,
   className: l,
   icon: s = "mdiAlertCircleOutline",
@@ -47,7 +47,7 @@ const H = ({
     className: x("flex max-w-full items-center gap-1 text-xs text-rose-400", l),
     role: "alert",
     children: [
-      s ? /* @__PURE__ */ e.jsx(p, { className: "flex-shrink-0", icon: s, size: 0.8 }) : null,
+      s ? /* @__PURE__ */ e.jsx(m, { className: "flex-shrink-0", icon: s, size: 0.8 }) : null,
       /* @__PURE__ */ e.jsx("p", { className: "min-w-0 break-words", children: r })
     ]
   }
@@ -64,75 +64,75 @@ const H = ({
   error: t = !1,
   errorMessage: a,
   icon: i = "",
-  iconPosition: u = "left",
-  id: v,
+  iconPosition: d = "left",
+  id: I,
   label: h,
-  name: E,
-  onChange: o,
+  name: v,
+  onChange: E,
   placeholder: L = "Input placeholder...",
   readOnly: $ = !1,
-  required: j = !1,
+  required: p = !1,
   showMaxLength: k = !1,
-  type: z = "text",
+  type: C = "text",
   value: n,
-  ...g
+  ...j
 }) => {
-  const A = S(), [B, b] = q(
+  const z = R(), [A, g] = S(
     typeof n == "string" ? n.length : 0
-  ), f = v || A, N = `${f}-input`, w = `${f}-description`, m = `${f}-error`, y = g.maxLength, O = t && typeof a == "string", D = t && G(a);
-  C(() => {
-    typeof n == "string" && b(n.length);
+  ), u = I || z, b = `${u}-input`, N = `${u}-description`, f = `${u}-error`, w = j.maxLength, y = t && typeof a == "string", B = t && G(a);
+  q(() => {
+    typeof n == "string" && g(n.length);
   }, [n]);
-  const F = (c) => {
-    const d = c.target.value.length;
-    b(d), o == null || o(c);
-  }, R = /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full items-center", children: [
-    i !== "" && u === "left" ? /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center", children: /* @__PURE__ */ e.jsx(p, { icon: i, size: 0.8 }) }) : null,
+  const D = (c) => {
+    const o = c.target.value.length;
+    g(o), E?.(c);
+  }, F = /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full items-center", children: [
+    i !== "" && d === "left" ? /* @__PURE__ */ e.jsx("div", { className: "absolute left-3 flex items-center", children: /* @__PURE__ */ e.jsx(m, { icon: i, size: 0.8 }) }) : null,
     /* @__PURE__ */ e.jsx(
       "input",
       {
-        id: N,
-        "aria-describedby": [l ? w : "", O ? m : ""].filter(Boolean).join(" ") || void 0,
+        id: b,
+        "aria-describedby": [l ? N : "", y ? f : ""].filter(Boolean).join(" ") || void 0,
         "aria-invalid": t,
-        "aria-required": j,
+        "aria-required": p,
         className: x(
           "flex h-10 w-full rounded-lg bg-transparent px-2 py-2 text-sm text-white",
           "default-outset-focus",
           "placeholder:text-muted-foreground placeholder:text-neutral-500",
           "default-disabled",
-          i && (u === "left" ? "pl-10" : "pr-10"),
+          i && (d === "left" ? "pl-10" : "pr-10"),
           t ? "default-error-border" : "default-border",
           r
         ),
         disabled: s,
-        name: E,
+        name: v,
         placeholder: L,
         readOnly: $,
-        type: z,
+        type: C,
         value: n,
-        onChange: F,
-        ...g
+        onChange: D,
+        ...j
       }
     ),
-    i !== "" && u === "right" ? /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center", children: /* @__PURE__ */ e.jsx(p, { icon: i, size: 0.8 }) }) : null
+    i !== "" && d === "right" ? /* @__PURE__ */ e.jsx("div", { className: "absolute right-3 flex items-center", children: /* @__PURE__ */ e.jsx(m, { icon: i, size: 0.8 }) }) : null
   ] });
   return /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-    h ? /* @__PURE__ */ e.jsx(H, { disabled: s, htmlFor: N, required: j, children: h }) : null,
-    R,
-    k && typeof y == "number" ? /* @__PURE__ */ e.jsxs("div", { className: "pointer-events-none mt-1 text-right text-xs text-neutral-400", children: [
-      B,
+    h ? /* @__PURE__ */ e.jsx(H, { disabled: s, htmlFor: b, required: p, children: h }) : null,
+    F,
+    k && typeof w == "number" ? /* @__PURE__ */ e.jsxs("div", { className: "pointer-events-none mt-1 text-right text-xs text-neutral-400", children: [
+      A,
       "/",
-      y
+      w
     ] }) : null,
-    l ? /* @__PURE__ */ e.jsx(J, { id: w, disabled: s, children: l }) : null,
-    O ? /* @__PURE__ */ e.jsx(I, { id: m, children: a }) : null,
-    D && Array.isArray(a) ? /* @__PURE__ */ e.jsx("div", { className: "mt-1 space-y-1", children: a.map((c, d) => /* @__PURE__ */ e.jsx(I, { id: `${m}-${d}`, children: c }, d)) }) : null
+    l ? /* @__PURE__ */ e.jsx(J, { id: N, disabled: s, children: l }) : null,
+    y ? /* @__PURE__ */ e.jsx(O, { id: f, children: a }) : null,
+    B && Array.isArray(a) ? /* @__PURE__ */ e.jsx("div", { className: "mt-1 space-y-1", children: a.map((c, o) => /* @__PURE__ */ e.jsx(O, { id: `${f}-${o}`, children: c }, o)) }) : null
   ] });
 };
 export {
   U as O,
   V as a,
-  I as b,
+  O as b,
   H as c,
   J as d
 };

package/dist/chunks/errorHelper--G-SWQzN.js

@@ -0,0 +1,18 @@
+const n = (a) => a.map((s) => ({
+  message: s.message,
+  code: s.extensions?.code || "UNKNOWN_ERROR",
+  field: s.extensions?.field,
+  path: s.path
+})), o = (a, s) => {
+  a.forEach((e) => {
+    e.field ? s.setError(e.field, e.message) : s.setError("", e.message);
+  });
+}, t = (a, s) => {
+  const e = n(a);
+  o(e, s);
+};
+export {
+  n as O,
+  o as a,
+  t as b
+};

package/dist/chunks/errorHelper-DaP_XxEx.js

@@ -0,0 +1 @@
+"use strict";const a=r=>r.map(s=>({message:s.message,code:s.extensions?.code||"UNKNOWN_ERROR",field:s.extensions?.field,path:s.path})),o=(r,s)=>{r.forEach(e=>{e.field?s.setError(e.field,e.message):s.setError("",e.message)})},n=(r,s)=>{const e=a(r);o(e,s)};exports.OxHandleFormErrors=o;exports.OxHandleGraphQLFormErrors=n;exports.OxParseGraphQLErrors=a;

package/dist/chunks/formatTimestamp-CMxOnPo1.js

@@ -0,0 +1,12 @@
+const f = (n) => {
+  const t = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.getTime()) / (1e3 * 60));
+  if (t < 1) return "just now";
+  if (t < 60) return `${t}m ago`;
+  const o = Math.floor(t / 60);
+  if (o < 24) return `${o}h ago`;
+  const r = Math.floor(o / 24);
+  return r < 7 ? `${r}d ago` : n.toLocaleDateString();
+};
+export {
+  f
+};

package/dist/chunks/formatTimestamp-TTsNcy7u.js

@@ -0,0 +1 @@
+"use strict";const e=n=>{const t=Math.floor((new Date().getTime()-n.getTime())/(1e3*60));if(t<1)return"just now";if(t<60)return`${t}m ago`;const o=Math.floor(t/60);if(o<24)return`${o}h ago`;const r=Math.floor(o/24);return r<7?`${r}d ago`:n.toLocaleDateString()};exports.formatTimestamp=e;