@coinloger/dev-ui 0.1.1 → 0.1.3

package/dist/esm/components/Input/Input.js

@@ -1,61 +1,31 @@
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { forwardRef as c, useId as b } from "react";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { forwardRef as d, useId as f } from "react";
 import { clsx as r } from "clsx";
-import * as e from "prop-types";
 /* empty css          */
-const u = c(
-  ({ className: p, label: t, error: i, helperText: o, fullWidth: l, size: a = "md", id: m, ...d }, f) => {
-    const s = m || b();
-    return /* @__PURE__ */ g("div", { className: r("ui-input-wrapper", l && "ui-input-wrapper-full"), children: [
-      t && /* @__PURE__ */ n("label", { htmlFor: s, className: "ui-label", children: t }),
-      /* @__PURE__ */ n(
+const h = d(
+  ({ className: s, label: p, error: t, helperText: u, fullWidth: n, size: a = "md", id: l, ...m }, o) => {
+    const e = l || f();
+    return /* @__PURE__ */ c("div", { className: r("ui-input-wrapper", n && "ui-input-wrapper-full"), children: [
+      p && /* @__PURE__ */ i("label", { htmlFor: e, className: "ui-label", children: p }),
+      /* @__PURE__ */ i(
         "input",
         {
-          ref: f,
-          id: s,
+          ref: o,
+          id: e,
           className: r(
             "ui-input",
             `ui-input-${a}`,
-            i && "ui-input-error",
-            p
+            t && "ui-input-error",
+            s
           ),
-          ...d
+          ...m
         }
       ),
-      o && /* @__PURE__ */ n("span", { className: r("ui-helper-text", i && "ui-helper-text-error"), children: o })
+      u && /* @__PURE__ */ i("span", { className: r("ui-helper-text", t && "ui-helper-text-error"), children: u })
     ] });
   }
 );
-u.displayName = "Input";
-u.propTypes = {
-  label: e.node,
-  error: e.bool,
-  helperText: e.string,
-  fullWidth: e.bool,
-  size: e.oneOf(["sm", "md", "lg", "xl"]),
-  value: e.oneOfType([e.string, e.number]),
-  defaultValue: e.oneOfType([e.string, e.number]),
-  onChange: e.func,
-  onBlur: e.func,
-  onFocus: e.func,
-  name: e.string,
-  id: e.string,
-  placeholder: e.string,
-  type: e.string,
-  disabled: e.bool,
-  readOnly: e.bool,
-  required: e.bool,
-  autoComplete: e.string,
-  autoFocus: e.bool,
-  min: e.oneOfType([e.string, e.number]),
-  max: e.oneOfType([e.string, e.number]),
-  step: e.oneOfType([e.string, e.number]),
-  minLength: e.number,
-  maxLength: e.number,
-  pattern: e.string,
-  inputMode: e.string,
-  className: e.string
-};
+h.displayName = "Input";
 export {
-  u as Input
+  h as Input
 };

package/dist/esm/components/Modal/Modal.d.ts

@@ -1,16 +1,11 @@
 import { ReactNode } from 'react';
 
-import * as PropTypes from 'prop-types';
 export declare const ModalHeader: {
     ({ children, className }: {
         children: ReactNode;
         className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export declare const ModalBody: {
     ({ children, className }: {
@@ -18,10 +13,6 @@ export declare const ModalBody: {
         className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 export declare const ModalFooter: {
     ({ children, className }: {
@@ -29,10 +20,6 @@ export declare const ModalFooter: {
         className?: string;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-    };
 };
 /**
  * Modal component properties.
@@ -76,16 +63,6 @@ export interface ModalProps {
 export declare const Modal: {
     ({ isOpen, onClose, title, children, footer, size, className, closeOnBackdropClick, }: ModalProps): import('react').ReactPortal | null;
     displayName: string;
-    propTypes: {
-        isOpen: PropTypes.Validator<boolean>;
-        onClose: PropTypes.Validator<(...args: any[]) => any>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        closeOnBackdropClick: PropTypes.Requireable<boolean>;
-    };
 } & {
     Header: {
         ({ children, className }: {
@@ -93,10 +70,6 @@ export declare const Modal: {
             className?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
-        propTypes: {
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-        };
     };
     Body: {
         ({ children, className }: {
@@ -104,10 +77,6 @@ export declare const Modal: {
             className?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
-        propTypes: {
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-        };
     };
     Footer: {
         ({ children, className }: {
@@ -115,9 +84,5 @@ export declare const Modal: {
             className?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
-        propTypes: {
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-        };
     };
 };

package/dist/esm/components/Modal/Modal.js

@@ -1,123 +1,100 @@
-import { jsx as r, jsxs as c, Fragment as C } from "react/jsx-runtime";
-import { createContext as E, useRef as B, useState as R, useEffect as h, useContext as T } from "react";
-import { createPortal as j } from "react-dom";
-import { clsx as l } from "clsx";
-import * as o from "prop-types";
+import { jsx as e, jsxs as r, Fragment as g } from "react/jsx-runtime";
+import { createContext as E, useRef as C, useState as B, useEffect as f, useContext as j } from "react";
+import { createPortal as F } from "react-dom";
+import { clsx as d } from "clsx";
 /* empty css          */
-const v = E(void 0), F = () => {
-  const e = T(v);
-  if (!e)
+const h = E(void 0), L = () => {
+  const o = j(h);
+  if (!o)
     throw new Error("Modal compound components must be used within a Modal");
-  return e;
-}, a = ({ children: e, className: d }) => {
-  const { onClose: n } = F();
-  return /* @__PURE__ */ c("div", { className: l("ui-modal-header", d), children: [
-    /* @__PURE__ */ r("h3", { className: "ui-modal-title", children: e }),
-    /* @__PURE__ */ r(
+  return o;
+}, n = ({ children: o, className: t }) => {
+  const { onClose: a } = L();
+  return /* @__PURE__ */ r("div", { className: d("ui-modal-header", t), children: [
+    /* @__PURE__ */ e("h3", { className: "ui-modal-title", children: o }),
+    /* @__PURE__ */ e(
       "button",
       {
         className: "ui-modal-close",
-        onClick: n,
+        onClick: a,
         "aria-label": "Close modal",
-        children: /* @__PURE__ */ c("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-          /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        children: /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+          /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
         ] })
       }
     )
   ] });
-}, i = ({ children: e, className: d }) => /* @__PURE__ */ r("div", { className: l("ui-modal-body", d), children: e }), s = ({ children: e, className: d }) => /* @__PURE__ */ r("div", { className: l("ui-modal-footer", d), children: e }), m = ({
-  isOpen: e,
-  onClose: d,
-  title: n,
-  children: u,
-  footer: y,
+}, i = ({ children: o, className: t }) => /* @__PURE__ */ e("div", { className: d("ui-modal-body", t), children: o }), s = ({ children: o, className: t }) => /* @__PURE__ */ e("div", { className: d("ui-modal-footer", t), children: o }), v = ({
+  isOpen: o,
+  onClose: t,
+  title: a,
+  children: c,
+  footer: m,
   size: x = "md",
-  className: N,
-  closeOnBackdropClick: g = !0
+  className: M,
+  closeOnBackdropClick: k = !0
 }) => {
-  const p = B(null), [k, f] = R(e);
-  h(() => {
-    e && f(!0);
-  }, [e]);
-  const M = () => {
-    e || f(!1);
+  const u = C(null), [N, y] = B(o);
+  f(() => {
+    o && y(!0);
+  }, [o]);
+  const b = () => {
+    o || y(!1);
   };
-  if (h(() => {
-    const t = (w) => {
-      w.key === "Escape" && d();
+  if (f(() => {
+    const l = (w) => {
+      w.key === "Escape" && t();
     };
-    return e && (document.addEventListener("keydown", t), document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", t), document.body.style.overflow = "";
+    return o && (document.addEventListener("keydown", l), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", l), document.body.style.overflow = "";
     };
-  }, [e, d]), !k) return null;
-  const b = (t) => {
-    g && t.target === p.current && d();
+  }, [o, t]), !N) return null;
+  const p = (l) => {
+    k && l.target === u.current && t();
   };
-  return j(
-    /* @__PURE__ */ r(v.Provider, { value: { onClose: d }, children: /* @__PURE__ */ r(
+  return F(
+    /* @__PURE__ */ e(h.Provider, { value: { onClose: t }, children: /* @__PURE__ */ e(
       "div",
       {
-        className: l("ui-modal-overlay", !e && "ui-modal-closing"),
-        ref: p,
-        onClick: b,
-        onAnimationEnd: M,
-        children: /* @__PURE__ */ r(
+        className: d("ui-modal-overlay", !o && "ui-modal-closing"),
+        ref: u,
+        onClick: p,
+        onAnimationEnd: b,
+        children: /* @__PURE__ */ e(
           "div",
           {
-            className: l(
+            className: d(
               "ui-modal",
               `ui-modal-${x}`,
-              !e && "ui-modal-closing",
-              N
+              !o && "ui-modal-closing",
+              M
             ),
             role: "dialog",
             "aria-modal": "true",
-            children: n ? /* @__PURE__ */ c(C, { children: [
-              /* @__PURE__ */ r(a, { children: n }),
-              /* @__PURE__ */ r(i, { children: u }),
-              y && /* @__PURE__ */ r(s, { children: y })
-            ] }) : u
+            children: a ? /* @__PURE__ */ r(g, { children: [
+              /* @__PURE__ */ e(n, { children: a }),
+              /* @__PURE__ */ e(i, { children: c }),
+              m && /* @__PURE__ */ e(s, { children: m })
+            ] }) : c
           }
         )
       }
     ) }),
     document.body
   );
-}, V = Object.assign(m, {
-  Header: a,
+}, I = Object.assign(v, {
+  Header: n,
   Body: i,
   Footer: s
 });
-m.displayName = "Modal";
-a.displayName = "ModalHeader";
+v.displayName = "Modal";
+n.displayName = "ModalHeader";
 i.displayName = "ModalBody";
 s.displayName = "ModalFooter";
-m.propTypes = {
-  isOpen: o.bool.isRequired,
-  onClose: o.func.isRequired,
-  title: o.node,
-  children: o.node,
-  footer: o.node,
-  size: o.oneOf(["sm", "md", "lg", "xl"]),
-  className: o.string,
-  closeOnBackdropClick: o.bool
-};
-a.propTypes = {
-  children: o.node,
-  className: o.string
-};
-i.propTypes = {
-  children: o.node,
-  className: o.string
-};
-s.propTypes = {
-  children: o.node,
-  className: o.string
-};
 export {
-  V as Modal,
+  I as Modal,
   i as ModalBody,
   s as ModalFooter,
-  a as ModalHeader
+  n as ModalHeader
 };

package/dist/esm/components/Radio/Radio.js

@@ -1,52 +1,36 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { clsx as c } from "clsx";
-import * as r from "prop-types";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { clsx as l } from "clsx";
 /* empty css          */
-const e = t(
-  ({ className: s, label: a, error: u, disabled: i, size: d = "md", variant: n = "primary", ...l }, m) => /* @__PURE__ */ p(
+const u = p(
+  ({ className: o, label: a, error: c, disabled: r, size: s = "md", variant: d = "primary", ...e }, m) => /* @__PURE__ */ t(
     "label",
     {
-      className: c(
+      className: l(
         "ui-radio-label",
+        `ui-radio-${s}`,
         `ui-radio-${d}`,
-        `ui-radio-${n}`,
-        i && "ui-radio-disabled",
-        s
+        r && "ui-radio-disabled",
+        o
       ),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "input",
           {
             type: "radio",
             className: "ui-radio-input",
-            disabled: i,
+            disabled: r,
             ref: m,
-            ...l
+            ...e
           }
         ),
-        /* @__PURE__ */ o("span", { className: "ui-radio-custom", children: /* @__PURE__ */ o("span", { className: "ui-radio-dot" }) }),
-        a && /* @__PURE__ */ o("span", { className: "ui-radio-text", children: a })
+        /* @__PURE__ */ i("span", { className: "ui-radio-custom", children: /* @__PURE__ */ i("span", { className: "ui-radio-dot" }) }),
+        a && /* @__PURE__ */ i("span", { className: "ui-radio-text", children: a })
       ]
     }
   )
 );
-e.displayName = "Radio";
-e.propTypes = {
-  label: r.node,
-  error: r.bool,
-  size: r.oneOf(["sm", "md", "lg", "xl"]),
-  variant: r.oneOf(["primary", "success", "warning", "danger"]),
-  checked: r.bool,
-  defaultChecked: r.bool,
-  onChange: r.func,
-  name: r.string,
-  value: r.oneOfType([r.string, r.number]),
-  disabled: r.bool,
-  required: r.bool,
-  id: r.string,
-  className: r.string
-};
+u.displayName = "Radio";
 export {
-  e as Radio
+  u as Radio
 };

package/dist/esm/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import * as PropTypes from 'prop-types';
+
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -57,20 +57,4 @@ export interface SelectProps {
 export declare const Select: {
     ({ options, value, onChange, placeholder, label, error, helperText, disabled, fullWidth, size, className, }: SelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-    propTypes: {
-        options: PropTypes.Validator<(PropTypes.InferProps<{
-            value: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-            label: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        placeholder: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        error: PropTypes.Requireable<boolean>;
-        helperText: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        fullWidth: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
 };

package/dist/esm/components/Select/Select.js

@@ -1,129 +1,112 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useState as y, useRef as S, useEffect as N } from "react";
-import { clsx as l } from "clsx";
-import * as e from "prop-types";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useState as N, useRef as C, useEffect as g } from "react";
+import { clsx as n } from "clsx";
 /* empty css           */
-const x = ({
-  options: a,
-  value: u,
-  onChange: f,
-  placeholder: k = "Select an option",
-  label: h,
-  error: b,
-  helperText: g,
-  disabled: d,
-  fullWidth: v,
-  size: L = "md",
-  className: O
+const O = ({
+  options: c,
+  value: a,
+  onChange: p,
+  placeholder: x = "Select an option",
+  label: f,
+  error: h,
+  helperText: v,
+  disabled: u,
+  fullWidth: w,
+  size: k = "md",
+  className: y
 }) => {
-  const [s, p] = y(!1), [E, w] = y("bottom"), n = S(null), m = a.find((t) => t.value === u), r = () => {
-    if (n.current) {
-      const t = n.current.getBoundingClientRect(), o = window.innerHeight - t.bottom, C = t.top;
-      o < 250 && C > o ? w("top") : w("bottom");
+  const [t, d] = N(!1), [L, b] = N("bottom"), i = C(null), m = c.find((e) => e.value === a), l = () => {
+    if (i.current) {
+      const e = i.current.getBoundingClientRect(), o = window.innerHeight - e.bottom, B = e.top;
+      o < 250 && B > o ? b("top") : b("bottom");
     }
-  }, R = () => {
-    d || (s || r(), p(!s));
-  }, T = (t) => {
-    f && f(t), p(!1);
+  }, E = () => {
+    u || (t || l(), d(!t));
+  }, S = (e) => {
+    p && p(e), d(!1);
   };
-  return N(() => (s && (window.addEventListener("resize", r), window.addEventListener("scroll", r, { capture: !0 })), () => {
-    window.removeEventListener("resize", r), window.removeEventListener("scroll", r, { capture: !0 });
-  }), [s]), N(() => {
-    const t = (o) => {
-      n.current && !n.current.contains(o.target) && p(!1);
+  return g(() => (t && (window.addEventListener("resize", l), window.addEventListener("scroll", l, { capture: !0 })), () => {
+    window.removeEventListener("resize", l), window.removeEventListener("scroll", l, { capture: !0 });
+  }), [t]), g(() => {
+    const e = (o) => {
+      i.current && !i.current.contains(o.target) && d(!1);
     };
-    return s && document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
+    return t && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
     };
-  }, [s]), /* @__PURE__ */ c(
+  }, [t]), /* @__PURE__ */ r(
     "div",
     {
-      className: l("ui-select-wrapper", v && "ui-w-full", O),
-      ref: n,
-      style: { width: v ? "100%" : "auto" },
+      className: n("ui-select-wrapper", w && "ui-w-full", y),
+      ref: i,
+      style: { width: w ? "100%" : "auto" },
       children: [
-        h && /* @__PURE__ */ i("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: h }),
-        /* @__PURE__ */ c("div", { className: "ui-select-input-container", children: [
-          /* @__PURE__ */ c(
+        f && /* @__PURE__ */ s("label", { className: "ui-label", style: { marginBottom: "0.375rem", display: "block" }, children: f }),
+        /* @__PURE__ */ r("div", { className: "ui-select-input-container", children: [
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              className: l(
+              className: n(
                 "ui-select-trigger",
-                `ui-select-${L}`,
-                b && "ui-select-error",
-                d && "ui-select-disabled",
-                s && "ui-select-open"
+                `ui-select-${k}`,
+                h && "ui-select-error",
+                u && "ui-select-disabled",
+                t && "ui-select-open"
               ),
-              onClick: R,
-              disabled: d,
+              onClick: E,
+              disabled: u,
               "aria-haspopup": "listbox",
-              "aria-expanded": s,
+              "aria-expanded": t,
               children: [
-                /* @__PURE__ */ i("span", { className: l(!m && "ui-select-placeholder"), children: m ? m.label : k }),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ s("span", { className: n(!m && "ui-select-placeholder"), children: m ? m.label : x }),
+                /* @__PURE__ */ s(
                   "svg",
                   {
                     className: "ui-select-icon",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ i("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                    children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
                   }
                 )
               ]
             }
           ),
-          s && /* @__PURE__ */ c(
+          t && /* @__PURE__ */ r(
             "ul",
             {
-              className: l(
+              className: n(
                 "ui-select-menu",
-                E === "top" && "ui-select-menu-top"
+                L === "top" && "ui-select-menu-top"
               ),
               role: "listbox",
               children: [
-                a.map((t) => /* @__PURE__ */ i(
+                c.map((e) => /* @__PURE__ */ s(
                   "li",
                   {
-                    className: l(
+                    className: n(
                       "ui-select-option",
-                      t.value === u && "ui-select-selected"
+                      e.value === a && "ui-select-selected"
                     ),
-                    onClick: () => T(t.value),
+                    onClick: () => S(e.value),
                     role: "option",
-                    "aria-selected": t.value === u,
-                    children: t.label
+                    "aria-selected": e.value === a,
+                    children: e.label
                   },
-                  t.value
+                  e.value
                 )),
-                a.length === 0 && /* @__PURE__ */ i("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
+                c.length === 0 && /* @__PURE__ */ s("li", { className: "ui-select-option", style: { color: "var(--ui-text-muted)", cursor: "default" }, children: "No options" })
               ]
             }
           )
         ] }),
-        g && /* @__PURE__ */ i("span", { className: l("ui-helper-text", b && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: g })
+        v && /* @__PURE__ */ s("span", { className: n("ui-helper-text", h && "ui-helper-text-error"), style: { marginTop: "0.375rem", display: "block" }, children: v })
       ]
     }
   );
 };
-x.displayName = "Select";
-x.propTypes = {
-  options: e.arrayOf(e.shape({
-    value: e.oneOfType([e.string, e.number]).isRequired,
-    label: e.string.isRequired
-  })).isRequired,
-  value: e.oneOfType([e.string, e.number]),
-  onChange: e.func,
-  placeholder: e.string,
-  label: e.string,
-  error: e.bool,
-  helperText: e.string,
-  disabled: e.bool,
-  fullWidth: e.bool,
-  size: e.oneOf(["sm", "md", "lg", "xl"]),
-  className: e.string
-};
+O.displayName = "Select";
 export {
-  x as Select
+  O as Select
 };