@coinloger/dev-ui 0.1.1 → 0.1.4

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,31 +1,30 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { clsx as u } from "clsx";
-import * as e from "prop-types";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { clsx as x } from "clsx";
 /* empty css             */
-const i = p(
-  ({ className: s, label: r, error: b, disabled: c, size: n = "md", variant: a = "primary", ...l }, t) => /* @__PURE__ */ m(
+const m = t(
+  ({ className: r, label: o, error: h, disabled: c, size: i = "md", variant: s = "primary", ...n }, a) => /* @__PURE__ */ l(
     "label",
     {
-      className: u(
+      className: x(
         "ui-checkbox-label",
-        `ui-checkbox-${n}`,
-        `ui-checkbox-${a}`,
+        `ui-checkbox-${i}`,
+        `ui-checkbox-${s}`,
         c && "ui-checkbox-disabled",
-        s
+        r
       ),
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             className: "ui-checkbox-input",
             disabled: c,
-            ref: t,
-            ...l
+            ref: a,
+            ...n
           }
         ),
-        /* @__PURE__ */ o("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ e("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ e(
           "svg",
           {
             className: "ui-checkbox-icon",
@@ -34,30 +33,15 @@ const i = p(
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
+            children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
           }
         ) }),
-        r && /* @__PURE__ */ o("span", { className: "ui-checkbox-text", children: r })
+        o && /* @__PURE__ */ e("span", { className: "ui-checkbox-text", children: o })
       ]
     }
   )
 );
-i.displayName = "Checkbox";
-i.propTypes = {
-  label: e.node,
-  error: e.bool,
-  size: e.oneOf(["sm", "md", "lg", "xl"]),
-  variant: e.oneOf(["primary", "success", "warning", "danger"]),
-  checked: e.bool,
-  defaultChecked: e.bool,
-  onChange: e.func,
-  name: e.string,
-  value: e.oneOfType([e.string, e.number]),
-  disabled: e.bool,
-  required: e.bool,
-  id: e.string,
-  className: e.string
-};
+m.displayName = "Checkbox";
 export {
-  i as Checkbox
+  m as Checkbox
 };

package/dist/esm/components/Container/Container.js

@@ -1,31 +1,24 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import { clsx as c } from "clsx";
-import * as o from "prop-types";
 /* empty css              */
