@noxickon/onyx 4.0.1 → 4.0.3

package/dist/pages/pages.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/ui-B0Ma5GdK.js"),s=require("react/jsx-runtime"),Q=require("../chunks/hooks-CNgb50x1.js");require("react");const X=require("lucide-react"),se=Y=>{const e=Q.compilerRuntimeExports.c(63),{className:Z,error:y,isLoading:V,loadingLabel:W,onSubmit:N,passwordLabel:$,passwordPlaceholder:z,submitLabel:A,subtitle:G,title:H,usernameLabel:J,usernamePlaceholder:K}=Y,r=V===void 0?!1:V,ee=W===void 0?"Signing in...":W,T=$===void 0?"password":$,P=z===void 0?"Enter your password":z,te=A===void 0?"Sign In":A,S=G===void 0?"":G,D=H===void 0?"noxickon":H,R=J===void 0?"username":J,k=K===void 0?"Enter your username":K;let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={initialData:{password:"",username:""},validationRules:{password:["required"],username:["required"]}},e[0]=q):q=e[0];const t=Q.useFormState(q);let I;e[1]!==t||e[2]!==N?(I=async L=>{L.preventDefault(),t.validate()&&await N(t.data)},e[1]=t,e[2]=N,e[3]=I):I=e[3];const B=I,M=Z??"w-80";let a;e[4]!==D?(a=s.jsx("h1",{className:"px-2 font-mono text-2xl text-foreground",children:D}),e[4]=D,e[5]=a):a=e[5];let o;e[6]!==S?(o=S?s.jsx("p",{className:"px-2 py-1 font-mono text-xs text-muted-foreground",children:S}):null,e[6]=S,e[7]=o):o=e[7];let i;e[8]!==a||e[9]!==o?(i=s.jsxs("div",{className:"mb-4 text-center",children:[a,o]}),e[8]=a,e[9]=o,e[10]=i):i=e[10];let n;e[11]!==R?(n=s.jsx(l.OxLabel,{children:R}),e[11]=R,e[12]=n):n=e[12];let d;e[13]!==t?(d=t.hasError("username"),e[13]=t,e[14]=d):d=e[14];let c;e[15]!==t?(c=L=>t.setData("username",L),e[15]=t,e[16]=c):c=e[16];let _;e[17]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(l.OxIcon,{icon:X.User}),e[17]=_):_=e[17];let u;e[18]!==k?(u=s.jsx(l.OxTextInput,{autoComplete:"off",name:"username",placeholder:k}),e[18]=k,e[19]=u):u=e[19];let m;e[20]!==t.data.username||e[21]!==d||e[22]!==c||e[23]!==u?(m=s.jsxs(l.OxTextInput.Container,{error:d,value:t.data.username,onChange:c,children:[_,u]}),e[20]=t.data.username,e[21]=d,e[22]=c,e[23]=u,e[24]=m):m=e[24];let x;e[25]!==r||e[26]!==n||e[27]!==m?(x=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[n,m]}),e[25]=r,e[26]=n,e[27]=m,e[28]=x):x=e[28];let f;e[29]!==T?(f=s.jsx(l.OxLabel,{children:T}),e[29]=T,e[30]=f):f=e[30];let p;e[31]!==t?(p=t.hasError("password"),e[31]=t,e[32]=p):p=e[32];let h;e[33]!==t?(h=L=>t.setData("password",L),e[33]=t,e[34]=h):h=e[34];let C;e[35]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(l.OxIcon,{icon:X.Lock}),e[35]=C):C=e[35];let b;e[36]!==P?(b=s.jsx(l.OxTextInput,{autoComplete:"off",name:"password",placeholder:P}),e[36]=P,e[37]=b):b=e[37];let E;e[38]===Symbol.for("react.memo_cache_sentinel")?(E=s.jsx(l.OxTextInput.VisibilityButton,{}),e[38]=E):E=e[38];let j;e[39]!==t.data.password||e[40]!==p||e[41]!==h||e[42]!==b?(j=s.jsxs(l.OxTextInput.Container,{error:p,type:"password",value:t.data.password,onChange:h,children:[C,b,E]}),e[39]=t.data.password,e[40]=p,e[41]=h,e[42]=b,e[43]=j):j=e[43];let O;e[44]!==r||e[45]!==f||e[46]!==j?(O=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[f,j]}),e[44]=r,e[45]=f,e[46]=j,e[47]=O):O=e[47];let v;e[48]!==y?(v=y?s.jsx(l.OxError,{children:y}):null,e[48]=y,e[49]=v):v=e[49];const U=r?ee:te;let w;e[50]!==r||e[51]!==U?(w=s.jsx(l.OxButton,{disabled:r,fullWidth:!0,isLoading:r,type:"submit",variant:"gradient",children:U}),e[50]=r,e[51]=U,e[52]=w):w=e[52];let g;e[53]!==B||e[54]!==x||e[55]!==O||e[56]!==v||e[57]!==w?(g=s.jsxs(l.OxForm,{className:"space-y-6",onSubmit:B,children:[x,O,v,w]}),e[53]=B,e[54]=x,e[55]=O,e[56]=v,e[57]=w,e[58]=g):g=e[58];let F;return e[59]!==M||e[60]!==i||e[61]!==g?(F=s.jsxs(l.OxCard,{className:M,children:[i,g]}),e[59]=M,e[60]=i,e[61]=g,e[62]=F):F=e[62],F};exports.OxLogin=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/ui-B0Ma5GdK.js"),s=require("react/jsx-runtime"),Q=require("../chunks/hooks-CNgb50x1.js");require("react");const X=require("lucide-react"),se=Y=>{const e=Q.compilerRuntimeExports.c(65),{className:Z,error:a,isLoading:V,loadingLabel:W,onSubmit:N,passwordLabel:$,passwordPlaceholder:z,submitLabel:A,subtitle:G,title:H,usernameLabel:J,usernamePlaceholder:K}=Y,r=V===void 0?!1:V,ee=W===void 0?"Signing in...":W,T=$===void 0?"password":$,P=z===void 0?"Enter your password":z,te=A===void 0?"Sign In":A,S=G===void 0?"":G,D=H===void 0?"noxickon":H,R=J===void 0?"username":J,k=K===void 0?"Enter your username":K;let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={initialData:{password:"",username:""},validationRules:{password:["required"],username:["required"]}},e[0]=q):q=e[0];const t=Q.useFormState(q);let I;e[1]!==t||e[2]!==N?(I=async y=>{y.preventDefault(),t.validate()&&await N(t.data)},e[1]=t,e[2]=N,e[3]=I):I=e[3];const B=I,M=Z??"w-80";let o;e[4]!==D?(o=s.jsx("h1",{className:"px-2 font-mono text-2xl text-foreground",children:D}),e[4]=D,e[5]=o):o=e[5];let i;e[6]!==S?(i=S?s.jsx("p",{className:"px-2 py-1 font-mono text-xs text-muted-foreground",children:S}):null,e[6]=S,e[7]=i):i=e[7];let n;e[8]!==o||e[9]!==i?(n=s.jsxs("div",{className:"mb-4 text-center",children:[o,i]}),e[8]=o,e[9]=i,e[10]=n):n=e[10];let d;e[11]!==R?(d=s.jsx(l.OxLabel,{children:R}),e[11]=R,e[12]=d):d=e[12];let c;e[13]!==a||e[14]!==t?(c=t.hasError("username")||!!a,e[13]=a,e[14]=t,e[15]=c):c=e[15];let u;e[16]!==t?(u=y=>t.setData("username",y),e[16]=t,e[17]=u):u=e[17];let _;e[18]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(l.OxIcon,{icon:X.User}),e[18]=_):_=e[18];let m;e[19]!==k?(m=s.jsx(l.OxTextInput,{autoComplete:"off",name:"username",placeholder:k}),e[19]=k,e[20]=m):m=e[20];let x;e[21]!==t.data.username||e[22]!==c||e[23]!==u||e[24]!==m?(x=s.jsxs(l.OxTextInput.Container,{error:c,value:t.data.username,onChange:u,children:[_,m]}),e[21]=t.data.username,e[22]=c,e[23]=u,e[24]=m,e[25]=x):x=e[25];let f;e[26]!==r||e[27]!==d||e[28]!==x?(f=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[d,x]}),e[26]=r,e[27]=d,e[28]=x,e[29]=f):f=e[29];let p;e[30]!==T?(p=s.jsx(l.OxLabel,{children:T}),e[30]=T,e[31]=p):p=e[31];let h;e[32]!==a||e[33]!==t?(h=t.hasError("password")||!!a,e[32]=a,e[33]=t,e[34]=h):h=e[34];let b;e[35]!==t?(b=y=>t.setData("password",y),e[35]=t,e[36]=b):b=e[36];let C;e[37]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(l.OxIcon,{icon:X.Lock}),e[37]=C):C=e[37];let j;e[38]!==P?(j=s.jsx(l.OxTextInput,{autoComplete:"off",name:"password",placeholder:P}),e[38]=P,e[39]=j):j=e[39];let E;e[40]===Symbol.for("react.memo_cache_sentinel")?(E=s.jsx(l.OxTextInput.VisibilityButton,{}),e[40]=E):E=e[40];let O;e[41]!==t.data.password||e[42]!==h||e[43]!==b||e[44]!==j?(O=s.jsxs(l.OxTextInput.Container,{error:h,type:"password",value:t.data.password,onChange:b,children:[C,j,E]}),e[41]=t.data.password,e[42]=h,e[43]=b,e[44]=j,e[45]=O):O=e[45];let v;e[46]!==r||e[47]!==p||e[48]!==O?(v=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[p,O]}),e[46]=r,e[47]=p,e[48]=O,e[49]=v):v=e[49];let w;e[50]!==a?(w=a?s.jsx(l.OxError,{children:a}):null,e[50]=a,e[51]=w):w=e[51];const U=r?ee:te;let g;e[52]!==r||e[53]!==U?(g=s.jsx(l.OxButton,{disabled:r,fullWidth:!0,isLoading:r,type:"submit",variant:"gradient",children:U}),e[52]=r,e[53]=U,e[54]=g):g=e[54];let L;e[55]!==B||e[56]!==f||e[57]!==v||e[58]!==w||e[59]!==g?(L=s.jsxs(l.OxForm,{className:"space-y-6",onSubmit:B,children:[f,v,w,g]}),e[55]=B,e[56]=f,e[57]=v,e[58]=w,e[59]=g,e[60]=L):L=e[60];let F;return e[61]!==M||e[62]!==n||e[63]!==L?(F=s.jsxs(l.OxCard,{className:M,children:[n,L]}),e[61]=M,e[62]=n,e[63]=L,e[64]=F):F=e[64],F};exports.OxLogin=se;

