@noxickon/onyx 2.0.3 → 3.0.0

package/dist/pages/pages.es.js

@@ -1,142 +1,110 @@
-import { a0 as Z, R as r, a1 as ee, M as H, a2 as te, Y as se, e as ae, a3 as ie, _ as K } from "../chunks/ui-DaFpw1V6.js";
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { d as re, q as oe } from "../chunks/hooks-CUNBk2tZ.js";
-import { gql as le } from "@apollo/client";
+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 { d as ie, z as ne } from "../chunks/hooks-6tQOArBm.js";
 import "react";
-import { D as ne } from "../chunks/query-D2S9cFBP.js";
-const de = le`
-  mutation Login($input: LoginInput!) {
-    login(input: $input) {
-      success
-      me {
-        id
-        username
-        email
-        role
-      }
+import { User as de, Lock as ce } from "lucide-react";
+const be = (ee) => {
+  const e = ie.c(63), {
+    className: te,
+    error: _,
+    isLoading: $,
+    loadingLabel: A,
+    onSubmit: I,
+    passwordLabel: G,
+    passwordPlaceholder: H,
+    submitLabel: J,
+    subtitle: K,
+    title: M,
+    usernameLabel: Q,
+    usernamePlaceholder: X
+  } = ee, s = $ === void 0 ? !1 : $, se = A === void 0 ? "Signing in..." : A, j = G === void 0 ? "password" : G, k = H === void 0 ? "Enter your password" : H, ae = J === void 0 ? "Sign In" : J, C = K === void 0 ? "" : K, B = M === void 0 ? "noxickon" : M, R = Q === void 0 ? "username" : Q, z = X === void 0 ? "Enter your username" : X;
+  let E;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+    initialData: {
+      password: "",
+      username: ""
+    },
+    validationRules: {
+      password: ["required"],
+      username: ["required"]
     }
-  }
-`, ge = (B) => {
-  const e = re.c(70);
-  let l, n, d, S, N, O, I;
-  e[0] !== B ? ({
-    cacheQuery: S,
-    className: l,
-    mutation: N,
-    onSubmit: n,
-    subtitle: O,
-    title: I,
-    ...d
-  } = B, e[0] = B, e[1] = l, e[2] = n, e[3] = d, e[4] = S, e[5] = N, e[6] = O, e[7] = I) : (l = e[1], n = e[2], d = e[3], S = e[4], N = e[5], O = e[6], I = e[7]);
-  const M = S === void 0 ? ne : S, z = N === void 0 ? de : N, q = O === void 0 ? "" : O, V = I === void 0 ? "noxickon" : I;
-  let C, D;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (C = {
-    username: "",
-    password: ""
-  }, D = {
-    username: ["required"],
-    password: ["required"]
-  }, e[8] = C, e[9] = D) : (C = e[8], D = e[9]);
+  }, 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, 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];
+  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];
+  let n;
+  e[11] !== R ? (n = /* @__PURE__ */ a(Y, { 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[10] !== M ? (c = {
-    update: (a, i) => {
-      const {
-        data: J
-      } = i;
-      J?.login.success && a.writeQuery({
-        query: M,
-        data: {
-          me: J.login.me
-        }
-      });
-    }
-  }, e[10] = M, e[11] = c) : c = e[11];
-  let F;
-  e[12] !== z || e[13] !== c ? (F = {
-    initialData: C,
-    validationRules: D,
-    operation: z,
-    options: c
-  }, e[12] = z, e[13] = c, e[14] = F) : F = e[14];
-  const t = oe(F);
-  let R;
-  e[15] !== t || e[16] !== n ? (R = async (a) => {
-    a.preventDefault(), t.submit({
-      onError: (i) => {
-        ie(i, t);
-      },
-      onSuccess: (i) => {
-        i.data && i.data.login.success ? n?.(i) : console.error("Login failed: Invalid credentials");
-      }
-    });
-  }, e[15] = t, e[16] = n, e[17] = R) : R = e[17];
-  const W = R;
+  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];
   let m;
-  e[18] !== l ? (m = Z("w-80", l), e[18] = l, e[19] = m) : m = e[19];
+  e[18] !== z ? (m = /* @__PURE__ */ a(O, { autoComplete: "off", name: "username", placeholder: z }), e[18] = z, e[19] = m) : m = e[19];
   let u;
-  e[20] !== V ? (u = /* @__PURE__ */ s("h1", { className: "px-2 font-mono text-2xl text-gray-1200", children: V }), e[20] = V, e[21] = u) : u = e[21];
+  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];
   let f;
-  e[22] !== q ? (f = q ? /* @__PURE__ */ s("p", { className: "px-2 py-1 font-mono text-xs", children: q }) : null, e[22] = q, e[23] = f) : f = e[23];
+  e[25] !== s || e[26] !== n || e[27] !== u ? (f = /* @__PURE__ */ l(W.Field, { disabled: s, required: !0, children: [
+    n,
+    u
+  ] }), e[25] = s, e[26] = n, e[27] = u, e[28] = f) : f = e[28];
   let p;
-  e[24] !== u || e[25] !== f ? (p = /* @__PURE__ */ o("div", { className: "mb-4 text-center", children: [
-    u,
-    f
-  ] }), e[24] = u, e[25] = f, e[26] = p) : p = e[26];
-  let T;
-  e[27] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ s(K, { children: "username" }), e[27] = T) : T = e[27];
-  const P = t.isLoading;
+  e[29] !== j ? (p = /* @__PURE__ */ a(Y, { children: j }), e[29] = j, e[30] = p) : p = e[30];
   let h;
