@noxickon/onyx 0.0.1 → 0.0.2

package/dist/chunks/Input-BQQT5eZ0.js

@@ -0,0 +1,138 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { useId as S, useState as q, useEffect as C } from "react";
+import { t as x, a as p } from "./Button-CLMaoxRW.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
+  }
+), I = ({
+  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(p, { 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: u = "left",
+  id: v,
+  label: h,
+  name: E,
+  onChange: o,
+  placeholder: L = "Input placeholder...",
+  readOnly: $ = !1,
+  required: j = !1,
+  showMaxLength: k = !1,
+  type: z = "text",
+  value: n,
+  ...g
+}) => {
+  const A = S(), [B, b] = q(
+    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);
+  }, [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,
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        id: N,
+        "aria-describedby": [l ? w : "", O ? m : ""].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": t,
+        "aria-required": j,
+        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"),
+          t ? "default-error-border" : "default-border",
+          r
+        ),
+        disabled: s,
+        name: E,
+        placeholder: L,
+        readOnly: $,
+        type: z,
+        value: n,
+        onChange: F,
+        ...g
+      }
+    ),
+    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
+  ] });
+  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,
+      "/",
+      y
+    ] }) : 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
+  ] });
+};
+export {
+  U as O,
+  V as a,
+  I as b,
+  H as c,
+  J as d
+};

package/dist/chunks/Input-DJZcvJdP.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-DUiatUiq.js"),f=require("react"),x=require("./Button-CZYAHivj.js"),S=require("./isObject-BDHKUJKN.js"),I=({children:l,className:r,disabled:s=!1,htmlFor:t,required:n=!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:[l,n&&e.jsxRuntimeExports.jsx("span",{className:"ml-1 text-rose-400",children:"*"})]}),y=({children:l,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:l}),j=({children:l,className:r,icon:s="mdiAlertCircleOutline",id:t})=>l?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:l})]}):null,C=({children:l,className:r,fullWidth:s=!1,noValidate:t=!0,...n})=>e.jsxRuntimeExports.jsx("form",{className:x.twMerge(s&&"w-full",r),noValidate:t,...n,children:l}),G=({className:l,description:r,disabled:s=!1,error:t=!1,errorMessage:n,icon:a="",iconPosition:c="left",id:L,label:h,name:v,onChange:m,placeholder:$="Input placeholder...",readOnly:M=!1,required:E=!1,showMaxLength:k=!1,type:q="text",value:i,...g})=>{const z=f.useId(),[A,R]=f.useState(typeof i=="string"?i.length:0),d=L||z,w=`${d}-input`,O=`${d}-description`,p=`${d}-error`,b=g.maxLength,N=t&&typeof n=="string",B=t&&S.isObject(n);f.useEffect(()=>{typeof i=="string"&&R(i.length)},[i]);const D=u=>{const o=u.target.value.length;R(o),m==null||m(u)},F=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:w,"aria-describedby":[r?O:"",N?p:""].filter(Boolean).join(" ")||void 0,"aria-invalid":t,"aria-required":E,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",l),disabled:s,name:v,placeholder:$,readOnly:M,type:q,value:i,onChange:D,...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:[h?e.jsxRuntimeExports.jsx(I,{disabled:s,htmlFor:w,required:E,children:h}):null,F,k&&typeof b=="number"?e.jsxRuntimeExports.jsxs("div",{className:"pointer-events-none mt-1 text-right text-xs text-neutral-400",children:[A,"/",b]}):null,r?e.jsxRuntimeExports.jsx(y,{id:O,disabled:s,children:r}):null,N?e.jsxRuntimeExports.jsx(j,{id:p,children:n}):null,B&&Array.isArray(n)?e.jsxRuntimeExports.jsx("div",{className:"mt-1 space-y-1",children:n.map((u,o)=>e.jsxRuntimeExports.jsx(j,{id:`${p}-${o}`,children:u},o))}):null]})};exports.OxDescription=y;exports.OxErrorMessage=j;exports.OxForm=C;exports.OxInput=G;exports.OxLabel=I;

package/dist/chunks/_commonjsHelpers-C6fGbg64.js

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

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

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

package/dist/chunks/constants-CDXq37n6.js

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