package/dist/pages/pages.es.js

@@ -1,12 +1,12 @@
-import { a4 as O, a0 as W, ad as Y, r as Z, ab as le, g as re, i as oe } from "../chunks/ui-DrKTwQ0M.js";
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { a4 as _, a0 as W, ad as Y, r as Z, ab as le, g as re, i as oe } from "../chunks/ui-DrKTwQ0M.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
 import { d as ie, z as ne } from "../chunks/hooks-6tQOArBm.js";
 import "react";
 import { User as de, Lock as ce } from "lucide-react";
 const be = (ee) => {
-  const e = ie.c(63), {
+  const e = ie.c(65), {
     className: te,
-    error: _,
+    error: l,
     isLoading: $,
     loadingLabel: A,
     onSubmit: I,
@@ -31,79 +31,79 @@ const be = (ee) => {
   }, e[0] = E) : E = e[0];
   const t = ne(E);
   let N;
-  e[1] !== t || e[2] !== I ? (N = async (S) => {
-    S.preventDefault(), t.validate() && await I(t.data);
+  e[1] !== t || e[2] !== I ? (N = async (O) => {
+    O.preventDefault(), t.validate() && await I(t.data);
   }, e[1] = t, e[2] = I, e[3] = N) : N = e[3];
   const T = N, U = te ?? "w-80";
-  let r;
-  e[4] !== B ? (r = /* @__PURE__ */ a("h1", { className: "px-2 font-mono text-2xl text-foreground", children: B }), e[4] = B, e[5] = r) : r = e[5];
   let o;
-  e[6] !== C ? (o = C ? /* @__PURE__ */ a("p", { className: "px-2 py-1 font-mono text-xs text-muted-foreground", children: C }) : null, e[6] = C, e[7] = o) : o = e[7];
+  e[4] !== B ? (o = /* @__PURE__ */ a("h1", { className: "px-2 font-mono text-2xl text-foreground", children: B }), e[4] = B, e[5] = o) : o = e[5];
   let i;
-  e[8] !== r || e[9] !== o ? (i = /* @__PURE__ */ l("div", { className: "mb-4 text-center", children: [
-    r,
-    o
-  ] }), e[8] = r, e[9] = o, e[10] = i) : i = e[10];
+  e[6] !== C ? (i = C ? /* @__PURE__ */ a("p", { className: "px-2 py-1 font-mono text-xs text-muted-foreground", children: C }) : null, e[6] = C, e[7] = i) : i = e[7];
   let n;
-  e[11] !== R ? (n = /* @__PURE__ */ a(Y, { children: R }), e[11] = R, e[12] = n) : n = e[12];
+  e[8] !== o || e[9] !== i ? (n = /* @__PURE__ */ r("div", { className: "mb-4 text-center", children: [
+    o,
+    i
+  ] }), e[8] = o, e[9] = i, e[10] = n) : n = e[10];
   let d;
-  e[13] !== t ? (d = t.hasError("username"), e[13] = t, e[14] = d) : d = e[14];
+  e[11] !== R ? (d = /* @__PURE__ */ a(Y, { children: R }), e[11] = R, e[12] = d) : d = e[12];
   let c;
-  e[15] !== t ? (c = (S) => t.setData("username", S), e[15] = t, e[16] = c) : c = e[16];
-  let q;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ a(Z, { icon: de }), e[17] = q) : q = e[17];
+  e[13] !== l || e[14] !== t ? (c = t.hasError("username") || !!l, e[13] = l, e[14] = t, e[15] = c) : c = e[15];
   let m;
-  e[18] !== z ? (m = /* @__PURE__ */ a(O, { autoComplete: "off", name: "username", placeholder: z }), e[18] = z, e[19] = m) : m = e[19];
+  e[16] !== t ? (m = (O) => t.setData("username", O), e[16] = t, e[17] = m) : m = e[17];
+  let q;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ a(Z, { icon: de }), e[18] = q) : q = e[18];
   let u;
-  e[20] !== t.data.username || e[21] !== d || e[22] !== c || e[23] !== m ? (u = /* @__PURE__ */ l(O.Container, { error: d, value: t.data.username, onChange: c, children: [
-    q,
-    m
-  ] }), e[20] = t.data.username, e[21] = d, e[22] = c, e[23] = m, e[24] = u) : u = e[24];
+  e[19] !== z ? (u = /* @__PURE__ */ a(_, { autoComplete: "off", name: "username", placeholder: z }), e[19] = z, e[20] = u) : u = e[20];
   let f;
-  e[25] !== s || e[26] !== n || e[27] !== u ? (f = /* @__PURE__ */ l(W.Field, { disabled: s, required: !0, children: [
-    n,
+  e[21] !== t.data.username || e[22] !== c || e[23] !== m || e[24] !== u ? (f = /* @__PURE__ */ r(_.Container, { error: c, value: t.data.username, onChange: m, children: [
+    q,
     u
-  ] }), e[25] = s, e[26] = n, e[27] = u, e[28] = f) : f = e[28];
+  ] }), e[21] = t.data.username, e[22] = c, e[23] = m, e[24] = u, e[25] = f) : f = e[25];
   let p;
-  e[29] !== j ? (p = /* @__PURE__ */ a(Y, { children: j }), e[29] = j, e[30] = p) : p = e[30];
+  e[26] !== s || e[27] !== d || e[28] !== f ? (p = /* @__PURE__ */ r(W.Field, { disabled: s, required: !0, children: [
+    d,
+    f
+  ] }), e[26] = s, e[27] = d, e[28] = f, e[29] = p) : p = e[29];
   let h;
-  e[31] !== t ? (h = t.hasError("password"), e[31] = t, e[32] = h) : h = e[32];
+  e[30] !== j ? (h = /* @__PURE__ */ a(Y, { children: j }), e[30] = j, e[31] = h) : h = e[31];
   let b;
-  e[33] !== t ? (b = (S) => t.setData("password", S), e[33] = t, e[34] = b) : b = e[34];
-  let D;
-  e[35] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ a(Z, { icon: ce }), e[35] = D) : D = e[35];
+  e[32] !== l || e[33] !== t ? (b = t.hasError("password") || !!l, e[32] = l, e[33] = t, e[34] = b) : b = e[34];
   let x;
-  e[36] !== k ? (x = /* @__PURE__ */ a(O, { autoComplete: "off", name: "password", placeholder: k }), e[36] = k, e[37] = x) : x = e[37];
-  let F;
-  e[38] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ a(O.VisibilityButton, {}), e[38] = F) : F = e[38];
+  e[35] !== t ? (x = (O) => t.setData("password", O), e[35] = t, e[36] = x) : x = e[36];
+  let D;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ a(Z, { icon: ce }), e[37] = D) : D = e[37];
   let w;