-  e[28] !== t ? (h = t.hasError("username"), e[28] = t, e[29] = h) : h = e[29];
-  let g;
-  e[30] !== t ? (g = (a) => t.setData("username", a), e[30] = t, e[31] = g) : g = e[31];
-  let Q, U;
-  e[32] === Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ s(r.Icon, { path: ee }), U = /* @__PURE__ */ s(r, { autoComplete: "off", name: "username", placeholder: "Enter your username" }), e[32] = Q, e[33] = U) : (Q = e[32], U = e[33]);
-  let x;
-  e[34] !== t.data.username || e[35] !== t.isLoading || e[36] !== h || e[37] !== g ? (x = /* @__PURE__ */ o(H.Field, { children: [
-    T,
-    /* @__PURE__ */ o(r.Container, { disabled: P, error: h, required: !0, value: t.data.username, onChange: g, children: [
-      Q,
-      U
-    ] })
-  ] }), e[34] = t.data.username, e[35] = t.isLoading, e[36] = h, e[37] = g, e[38] = x) : x = e[38];
-  let A;
-  e[39] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ s(K, { children: "password" }), e[39] = A) : A = e[39];
-  const X = t.isLoading;
-  let y;
-  e[40] !== t ? (y = t.hasError("password"), e[40] = t, e[41] = y) : y = e[41];
-  let L;
-  e[42] !== t ? (L = (a) => t.setData("password", a), e[42] = t, e[43] = L) : L = e[43];
-  let G, $, j;
-  e[44] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ s(r.Icon, { path: te }), $ = /* @__PURE__ */ s(r, { autoComplete: "off", name: "password", placeholder: "Enter your password" }), j = /* @__PURE__ */ s(r.VisibilityButton, {}), e[44] = G, e[45] = $, e[46] = j) : (G = e[44], $ = e[45], j = e[46]);
+  e[31] !== t ? (h = t.hasError("password"), e[31] = t, e[32] = h) : h = e[32];
   let b;
-  e[47] !== t.data.password || e[48] !== t.isLoading || e[49] !== y || e[50] !== L ? (b = /* @__PURE__ */ o(H.Field, { children: [
-    A,
-    /* @__PURE__ */ o(r.Container, { disabled: X, error: y, required: !0, type: "password", value: t.data.password, onChange: L, children: [
-      G,
-      $,
-      j
-    ] })
-  ] }), e[47] = t.data.password, e[48] = t.isLoading, e[49] = y, e[50] = L, e[51] = b) : b = e[51];
+  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];
+  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];
   let w;
-  e[52] !== t.hasErrors ? (w = t.hasErrors ? /* @__PURE__ */ s(se, { children: "username or password is wrong" }) : null, e[52] = t.hasErrors, e[53] = w) : w = e[53];
-  const Y = t.isLoading ? "Signing in..." : "Sign In";
-  let E;
-  e[54] !== t.isLoading || e[55] !== Y ? (E = /* @__PURE__ */ s(ae, { disabled: t.isLoading, fullWidth: !0, isLoading: t.isLoading, size: "sm", type: "submit", variant: "primary", children: Y }), e[54] = t.isLoading, e[55] = Y, e[56] = E) : E = e[56];
-  let _;
-  e[57] !== W || e[58] !== x || e[59] !== b || e[60] !== w || e[61] !== E ? (_ = /* @__PURE__ */ o(H, { className: "space-y-6", onSubmit: W, children: [
+  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: [
+    D,
     x,
-    b,
-    w,
-    E
-  ] }), e[57] = W, e[58] = x, e[59] = b, e[60] = w, e[61] = E, e[62] = _) : _ = e[62];
+    F
+  ] }), e[39] = t.data.password, e[40] = h, e[41] = b, e[42] = x, e[43] = w) : w = e[43];
   let v;
