@noxickon/onyx 0.0.4-dev.8 → 1.0.0

package/dist/chunks/Input-CLi1H63d.js

@@ -1 +0,0 @@
-"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-dfvmdIHi.js

@@ -1,138 +0,0 @@
-import { j as e } from "./jsx-runtime--oOP9f8K.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,
-  className: l,
-  disabled: s = !1,
-  htmlFor: t,
-  required: a = !1
-}) => /* @__PURE__ */ e.jsxs(
-  "label",
-  {
-    id: `${t}-label`,
-    className: x(
-      "block text-sm font-medium text-neutral-300",
-      s && "cursor-not-allowed text-neutral-500",
-      l
-    ),
-    htmlFor: t,
-    children: [
-      r,
-      a && /* @__PURE__ */ e.jsx("span", { className: "ml-1 text-rose-400", children: "*" })
-    ]
-  }
-), J = ({
-  children: r,
-  className: l,
-  disabled: s = !1,
-  id: t
-}) => /* @__PURE__ */ e.jsx(
-  "p",
-  {
-    id: t,
-    className: x("text-xs text-neutral-400", s && "text-neutral-500", l),
-    children: r
-  }
-), O = ({
-  children: r,
-  className: l,
-  icon: s = "mdiAlertCircleOutline",
-  id: t
-}) => r ? /* @__PURE__ */ e.jsxs(
-  "div",
-  {
-    id: t,
-    className: x("flex max-w-full items-center gap-1 text-xs text-rose-400", l),
-    role: "alert",
-    children: [
-      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 })
-    ]
-  }
-) : null, U = ({
-  children: r,
-  className: l,
-  fullWidth: s = !1,
-  noValidate: t = !0,
-  ...a
-}) => /* @__PURE__ */ e.jsx("form", { className: x(s && "w-full", l), noValidate: t, ...a, children: r }), V = ({
-  className: r,
-  description: l,
-  disabled: s = !1,
-  error: t = !1,
-  errorMessage: a,
-  icon: i = "",
-  iconPosition: d = "left",
-  id: I,
-  label: h,
-  name: v,
-  onChange: E,
-  placeholder: L = "Input placeholder...",
-  readOnly: $ = !1,
-  required: p = !1,
-  showMaxLength: k = !1,
-  type: C = "text",
-  value: n,
-  ...j
-}) => {
-  const z = R(), [A, g] = S(
-    typeof n == "string" ? n.length : 0
-  ), 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 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: b,
-        "aria-describedby": [l ? N : "", y ? f : ""].filter(Boolean).join(" ") || void 0,
-        "aria-invalid": t,
-        "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 && (d === "left" ? "pl-10" : "pr-10"),
-          t ? "default-error-border" : "default-border",
-          r
-        ),
-        disabled: s,
-        name: v,
-        placeholder: L,
-        readOnly: $,
-        type: C,
-        value: n,
-        onChange: D,
-        ...j
-      }
-    ),
-    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: 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,
-      "/",
-      w
-    ] }) : 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,
-  O as b,
-  H as c,
-  J as d
-};

package/dist/chunks/_commonjsHelpers-C6fGbg64.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};

package/dist/chunks/_commonjsHelpers-DwGv2jUC.js

@@ -1 +0,0 @@
-"use strict";function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/chunks/constants-B1_n9ezb.js

@@ -1 +0,0 @@
-"use strict";exports.MOBILE_BREAKPOINT=768;

package/dist/chunks/constants-CDXq37n6.js

@@ -1,4 +0,0 @@
-const o = 768;
-export {
-  o as M
-};

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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;