-  e[39] !== t.data.password || e[40] !== h || e[41] !== b || e[42] !== x ? (w = /* @__PURE__ */ l(O.Container, { error: h, type: "password", value: t.data.password, onChange: b, children: [
+  e[38] !== k ? (w = /* @__PURE__ */ a(_, { autoComplete: "off", name: "password", placeholder: k }), e[38] = k, e[39] = w) : w = e[39];
+  let F;
+  e[40] === Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ a(_.VisibilityButton, {}), e[40] = F) : F = e[40];
+  let v;
+  e[41] !== t.data.password || e[42] !== b || e[43] !== x || e[44] !== w ? (v = /* @__PURE__ */ r(_.Container, { error: b, type: "password", value: t.data.password, onChange: x, children: [
     D,
-    x,
+    w,
     F
-  ] }), e[39] = t.data.password, e[40] = h, e[41] = b, e[42] = x, e[43] = w) : w = e[43];
-  let v;
-  e[44] !== s || e[45] !== p || e[46] !== w ? (v = /* @__PURE__ */ l(W.Field, { disabled: s, required: !0, children: [
-    p,
-    w
-  ] }), e[44] = s, e[45] = p, e[46] = w, e[47] = v) : v = e[47];
+  ] }), e[41] = t.data.password, e[42] = b, e[43] = x, e[44] = w, e[45] = v) : v = e[45];
   let g;