-  e[63] !== p || e[64] !== _ ? (v = /* @__PURE__ */ o("div", { className: "ox-gray-border rounded-lg bg-gray-50 p-6", children: [
+  e[44] !== s || e[45] !== p || e[46] !== w ? (v = /* @__PURE__ */ l(W.Field, { disabled: s, required: !0, children: [
     p,
-    _
-  ] }), e[63] = p, e[64] = _, e[65] = v) : v = e[65];
-  let k;
-  return e[66] !== d || e[67] !== m || e[68] !== v ? (k = /* @__PURE__ */ s("div", { className: m, ...d, children: v }), e[66] = d, e[67] = m, e[68] = v, e[69] = k) : k = e[69], k;
+    w
+  ] }), e[44] = s, e[45] = p, e[46] = w, e[47] = v) : v = e[47];
+  let g;
+  e[48] !== _ ? (g = _ ? /* @__PURE__ */ a(le, { children: _ }) : null, e[48] = _, e[49] = g) : g = e[49];
+  const V = s ? se : ae;
+  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];
+  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,
+    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,
+    y
+  ] }), e[59] = U, e[60] = i, e[61] = y, e[62] = P) : P = e[62], P;
 };
 export {
-  ge as OxLogin
+  be as OxLogin
 };

package/dist/routes/GuestRoute/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/GuestRoute.types';
+export { OxGuestRoute } from './src/GuestRoute';

package/dist/routes/GuestRoute/src/GuestRoute.d.ts

@@ -0,0 +1,2 @@
+import { OxGuestRouteProps } from './GuestRoute.types';
+export declare const OxGuestRoute: ({ children, onAuthenticated, onLoading, }: OxGuestRouteProps) => import('react').ReactNode;

package/dist/routes/GuestRoute/src/GuestRoute.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface OxGuestRouteProps {
+    children: ReactNode;
+    onAuthenticated?: ReactNode;
+    onLoading?: ReactNode;
+}

package/dist/routes/GuestRoute/test/GuestRoute.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/routes/ProtectedRoute/index.d.ts

@@ -0,0 +1,2 @@
+export type { OxProtectedRouteProps } from './src/ProtectedRoute.types';
+export { OxProtectedRoute } from './src/ProtectedRoute';

package/dist/routes/ProtectedRoute/src/ProtectedRoute.d.ts

@@ -0,0 +1,2 @@
+import { OxProtectedRouteProps } from './ProtectedRoute.types';
+export declare const OxProtectedRoute: ({ children, onLoading, onUnauthenticated, }: OxProtectedRouteProps) => import('react').ReactNode;

package/dist/routes/ProtectedRoute/src/ProtectedRoute.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface OxProtectedRouteProps {
+    children: ReactNode;
+    onLoading?: ReactNode;
+    onUnauthenticated?: ReactNode;
+}

package/dist/routes/ProtectedRoute/test/ProtectedRoute.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/routes/RoleRoute/index.d.ts

@@ -0,0 +1,2 @@
+export type { OxRoleRouteProps } from './src/RoleRoute.types';
+export { OxRoleRoute } from './src/RoleRoute';

package/dist/routes/RoleRoute/src/RoleRoute.d.ts

@@ -0,0 +1,2 @@
+import { OxRoleRouteProps } from './RoleRoute.types';
+export declare const OxRoleRoute: ({ children, onLoading, onUnauthorized, roles, }: OxRoleRouteProps) => import('react').ReactNode;

package/dist/routes/RoleRoute/src/RoleRoute.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface OxRoleRouteProps {
+    children: ReactNode;
+    onLoading?: ReactNode;
+    onUnauthorized?: ReactNode;
+    roles?: string[];
+}

package/dist/routes/RoleRoute/test/RoleRoute.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/routes/index.d.ts

