trepur_components 2.4.3 → 2.4.5

package/lib/components/Input/index.js

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as o, useMemo as v, createContext as L, useContext as p } from "react";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as o, useMemo as v, createContext as h, useContext as p } from "react";
 import d from "clsx";
-const s = L(null), x = o(({ children: n, className: a, errors: t, placeholder: l, ...e }, i) => {
+const s = h(null), x = o(({ children: r, className: a, errors: t, placeholder: l, ...e }, i) => {
   const m = v(
     () => ({
       errors: t,
@@ -10,24 +10,24 @@ const s = L(null), x = o(({ children: n, className: a, errors: t, placeholder: l
     }),
     [t, e]
   );
-  return /* @__PURE__ */ r(s.Provider, { value: m, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(s.Provider, { value: m, children: /* @__PURE__ */ n(
     "div",
     {
       ref: i,
       className: d("grid grid-cols-1 gap-2 w-full rounded-md", a),
       ...e,
-      children: n
+      children: r
     }
   ) });
-}), f = o(({ children: n, handleChange: a, onClick: t, onBlur: l, ...e }, i) => {
+}), f = o(({ children: r, handleChange: a, onClick: t, onBlur: l, ...e }, i) => {
   const { placeholder: m, value: g, errors: u } = p(s) || {};
   return /* @__PURE__ */ c("div", { ref: i, className: "group/input relative isolate flex w-full", children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       "input",
       {
         placeholder: m,
         className: d(
-          "rounded-md flex w-full bg-card px-3 py-1.5 text-sm placeholder:text-gray-500",
+          "h-10 border border-black rounded-md flex w-full bg-card px-3 py-1.5 text-sm placeholder:text-gray-500",
           {
             "border-border border": !u,
             "border-red-600 border-2": u
@@ -50,39 +50,39 @@ const s = L(null), x = o(({ children: n, className: a, errors: t, placeholder: l
         onFocus: e.onFocus
       }
     ),
-    n
+    r
   ] });
 }), b = o(
-  ({ className: n, children: a }, t) => /* @__PURE__ */ r(
+  ({ className: r, children: a }, t) => /* @__PURE__ */ n(
     "div",
     {
       ref: t,
       className: d(
         "absolute right-1 top-1/2 my-auto -translate-y-1/2",
-        n
+        r
       ),
       children: a
     }
   )
-), y = o(({ className: n, children: a, required: t = !1 }, l) => /* @__PURE__ */ c(
+), y = o(({ className: r, children: a, required: t = !1 }, l) => /* @__PURE__ */ c(
   "div",
   {
     ref: l,
-    className: d("flex px-1 text-sm font-normal leading-5", n),
+    className: d("flex px-1 text-sm font-normal leading-5", r),
     children: [
-      /* @__PURE__ */ r("p", { children: a }),
-      t && /* @__PURE__ */ r("p", { className: "text-sm font-normal", children: "*" })
+      /* @__PURE__ */ n("p", { children: a }),
+      t && /* @__PURE__ */ n("p", { className: "text-sm font-normal", children: "*" })
     ]
   }
-)), I = o(({ ...n }, a) => {
+)), I = o(({ ...r }, a) => {
   const { errors: t } = p(s) || {};
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: a,
       className: "text-sm pl-1 font-medium text-error-default",
-      ...n,
-      children: t == null ? void 0 : t.map((l, e) => /* @__PURE__ */ r("p", { children: l }, `error-msg-${e + 1}`))
+      ...r,
+      children: t == null ? void 0 : t.map((l, e) => /* @__PURE__ */ n("p", { children: l }, `error-msg-${e + 1}`))
     }
   );
 });

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

@@ -7,9 +7,13 @@ declare const meta: {
         Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
             value: string;
         } & import('react').RefAttributes<HTMLLIElement>>;
+        Label: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLDivElement> & {
+            required?: boolean;
+        } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     };
     parameters: {};
     args: {
+        label: string;
         children: import("react/jsx-runtime").JSX.Element[];
     };
 };

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

@@ -7,12 +7,17 @@ export interface SelectContextProps {
     onChange?: (value: string) => void;
     open?: boolean;
     setOpen?: (open: boolean) => void;
-    internalValue: string;
-    setInternalValue: (val: string) => void;
+    internalValue?: string;
+    setInternalValue?: (val: string) => void;
+    label?: string;
+    handleChange?: (e: any) => void;
 }
 declare const Select: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & SelectContextProps & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
         value: string;
     } & import('react').RefAttributes<HTMLLIElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement> & {
+        required?: boolean;
+    } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Select };

package/lib/components/Select/index.js

@@ -1,62 +1,64 @@
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as i, useState as N, useCallback as b, useEffect as M, createContext as V, useContext as p } from "react";
-import c from "clsx";
-import { Input as u } from "../Input/index.js";
-import { Card as z } from "../Card/index.js";
-import { Button as y } from "../Button/index.js";
-import { faCaretDown as A } from "@fortawesome/fontawesome-free-solid";
-const m = V(null), v = i(
+import { forwardRef as i, useState as x, useCallback as y, useEffect as A, createContext as E, useContext as p } from "react";
+import u from "clsx";
+import { Input as m } from "../Input/index.js";
+import { Card as H } from "../Card/index.js";
+import { Button as v } from "../Button/index.js";
+import { faCaretDown as P } from "@fortawesome/fontawesome-free-solid";
+const d = E(null), w = i(
   ({
     id: l,
     open: a,
     defaultOpen: r,
     onOpenChange: t,
     onChange: e,
-    className: n,
-    children: d,
-    loading: k,
-    ...T
+    className: c,
+    children: s,
+    loading: f,
+    label: T,
+    ...B
   }) => {
-    const [h, B] = N(a ?? r), [f, S] = N(""), x = b(
-      (s) => {
-        B(s), t == null || t(s);
+    const [D, M] = x(a ?? r), [S, b] = x(""), N = y(
+      (n) => {
+        M(n), t == null || t(n);
       },
       [t]
-    ), D = {
-      loading: k,
-      open: h,
-      setOpen: x,
-      internalValue: f,
-      setInternalValue: S
+    ), V = {
+      loading: f,
+      label: T,
+      open: D,
+      setOpen: N,
+      internalValue: S,
+      setInternalValue: b
     };
-    M(
-      () => x(a ?? r ?? !1),
-      [a, r, x]
+    A(
+      () => N(a ?? r ?? !1),
+      [a, r, N]
     );
-    const L = b(
-      (s) => {
-        f.includes(s) ? (S(""), e == null || e("")) : (S(s), e == null || e(s));
+    const z = y(
+      (n) => {
+        S.includes(n) ? (b(""), e == null || e("")) : (b(n), e == null || e(n));
       },
-      [f, e]
+      [S, e]
     );
-    return /* @__PURE__ */ o(m.Provider, { value: D, children: /* @__PURE__ */ I("div", { className: "grid gap-1", children: [
+    return /* @__PURE__ */ o(d.Provider, { value: V, children: /* @__PURE__ */ I("div", { className: "grid gap-1", children: [
       /* @__PURE__ */ o(
-        w,
+        g,
         {
           id: l,
-          className: n,
-          onChange: () => L,
-          ...T,
-          children: d
+          className: c,
+          onChange: () => z,
+          ...B,
+          children: s
         }
       ),
-      /* @__PURE__ */ o(g, { children: d })
+      /* @__PURE__ */ o(j, { children: s })
     ] }) });
   }
-), E = i(({ className: l, ...a }, r) => {
-  const { open: t, setOpen: e } = p(m) || {};
+), R = i(({ className: l, ...a }, r) => {
+  const { open: t, setOpen: e } = p(d) || {};
   return /* @__PURE__ */ o(
-    y,
+    v,
     {
       ref: r,
       className: l,
@@ -66,22 +68,22 @@ const m = V(null), v = i(
       size: "sm",
       ...a,
       children: /* @__PURE__ */ o(
-        y.Icon,
+        v.Icon,
         {
-          className: c("transition-transform duration-300 ease-in-out", {
+          className: u("transition-transform duration-300 ease-in-out", {
             "rotate-180 transform": t
           }),
-          icon: A
+          icon: P
         }
       )
     }
   );
-}), w = i(({ className: l }, a) => {
-  const { open: r, setOpen: t, internalValue: e } = p(m) || {};
+}), L = i(({ className: l, children: a }, r) => /* @__PURE__ */ o(m.Label, { className: l, ref: r, children: a })), g = i(({ className: l }, a) => {
+  const { open: r, setOpen: t, internalValue: e, label: c, handleChange: s } = p(d) || {};
   return /* @__PURE__ */ I(
-    u,
+    m,
     {
-      className: c(
+      className: u(
         "w-full rounded-md bg-white caret-transparent ",
         l
       ),
@@ -89,30 +91,31 @@ const m = V(null), v = i(
       "data-open": r,
       placeholder: "boo",
       value: e ?? "",
+      onChange: (f) => s == null ? void 0 : s(f.target.value),
       children: [
-        /* @__PURE__ */ o(u.Label, { children: "sdfgh" }),
+        /* @__PURE__ */ o(m.Label, { children: c }),
         /* @__PURE__ */ o(
-          u.Wrapper,
+          m.Wrapper,
           {
             onClick: () => t == null ? void 0 : t(!r),
             onBlur: () => t == null ? void 0 : t(!1),
-            className: c(
+            className: u(
               "caret-transparent rounded hover:cursor-pointer data-[open=true]:border-primary data-[open=true]:ring-1 data-[open=true]:ring-primary",
               l
             ),
-            children: /* @__PURE__ */ o(u.Actions, { children: /* @__PURE__ */ o(E, {}) })
+            children: /* @__PURE__ */ o(m.Actions, { children: /* @__PURE__ */ o(R, {}) })
           }
         )
       ]
     }
   );
-}), g = i(({ children: l, className: a, ...r }, t) => {
-  const { open: e } = p(m) || {};
+}), j = i(({ children: l, className: a, ...r }, t) => {
+  const { open: e } = p(d) || {};
   return e ? /* @__PURE__ */ o(
-    z,
+    H,
     {
       ref: t,
-      className: c(
+      className: u(
         "!px-0 data-[state=open]:animate-in w-full data-[state=open]:fade-in-0",
         a
       ),
@@ -120,30 +123,32 @@ const m = V(null), v = i(
       children: /* @__PURE__ */ o("ul", { children: l })
     }
   ) : null;
-}), j = i(({ children: l, value: a, className: r, ...t }, e) => {
-  const { setInternalValue: n } = p(m) || {};
+}), k = i(({ children: l, value: a, className: r, ...t }, e) => {
+  const { setInternalValue: c } = p(d) || {};
   return /* @__PURE__ */ o(
     "li",
     {
       ref: e,
-      className: c(
+      className: u(
         "hover:cursor-pointer hover:bg-gray-100 w-full py-2 px-4",
         r
       ),
       value: a,
-      onMouseDown: (d) => n == null ? void 0 : n(d.target.innerHTML),
+      onMouseDown: (s) => c == null ? void 0 : c(s.target.innerHTML),
       ...t,
       children: l
     }
   );
 });
-v.displayName = "Select";
-g.displayName = "Select.Content";
-w.displayName = "Select.Trigger";
-j.displayName = "Select.Item";
-const J = Object.assign(v, {
-  Item: j
+w.displayName = "Select";
+j.displayName = "Select.Content";
+g.displayName = "Select.Trigger";
+k.displayName = "Select.Item";
+L.displayName = "Select.Label";
+const Q = Object.assign(w, {
+  Item: k,
+  Label: L
 });
 export {
-  J as Select
+  Q as Select
 };

package/lib/styles/global.css

@@ -1,5 +1,6 @@
 @import './themes/local.css';
 @import './themes/penrithmrt.css';
+@import './themes/paa.css';
 
 @tailwind base;
 @tailwind components;

package/lib/styles/themes/paa.css

@@ -1,4 +1,4 @@
-body.theme-penrithmrt {
+body.theme-paa {
   --color-primary: #68a97b;
   --color-secondary: #1d341e;
   --color-tertiary: #ede9d3;

package/package.json

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