-const r = l(
+const f = m(
   ({
-    className: e,
-    children: s,
+    className: r,
+    children: o,
     fluid: i = !1,
     as: a = "div",
-    ...n
+    ...s
   }, t) => {
-    const m = c(
+    const e = c(
       "ui-container",
       i && "ui-container--fluid",
-      e
+      r
     );
-    return /* @__PURE__ */ p(a, { ref: t, className: m, ...n, children: s });
+    return /* @__PURE__ */ n(a, { ref: t, className: e, ...s, children: o });
   }
 );
-r.displayName = "Container";
-r.propTypes = {
-  fluid: o.bool,
-  as: o.elementType,
-  children: o.node,
-  className: o.string
-};
+f.displayName = "Container";
 export {
-  r as Container
+  f as Container
 };

package/dist/esm/components/Flex/Flex.js

@@ -1,57 +1,39 @@
-import { jsx as w } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { clsx as O } from "clsx";
-import * as e from "prop-types";
-import { FlexItem as g } from "./FlexItem.js";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { clsx as w } from "clsx";
+import { FlexItem as F } from "./FlexItem.js";
 /* empty css         */
-const s = b(
+const s = $(
   ({
-    className: o,
-    children: n,
-    direction: i = "row",
-    justify: l = "start",
+    className: i,
+    children: l,
+    direction: r = "row",
+    justify: o = "start",
     align: m = "stretch",
     wrap: f = "nowrap",
-    gap: r = "md",
-    inline: a = !1,
-    as: p = "div",
-    style: c,
-    ...u
-  }, d) => {
-    const t = typeof r == "number" || typeof r == "string" && !["sm", "md", "lg", "xl"].includes(r), x = O(
-      a ? "ui-flex--inline" : "ui-flex",
-      `ui-flex--dir-${i}`,
-      `ui-flex--justify-${l}`,
+    gap: e = "md",
+    inline: x = !1,
+    as: u = "div",
+    style: n,
+    ...c
+  }, a) => {
+    const t = typeof e == "number" || typeof e == "string" && !["sm", "md", "lg", "xl"].includes(e), p = w(
+      x ? "ui-flex--inline" : "ui-flex",
+      `ui-flex--dir-${r}`,
+      `ui-flex--justify-${o}`,
       `ui-flex--align-${m}`,
       `ui-flex--wrap-${f}`,
-      !t && r && `ui-flex--gap-${r}`,
-      o
-    ), y = {
-      ...c,
-      ...t ? { gap: r } : {}
+      !t && e && `ui-flex--gap-${e}`,
+      i
+    ), d = {
+      ...n,
+      ...t ? { gap: e } : {}
     };
-    return /* @__PURE__ */ w(p, { ref: d, className: x, style: y, ...u, children: n });
+    return /* @__PURE__ */ y(u, { ref: a, className: p, style: d, ...c, children: l });
   }
 );
 s.displayName = "Flex";
-s.Item = g;
-s.propTypes = {
-  direction: e.oneOf(["row", "column", "row-reverse", "column-reverse"]),
-  justify: e.oneOf(["start", "center", "end", "between", "around", "evenly"]),
-  align: e.oneOf(["start", "center", "end", "stretch", "baseline"]),
-  wrap: e.oneOf(["nowrap", "wrap", "wrap-reverse"]),
-  gap: e.oneOfType([
-    e.oneOf(["sm", "md", "lg", "xl"]),
-    e.number,
-    e.string
-  ]),
-  inline: e.bool,
-  as: e.elementType,
-  children: e.node,
-  className: e.string,
-  style: e.object,
-  id: e.string
-};
+s.Item = F;
 export {
   s as Flex
 };

package/dist/esm/components/Flex/FlexItem.js

@@ -1,47 +1,33 @@
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { clsx as c } from "clsx";
-import * as e from "prop-types";
-const n = x(
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { clsx as u } from "clsx";
+const y = p(
   ({
-    className: l,
-    children: f,
-    grow: o,
-    shrink: r,
-    basis: s,
-    flex: t,
+    className: i,
+    children: s,
+    grow: e,
+    shrink: o,
+    basis: t,
+    flex: l,
     width: m,
-    order: i,
-    as: p = "div",
-    style: a,
+    order: f,
+    as: a = "div",
+    style: x,
     ...d
-  }, y) => {
-    const u = {
-      ...a,
-      ...o !== void 0 && { flexGrow: o === !0 ? 1 : o === !1 ? 0 : o },
-      ...r !== void 0 && { flexShrink: r === !0 ? 1 : r === !1 ? 0 : r },
-      ...s !== void 0 && { flexBasis: s },
-      ...t !== void 0 && { flex: t },
+  }, r) => {
+    const v = {
+      ...x,
+      ...e !== void 0 && { flexGrow: e === !0 ? 1 : e === !1 ? 0 : e },
+      ...o !== void 0 && { flexShrink: o === !0 ? 1 : o === !1 ? 0 : o },
+      ...t !== void 0 && { flexBasis: t },
+      ...l !== void 0 && { flex: l },
       ...m !== void 0 && { width: m },
-      ...i !== void 0 && { order: i }
+      ...f !== void 0 && { order: f }
     };
-    return /* @__PURE__ */ b(p, { ref: y, className: c("ui-flex-item", l), style: u, ...d, children: f });
+    return /* @__PURE__ */ c(a, { ref: r, className: u("ui-flex-item", i), style: v, ...d, children: s });
   }
 );
-n.displayName = "Flex.Item";
-n.propTypes = {
-  grow: e.oneOfType([e.bool, e.number]),
-  shrink: e.oneOfType([e.bool, e.number]),
-  basis: e.oneOfType([e.string, e.number]),
-  flex: e.oneOfType([e.string, e.number]),
-  width: e.oneOfType([e.string, e.number]),
-  order: e.number,
-  as: e.elementType,
-  children: e.node,
-  className: e.string,
-  style: e.object,
-  id: e.string
-};
+y.displayName = "Flex.Item";
 export {
-  n as FlexItem
+  y as FlexItem
 };

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
 };