@@ -0,0 +1,3 @@
+export * from './GuestRoute';
+export * from './ProtectedRoute';
+export * from './RoleRoute';

package/dist/routes/routes.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/ui-Dfv80f9y.js");const d=require("../chunks/useAuth-DxoDe3YA.js"),a=require("../chunks/hooks-UiKjBucd.js"),g=u=>{const{children:i,onAuthenticated:n,onLoading:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?r:s?o:i},h=u=>{const{children:i,onLoading:n,onUnauthenticated:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?o:s?i:r},O=u=>{const{children:i,onLoading:n,onUnauthorized:t,roles:o}=u,r=n===void 0?null:n,s=t===void 0?null:t,e=o===void 0?["admin"]:o,{loading:l,user:c}=d.useOxAuth();return l?r:!c||a.isEmpty(e)||!e.includes(c.role)?s:i};exports.OxGuestRoute=g;exports.OxProtectedRoute=h;exports.OxRoleRoute=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/ui-B0Ma5GdK.js");const d=require("../chunks/useAuth-DxoDe3YA.js"),a=require("../chunks/hooks-CNgb50x1.js"),g=u=>{const{children:i,onAuthenticated:n,onLoading:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?r:s?o:i},h=u=>{const{children:i,onLoading:n,onUnauthenticated:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?o:s?i:r},O=u=>{const{children:i,onLoading:n,onUnauthorized:t,roles:o}=u,r=n===void 0?null:n,s=t===void 0?null:t,e=o===void 0?["admin"]:o,{loading:l,user:c}=d.useOxAuth();return l?r:!c||a.isEmpty(e)||!e.includes(c.role)?s:i};exports.OxGuestRoute=g;exports.OxProtectedRoute=h;exports.OxRoleRoute=O;

package/dist/routes/routes.es.js

@@ -1,7 +1,7 @@
-import "../chunks/ui-DaFpw1V6.js";
+import "../chunks/ui-DrKTwQ0M.js";
 import { u as s } from "../chunks/useAuth-BFgXzu6Q.js";
-import { v as a } from "../chunks/hooks-CUNBk2tZ.js";
-const v = (e) => {
+import { A as a } from "../chunks/hooks-6tQOArBm.js";
+const L = (e) => {
   const {
     children: r,
     onAuthenticated: n,
@@ -11,7 +11,7 @@ const v = (e) => {
     loading: i
   } = s();
   return i ? d : u ? t : r;
-}, L = (e) => {
+}, m = (e) => {
   const {
     children: r,
     onLoading: n,
@@ -21,7 +21,7 @@ const v = (e) => {
     loading: i
   } = s();
   return i ? t : u ? r : d;
-}, m = (e) => {
+}, v = (e) => {
   const {
     children: r,
     onLoading: n,
@@ -34,7 +34,7 @@ const v = (e) => {
   return l ? d : !c || a(i) || !i.includes(c.role) ? u : r;
 };
 export {
-  v as OxGuestRoute,
-  L as OxProtectedRoute,
-  m as OxRoleRoute
+  L as OxGuestRoute,
+  m as OxProtectedRoute,
+  v as OxRoleRoute
 };

package/dist/typography/Description/Description.stories.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, className, disabled, ...domProps }: import('.').OxDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        className: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const States: Story;
+export declare const FormContext: Story;

package/dist/typography/Description/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/Description.types';
+export { OxDescription } from './src/Description';

package/dist/typography/Description/src/Description.d.ts

@@ -0,0 +1,2 @@
+import { OxDescriptionProps } from './Description.types';
+export declare const OxDescription: ({ children, className, disabled, ...domProps }: OxDescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/typography/Description/src/Description.types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxDescriptionProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    disabled?: boolean;
+}

package/dist/typography/Description/test/Description.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/typography/Error/Error.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, className, ...domProps }: import('.').OxErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        className: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const WithIcons: Story;
+export declare const FormContext: Story;

package/dist/typography/Error/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/Error.types';
+export { OxError } from './src/Error';

package/dist/typography/Error/src/Error.d.ts

@@ -0,0 +1,2 @@
+import { OxErrorProps } from './Error.types';
+export declare const OxError: ({ children, className, ...domProps }: OxErrorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/typography/Error/src/Error.types.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export type OxErrorProps = ComponentPropsWithRef<'div'>;

package/dist/typography/Error/test/Error.test.d.ts

@@ -0,0 +1 @@
+export {};