-  e[48] !== _ ? (g = _ ? /* @__PURE__ */ a(le, { children: _ }) : null, e[48] = _, e[49] = g) : g = e[49];
-  const V = s ? se : ae;
+  e[46] !== s || e[47] !== h || e[48] !== v ? (g = /* @__PURE__ */ r(W.Field, { disabled: s, required: !0, children: [
+    h,
+    v
+  ] }), e[46] = s, e[47] = h, e[48] = v, e[49] = g) : g = e[49];
   let L;
-  e[50] !== s || e[51] !== V ? (L = /* @__PURE__ */ a(re, { disabled: s, fullWidth: !0, isLoading: s, type: "submit", variant: "gradient", children: V }), e[50] = s, e[51] = V, e[52] = L) : L = e[52];
+  e[50] !== l ? (L = l ? /* @__PURE__ */ a(le, { children: l }) : null, e[50] = l, e[51] = L) : L = e[51];
+  const V = s ? se : ae;
   let y;
-  e[53] !== T || e[54] !== f || e[55] !== v || e[56] !== g || e[57] !== L ? (y = /* @__PURE__ */ l(W, { className: "space-y-6", onSubmit: T, children: [
-    f,
-    v,
+  e[52] !== s || e[53] !== V ? (y = /* @__PURE__ */ a(re, { disabled: s, fullWidth: !0, isLoading: s, type: "submit", variant: "gradient", children: V }), e[52] = s, e[53] = V, e[54] = y) : y = e[54];
+  let S;
+  e[55] !== T || e[56] !== p || e[57] !== g || e[58] !== L || e[59] !== y ? (S = /* @__PURE__ */ r(W, { className: "space-y-6", onSubmit: T, children: [
+    p,
     g,
-    L
-  ] }), e[53] = T, e[54] = f, e[55] = v, e[56] = g, e[57] = L, e[58] = y) : y = e[58];
-  let P;
-  return e[59] !== U || e[60] !== i || e[61] !== y ? (P = /* @__PURE__ */ l(oe, { className: U, children: [
-    i,
+    L,
     y
-  ] }), e[59] = U, e[60] = i, e[61] = y, e[62] = P) : P = e[62], P;
+  ] }), e[55] = T, e[56] = p, e[57] = g, e[58] = L, e[59] = y, e[60] = S) : S = e[60];
+  let P;
+  return e[61] !== U || e[62] !== n || e[63] !== S ? (P = /* @__PURE__ */ r(oe, { className: U, children: [
+    n,
+    S
+  ] }), e[61] = U, e[62] = n, e[63] = S, e[64] = P) : P = e[64], P;
 };
 export {
   be as OxLogin

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@noxickon/onyx",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "type": "module",
   "main": "./dist/onyx.umd.js",
   "module": "./dist/onyx.es.js",
   "types": "./dist/index.d.ts",
-  "style": "./dist/onyx.css",
+  "style": "./dist/ui.css",
   "sideEffects": [
     "*.css",
     "**/*.css"
@@ -43,9 +43,7 @@
       "types": "./dist/legacy/index.d.ts",
       "import": "./dist/legacy/legacy.es.js"
     },
-    "./styles": "./dist/onyx.css",
-    "./shared": "./dist/shared.css",
-    "./animations": "./dist/animations.css"
+    "./styles": "./dist/ui.css"
   },
   "files": [
     "dist",