trepur_components 2.3.20 → 2.3.22

package/lib/components/Breadcrumbs/index.js

@@ -1,32 +1,27 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { createContext as i, forwardRef as m, useMemo as b, useContext as x, Children as I } from "react";
-const f = i(null), B = i(null), N = m(({ children: e, ...r }, t) => {
-  const a = b(
+import { jsx as s, jsxs as B } from "react/jsx-runtime";
+import { createContext as l, forwardRef as n, useMemo as m, useContext as d, Children as N } from "react";
+const u = l(null), i = l(null), p = n(({ children: e, ...r }, t) => {
+  const a = m(
     () => ({
       allLinks: e
     }),
     [e]
   );
-  return /* @__PURE__ */ s(f.Provider, { value: a, children: /* @__PURE__ */ s("ul", { ref: t, className: "flex gap-2", ...r, children: e }) });
-}), L = m(({ children: e, ...r }, t) => {
-  const { allLinks: a } = x(f) || {}, n = I.toArray(a), c = n.findIndex(
-    (o) => {
-      var l, u, p, d;
-      return ((p = (u = (l = o == null ? void 0 : o.props) == null ? void 0 : l.children) == null ? void 0 : u.props) == null ? void 0 : p.children) === ((d = e == null ? void 0 : e.props) == null ? void 0 : d.children);
-    }
-  ) === n.length - 1, C = b(
+  return /* @__PURE__ */ s(u.Provider, { value: a, children: /* @__PURE__ */ s("ul", { ref: t, className: "flex gap-2", ...r, children: e }) });
+}), b = n(({ children: e, ...r }, t) => {
+  const { allLinks: a } = d(u) || {}, c = 0 === N.toArray(a).length - 1, f = m(
     () => ({
       isLast: c
     }),
     [e]
   );
-  return /* @__PURE__ */ s(B.Provider, { value: C, children: /* @__PURE__ */ v("li", { ref: t, className: "flex items-center gap-2", ...r, children: [
+  return /* @__PURE__ */ s(i.Provider, { value: f, children: /* @__PURE__ */ B("li", { ref: t, className: "flex items-center gap-2", ...r, children: [
     e,
     !c && /* @__PURE__ */ s("p", { children: "/" })
   ] }) });
-}), y = m(({ children: e, href: r, ...t }, a) => {
-  const { isLast: n } = x(B) || {};
-  return n ? /* @__PURE__ */ s("p", { className: "px-1 py-1 font-bold underline underline-offset-4", children: e }) : /* @__PURE__ */ s("p", { className: "px-1 py-1", children: /* @__PURE__ */ s(
+}), x = n(({ children: e, href: r, ...t }, a) => {
+  const { isLast: o } = d(i) || {};
+  return o ? /* @__PURE__ */ s("p", { className: "px-1 py-1 font-bold underline underline-offset-4", children: e }) : /* @__PURE__ */ s("p", { className: "px-1 py-1", children: /* @__PURE__ */ s(
     "a",
     {
       ref: a,
@@ -37,13 +32,13 @@ const f = i(null), B = i(null), N = m(({ children: e, ...r }, t) => {
     }
   ) });
 });
-N.displayName = "Breadcrumbs";
-L.displayName = "Breadcrumbs.Item";
-y.displayName = "Breadcrumbs.Label";
-const P = Object.assign(N, {
-  Item: L,
-  Label: y
+p.displayName = "Breadcrumbs";
+b.displayName = "Breadcrumbs.Item";
+x.displayName = "Breadcrumbs.Label";
+const v = Object.assign(p, {
+  Item: b,
+  Label: x
 });
 export {
-  P as Breadcrumbs
+  v as Breadcrumbs
 };

package/lib/components/Button/Button.stories.d.ts

@@ -21,5 +21,6 @@ export declare const Default: Story;
 export declare const Secondary: Story;
 export declare const Bordered: Story;
 export declare const Ghost: Story;
+export declare const Basic: Story;
 export declare const Loading: Story;
 export declare const Link: Story;

package/lib/components/Button/index.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 
 export interface ButtonProps {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'bordered';
+    variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     disabled?: boolean;
     loading?: boolean;
     type?: 'button' | 'link';

package/lib/components/Button/index.js

@@ -1,32 +1,33 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
+import { forwardRef as n } from "react";
 import { Icon as m } from "../Icon/index.js";
 import s from "clsx";
-const g = b(({ children: o, ...e }) => /* @__PURE__ */ r("button", { type: "button", ...e, children: o })), h = b(({ children: o, ...e }) => /* @__PURE__ */ r("div", { className: "inline-block", children: /* @__PURE__ */ r("a", { type: "button", className: "inline-grid", ...e, children: o }) })), a = b(
+const g = n(({ children: o, ...e }) => /* @__PURE__ */ r("button", { type: "button", ...e, children: o })), h = n(({ children: o, ...e }) => /* @__PURE__ */ r("div", { className: "inline-block", children: /* @__PURE__ */ r("a", { type: "button", className: "inline-grid", ...e, children: o }) })), a = n(
   ({
     className: o,
     children: e,
     loading: t = !1,
-    variant: n = "primary",
-    type: d = "button",
-    disabled: l,
-    href: p,
-    target: i,
-    ...y
+    variant: b = "primary",
+    type: i = "button",
+    disabled: y,
+    href: d,
+    target: p,
+    ...l
   }) => /* @__PURE__ */ r(
-    d === "button" ? g : h,
+    i === "button" ? g : h,
     {
-      href: p,
-      target: i,
+      href: d,
+      target: p,
       disabled: t,
       className: s(
         "font-regular flex items-center gap-2 rounded-lg border px-8 py-3 text-center text-lg",
         {
           "duration-200": !t,
-          "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": n === "primary" && !t,
-          "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": n === "secondary" && !t,
-          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": n === "ghost" && !t,
-          "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": n === "bordered" && !t,
+          "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": b === "primary" && !t,
+          "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": b === "secondary" && !t,
+          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": b === "ghost" && !t,
+          "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": b === "bordered" && !t,
+          "border-button-basic-border bg-button-basic-bg text-button-basic-text hover:bg-button-basic-hover active:bg-button-basic-active": b === "basic" && !t,
           "w-40 animate-pulse border-loading bg-loading": t
         },
         o
@@ -34,7 +35,7 @@ const g = b(({ children: o, ...e }) => /* @__PURE__ */ r("button", { type: "butt
       children: !t && e
     }
   )
-), c = b(({ className: o, ...e }, t) => /* @__PURE__ */ r("p", { className: s("text-md", o), ref: t, ...e })), u = b(({ icon: o }, e) => /* @__PURE__ */ r(m, { size: "md", ref: e, icon: o }));
+), c = n(({ className: o, ...e }, t) => /* @__PURE__ */ r("p", { className: s("text-md", o), ref: t, ...e })), u = n(({ icon: o }, e) => /* @__PURE__ */ r(m, { size: "md", ref: e, icon: o }));
 a.displayName = "Button";
 u.displayName = "Button.Icon";
 c.displayName = "Button.Label";

package/lib/components/Input/Input.stories.d.ts

@@ -13,7 +13,6 @@ declare const meta: {
     };
     args: {
         placeholder: string;
-        errors: string[];
         children: import("react/jsx-runtime").JSX.Element[];
     };
 };

package/lib/components/Input/index.js

@@ -1,83 +1,83 @@
 import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import { createContext as I, forwardRef as a, useMemo as b, useRef as h, useContext as i } from "react";
-import N from "clsx";
-const u = I(null), d = a(({ children: r, errors: t, placeholder: e, ...n }, l) => {
-  const s = b(
+import { createContext as I, forwardRef as s, useMemo as b, useRef as N, useContext as i } from "react";
+import h from "clsx";
+const d = I(null), u = s(({ children: n, errors: t, placeholder: e, ...r }, l) => {
+  const a = b(
     () => ({
       errors: t,
       placeholder: e,
-      ...n
+      ...r
     }),
-    [t, n]
+    [t, r]
   );
-  return /* @__PURE__ */ o(u.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: l, children: r }) });
-}), c = a(
-  ({ children: r, ...t }, e) => {
-    const n = h(null);
+  return /* @__PURE__ */ o(d.Provider, { value: a, children: /* @__PURE__ */ o("div", { ref: l, children: n }) });
+}), m = s(
+  ({ children: n, ...t }, e) => {
+    const r = N(null);
     return /* @__PURE__ */ o(
       "div",
       {
-        className: "mt-4 w-full cursor-pointer bg-white",
+        className: "mt-4 w-full",
         onClick: () => {
           var l;
-          return (l = n.current) == null ? void 0 : l.focus();
+          return (l = r.current) == null ? void 0 : l.focus();
         },
         ref: e,
         ...t,
-        children: r
+        children: n
       }
     );
   }
-), m = a(({ children: r, required: t = !1 }, e) => /* @__PURE__ */ f(
+), p = s(({ children: n, required: t = !1 }, e) => /* @__PURE__ */ f(
   "div",
   {
     ref: e,
-    className: "font-regular absolute -mt-3 ml-3 flex items-center rounded-2xl bg-white px-1 text-sm",
+    className: "text-md flex items-center rounded-2xl px-1 font-semibold",
     children: [
-      /* @__PURE__ */ o("p", { children: r }),
-      t && /* @__PURE__ */ o("p", { className: "font-semiBold text-lg text-error-default", children: " *" })
+      /* @__PURE__ */ o("p", { children: n }),
+      t && /* @__PURE__ */ o("p", { className: "font-semiBold text-lg", children: " *" })
     ]
   }
-)), p = a(
-  ({ ...r }) => {
-    const { errors: t, placeholder: e } = i(u) || {};
+)), c = s(
+  ({ ...n }) => {
+    const { errors: t, placeholder: e } = i(d) || {};
     return /* @__PURE__ */ o(
       "input",
       {
         placeholder: e,
-        className: N(
-          "text-ink text-md w-full cursor-pointer rounded-md border border-black bg-white py-2 pl-4",
+        className: h(
+          "text-ink text-md w-full rounded-md border border-gray-300 bg-white py-2 pl-4",
           {
             "border-error border-2": t != null
           }
         ),
-        ...r
+        ...n
       }
     );
   }
-), x = a(({ children: r, ...t }, e) => {
-  const { errors: n } = i(u) || {};
+), x = s(({ children: n, ...t }, e) => {
+  const { errors: r } = i(d) || {};
   return /* @__PURE__ */ o(
     "div",
     {
       ref: e,
-      className: "font-regular gap-y-2 text-sm text-error-default",
+      className: "text-md gap-y-2 pl-1 pt-2 font-semibold text-error-default",
       ...t,
-      children: n == null ? void 0 : n.map((l, s) => /* @__PURE__ */ o("p", { children: l }, `error-msg-${s + 1}`))
+      children: r == null ? void 0 : r.map((l, a) => /* @__PURE__ */ o("p", { children: l }, `error-msg-${a + 1}`))
     }
   );
 });
-d.displayName = "Input";
-c.displayName = "Input.Item";
-m.displayName = "Input.Label";
-p.displayName = "Input.Box";
+u.displayName = "Input";
+m.displayName = "Input.Item";
+p.displayName = "Input.Label";
+c.displayName = "Input.Box";
 x.displayName = "Input.Validation";
-const w = Object.assign(d, {
-  Item: c,
-  Label: m,
-  Box: p,
+const C = Object.assign(u, {
+  Item: m,
+  Label: p,
+  Box: c,
   Validation: x
 });
 export {
-  w as Input
+  C as Input
 };

package/lib/components/Nav/index.js

@@ -1,95 +1,115 @@
-import { jsx as e, jsxs as n, Fragment as y } from "react/jsx-runtime";
-import { createContext as H, forwardRef as r, useState as c, useMemo as C, useContext as m, useRef as k } from "react";
+import { jsx as a, jsxs as i, Fragment as y } from "react/jsx-runtime";
+import { createContext as H, forwardRef as r, useState as m, useMemo as C, useContext as p, useRef as k } from "react";
 import { HamburgerIcon as w } from "../HamburgerIcon/index.js";
 import { faChevronDown as M } from "@fortawesome/fontawesome-free-solid";
-import l from "clsx";
+import n from "clsx";
 import { Icon as j } from "../Icon/index.js";
-const i = H(null), p = r(({ children: a }, s) => {
-  const [t, o] = c(!1), d = C(
+const c = H(null), v = r(({ className: s, children: t }, e) => {
+  const [o, d] = m(!1), l = C(
     () => ({
-      expanded: t,
-      setExpanded: o
+      expanded: o,
+      setExpanded: d
     }),
-    [t, o]
+    [o, d]
   );
-  return /* @__PURE__ */ e(i.Provider, { value: d, children: /* @__PURE__ */ e("div", { children: a }) });
-}), v = r(
-  ({ children: a }, s) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(c.Provider, { value: l, children: /* @__PURE__ */ a("div", { className: s, ref: e, children: t }) });
+}), N = r(
+  ({ className: s, children: t }, e) => /* @__PURE__ */ a(
     "div",
     {
-      ref: s,
-      className: l("relative h-24 w-full bg-nav-bg px-2 py-2"),
-      children: a
+      ref: e,
+      className: n("relative h-24 w-full bg-nav-bg px-2 py-2", s),
+      children: t
     }
   )
-), N = r(({ children: a }, s) => {
-  const { setExpanded: t, expanded: o } = m(i) || {};
-  return /* @__PURE__ */ n("div", { ref: s, className: "flex h-full md:hidden", children: [
-    /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
+), g = r(({ className: s, children: t }, e) => {
+  const { setExpanded: o, expanded: d } = p(c) || {};
+  return /* @__PURE__ */ i("div", { ref: e, className: n("flex h-full md:hidden", s), children: [
+    /* @__PURE__ */ a("div", { className: "my-auto", children: /* @__PURE__ */ a(
       w,
       {
         variant: "ghost",
-        onClick: () => t == null ? void 0 : t(!o),
+        onClick: () => o == null ? void 0 : o(!d),
         className: "aspect-square"
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: a })
+    /* @__PURE__ */ a("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: t })
   ] });
-}), g = r(({ children: a }, s) => /* @__PURE__ */ e(
+}), f = r(({ className: s, children: t }, e) => /* @__PURE__ */ a(
   "div",
   {
-    ref: s,
-    className: "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
-    children: a
+    ref: e,
+    className: n(
+      "hidden justify-between md:flex md:gap-4 md:px-4 lg:gap-8 lg:px-20",
+      s
+    ),
+    children: t
   }
-)), f = r(
-  ({ children: a }, s) => {
-    const { expanded: t } = m(i) || {};
-    return t ? /* @__PURE__ */ e("div", { className: "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: a }) }) : /* @__PURE__ */ e(y, {});
+)), u = r(
+  ({ className: s, children: t }, e) => {
+    const { expanded: o } = p(c) || {};
+    return o ? /* @__PURE__ */ a(
+      "div",
+      {
+        ref: e,
+        className: n(
+          "h-screen bg-nav-bg px-8 pb-12 pt-2 md:hidden",
+          s
+        ),
+        children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: t })
+      }
+    ) : /* @__PURE__ */ a(y, {});
   }
-), u = r(
-  ({ children: a }, s) => /* @__PURE__ */ e("div", { ref: s, className: "my-4 md:flex md:gap-4 lg:gap-8", children: a })
-), x = r(({ label: a, children: s, active: t = !1 }) => {
-  const [o, d] = c(!1), b = k(null);
-  return /* @__PURE__ */ n(
+), x = r(
+  ({ className: s, children: t }, e) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: e,
+      className: n("my-4 md:flex md:gap-4 lg:gap-8", s),
+      children: t
+    }
+  )
+), h = r(({ label: s, children: t, active: e = !1 }) => {
+  const [o, d] = m(!1), l = k(null);
+  return /* @__PURE__ */ i(
     "div",
     {
-      ref: b,
+      ref: l,
       onClick: () => d(!0),
       onMouseLeave: () => d(!1),
-      className: l(
+      className: n(
         "relative m-auto text-xl tracking-wider text-nav-text hover:cursor-pointer",
         {
-          "font-bold": t,
-          "font-normal": !t
+          "font-bold": e,
+          "font-normal": !e
         }
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-px ", children: [
-          /* @__PURE__ */ e("p", { children: a }),
-          /* @__PURE__ */ e(j, { icon: M })
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-px ", children: [
+          /* @__PURE__ */ a("p", { children: s }),
+          /* @__PURE__ */ a(j, { icon: M })
         ] }),
-        o && /* @__PURE__ */ e("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: s }) })
+        o && /* @__PURE__ */ a("div", { className: "absolute -left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-y-2 bg-nav-bg px-4 py-4", children: t }) })
       ]
     }
   );
-}), h = r(({ className: a, src: s, ...t }, o) => /* @__PURE__ */ e("img", { className: l("h-20", a), ref: o, src: s, ...t }));
-p.displayName = "Nav";
-v.displayName = "Nav.Header";
-g.displayName = "Nav.DesktopHeader";
-N.displayName = "Nav.MobileHeader";
-h.displayName = "Nav.Logo";
-u.displayName = "Nav.Section";
-f.displayName = "Nav.Body";
-x.displayName = "Nav.Folder";
-const R = Object.assign(p, {
-  Header: v,
-  DesktopHeader: g,
-  MobileHeader: N,
-  Section: u,
-  Logo: h,
-  Body: f,
-  Folder: x
+}), b = r(({ className: s, src: t, ...e }, o) => /* @__PURE__ */ a("img", { className: n("h-20", s), ref: o, src: t, ...e }));
+v.displayName = "Nav";
+N.displayName = "Nav.Header";
+f.displayName = "Nav.DesktopHeader";
+g.displayName = "Nav.MobileHeader";
+b.displayName = "Nav.Logo";
+x.displayName = "Nav.Section";
+u.displayName = "Nav.Body";
+h.displayName = "Nav.Folder";
+const R = Object.assign(v, {
+  Header: N,
+  DesktopHeader: f,
+  MobileHeader: g,
+  Section: x,
+  Logo: b,
+  Body: u,
+  Folder: h
 });
 export {
   R as Nav

package/lib/components/TextArea/index.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { createContext as b, forwardRef as n, useMemo as A, useRef as T, useContext as d } from "react";
-const i = b(null), x = n(({ children: o, errors: e, placeholder: t, ...r }, l) => {
-  const s = A(
+import { createContext as A, forwardRef as o, useMemo as T, useRef as N, useContext as x } from "react";
+const d = A(null), i = o(({ children: l, errors: e, placeholder: t, ...r }, n) => {
+  const s = T(
     () => ({
       errors: e,
       placeholder: t,
@@ -9,68 +9,61 @@ const i = b(null), x = n(({ children: o, errors: e, placeholder: t, ...r }, l) =
     }),
     [e, r]
   );
-  return /* @__PURE__ */ a(i.Provider, { value: s, children: /* @__PURE__ */ a("div", { ref: l, children: o }) });
-}), c = n(
-  ({ children: o, ...e }, t) => {
-    const r = T(null);
+  return /* @__PURE__ */ a(d.Provider, { value: s, children: /* @__PURE__ */ a("div", { ref: n, children: l }) });
+}), c = o(
+  ({ children: l, ...e }, t) => {
+    const r = N(null);
     return /* @__PURE__ */ a(
       "div",
       {
-        className: "mt-4 w-full cursor-pointer bg-white",
+        className: "mt-4 w-full",
         onClick: () => {
-          var l;
-          return (l = r.current) == null ? void 0 : l.focus();
+          var n;
+          return (n = r.current) == null ? void 0 : n.focus();
         },
         ref: t,
         ...e,
-        children: o
+        children: l
       }
     );
   }
-), m = n(({ children: o, required: e = !1 }, t) => /* @__PURE__ */ f(
-  "div",
-  {
-    ref: t,
-    className: "font-regular absolute -mt-3 ml-3 flex rounded-2xl bg-white px-1 text-sm ",
-    children: [
-      /* @__PURE__ */ a("p", { children: o }),
-      e && /* @__PURE__ */ a("p", { className: "font-semiBold text-lg text-error-default", children: " *" })
-    ]
-  }
-)), u = n(
-  ({ ...o }) => {
-    const { errors: e, placeholder: t } = d(i) || {};
+), m = o(({ children: l, required: e = !1 }, t) => /* @__PURE__ */ f("div", { ref: t, className: "font-regular text-md flex rounded-2xl px-1", children: [
+  /* @__PURE__ */ a("p", { children: l }),
+  e && /* @__PURE__ */ a("p", { className: "font-semiBold text-lg", children: " *" })
+] })), u = o(
+  ({ ...l }) => {
+    const { errors: e, placeholder: t } = x(d) || {};
     return /* @__PURE__ */ a(
       "textarea",
       {
-        className: "text-ink text-md w-full cursor-pointer rounded-md border border-black bg-white py-2 pl-4",
+        className: "text-ink text-md w-full rounded-md border border-gray-300  py-2 pl-4",
         placeholder: t
       }
     );
   }
-), p = n(({ children: o, ...e }, t) => {
-  const { errors: r } = d(i) || {};
+), p = o(({ children: l, ...e }, t) => {
+  const { errors: r } = x(d) || {};
   return /* @__PURE__ */ a(
     "div",
     {
       ref: t,
-      className: "font-regular gap-y-2 text-sm text-error-default",
+      className: "text-md gap-y-2 font-semibold text-error-default",
       ...e,
-      children: r == null ? void 0 : r.map((l, s) => /* @__PURE__ */ a("p", { children: l }, `error-msg-${s + 1}`))
+      children: r == null ? void 0 : r.map((n, s) => /* @__PURE__ */ a("p", { children: n }, `error-msg-${s + 1}`))
     }
   );
 });
-x.displayName = "TextArea";
+i.displayName = "TextArea";
 c.displayName = "TextArea.Item";
 m.displayName = "TextArea.Label";
 u.displayName = "TextArea.Box";
 p.displayName = "TextArea.Validation";
-const g = Object.assign(x, {
+const h = Object.assign(i, {
   Item: c,
   Label: m,
   Box: u,
   Validation: p
 });
 export {
-  g as TextArea
+  h as TextArea
 };

package/lib/styles/themes/penrithmrt.css

@@ -71,6 +71,12 @@ body.theme-penrithmrt {
   --color-button-bordered-text: #000000;
   --color-button-bordered-hover: #5f5f5f;
 
+  --color-button-basic-active: #acacac;
+  --color-button-basic-border: #ffffff;
+  --color-button-basic-bg: #ffffff;
+  --color-button-basic-text: #3C2F71;
+  --color-button-basic-hover: #cecece;
+
   /* Footer */
   --color-footer-bg: #1b54c6;
   --color-footer-text: #ffffff;

package/lib/tailwind/colors.ts

@@ -61,6 +61,13 @@ export default {
       text: 'var(--color-button-bordered-text)',
       hover: 'var(--color-button-bordered-hover)',
     },
+    basic: {
+      active: 'var(--color-button-basic-active)',
+      border: 'var(--color-button-basic-border)',
+      bg: 'var(--color-button-basic-bg)',
+      text: 'var(--color-button-basic-text)',
+      hover: 'var(--color-button-basic-hover)',
+    },
   },
   tubestop: {
     station: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.20",
+  "version": "2.3.22",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,