@coinloger/dev-ui 0.0.1

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Card/Card.demo.d.ts

@@ -0,0 +1 @@
+export default function CardDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+    fullWidth?: boolean;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/Input/Input.demo.d.ts

@@ -0,0 +1 @@
+export default function InputDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    bordered?: boolean;
+    striped?: boolean;
+    hover?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export {};

package/dist/components/Table/Table.demo.d.ts

@@ -0,0 +1 @@
+export default function TableDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Theme/Theme.demo.d.ts

@@ -0,0 +1 @@
+export default function ThemeDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/default-theme.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from './types';
+
+declare const defaultTheme: ThemeConfig;
+export default defaultTheme;

package/dist/dev-ui.js

@@ -0,0 +1,690 @@
+import P from "react";
+var Z = { exports: {} }, N = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Oe;
+function cr() {
+  if (Oe) return N;
+  Oe = 1;
+  var R = P, f = Symbol.for("react.element"), h = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, y = R.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, _ = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(E, l, k) {
+    var m, O = {}, x = null, Y = null;
+    k !== void 0 && (x = "" + k), l.key !== void 0 && (x = "" + l.key), l.ref !== void 0 && (Y = l.ref);
+    for (m in l) d.call(l, m) && !_.hasOwnProperty(m) && (O[m] = l[m]);
+    if (E && E.defaultProps) for (m in l = E.defaultProps, l) O[m] === void 0 && (O[m] = l[m]);
+    return { $$typeof: f, type: E, key: x, ref: Y, props: O, _owner: y.current };
+  }
+  return N.Fragment = h, N.jsx = j, N.jsxs = j, N;
+}
+var W = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var we;
+function fr() {
+  return we || (we = 1, process.env.NODE_ENV !== "production" && function() {
+    var R = P, f = Symbol.for("react.element"), h = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), E = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), Q = Symbol.iterator, xe = "@@iterator";
+    function Ce(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = Q && e[Q] || e[xe];
+      return typeof r == "function" ? r : null;
+    }
+    var D = R.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        Se("error", e, t);
+      }
+    }
+    function Se(e, r, t) {
+      {
+        var n = D.ReactDebugCurrentFrame, o = n.getStackAddendum();
+        o !== "" && (r += "%s", t = t.concat([o]));
+        var u = t.map(function(i) {
+          return String(i);
+        });
+        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+      }
+    }
+    var Pe = !1, ke = !1, De = !1, Fe = !1, Ae = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function Ie(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === d || e === _ || Ae || e === y || e === k || e === m || Fe || e === Y || Pe || ke || De || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === O || e.$$typeof === j || e.$$typeof === E || e.$$typeof === l || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === ee || e.getModuleId !== void 0));
+    }
+    function $e(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var o = r.displayName || r.name || "";
+      return o !== "" ? t + "(" + o + ")" : t;
+    }
+    function re(e) {
+      return e.displayName || "Context";
+    }
+    function w(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case d:
+          return "Fragment";
+        case h:
+          return "Portal";
+        case _:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case k:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case E:
+            var r = e;
+            return re(r) + ".Consumer";
+          case j:
+            var t = e;
+            return re(t._context) + ".Provider";
+          case l:
+            return $e(e, e.render, "ForwardRef");
+          case O:
+            var n = e.displayName || null;
+            return n !== null ? n : w(e.type) || "Memo";
+          case x: {
+            var o = e, u = o._payload, i = o._init;
+            try {
+              return w(i(u));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var C = Object.assign, I = 0, te, ne, ae, ie, oe, ue, se;
+    function le() {
+    }
+    le.__reactDisabledLog = !0;
+    function Ne() {
+      {
+        if (I === 0) {
+          te = console.log, ne = console.info, ae = console.warn, ie = console.error, oe = console.group, ue = console.groupCollapsed, se = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: le,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        I++;
+      }
+    }
+    function We() {
+      {
+        if (I--, I === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: C({}, e, {
+              value: te
+            }),
+            info: C({}, e, {
+              value: ne
+            }),
+            warn: C({}, e, {
+              value: ae
+            }),
+            error: C({}, e, {
+              value: ie
+            }),
+            group: C({}, e, {
+              value: oe
+            }),
+            groupCollapsed: C({}, e, {
+              value: ue
+            }),
+            groupEnd: C({}, e, {
+              value: se
+            })
+          });
+        }
+        I < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var B = D.ReactCurrentDispatcher, J;
+    function L(e, r, t) {
+      {
+        if (J === void 0)
+          try {
+            throw Error();
+          } catch (o) {
+            var n = o.stack.trim().match(/\n( *(at )?)/);
+            J = n && n[1] || "";
+          }
+        return `
+` + J + e;
+      }
+    }
+    var K = !1, V;
+    {
+      var Ye = typeof WeakMap == "function" ? WeakMap : Map;
+      V = new Ye();
+    }
+    function ce(e, r) {
+      if (!e || K)
+        return "";
+      {
+        var t = V.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      K = !0;
+      var o = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var u;
+      u = B.current, B.current = null, Ne();
+      try {
+        if (r) {
+          var i = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(i.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(i, []);
+            } catch (b) {
+              n = b;
+            }
+            Reflect.construct(e, [], i);
+          } else {
+            try {
+              i.call();
+            } catch (b) {
+              n = b;
+            }
+            e.call(i.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (b) {
+            n = b;
+          }
+          e();
+        }
+      } catch (b) {
+        if (b && n && typeof b.stack == "string") {
+          for (var a = b.stack.split(`
+`), p = n.stack.split(`
+`), s = a.length - 1, c = p.length - 1; s >= 1 && c >= 0 && a[s] !== p[c]; )
+            c--;
+          for (; s >= 1 && c >= 0; s--, c--)
+            if (a[s] !== p[c]) {
+              if (s !== 1 || c !== 1)
+                do
+                  if (s--, c--, c < 0 || a[s] !== p[c]) {
+                    var g = `
+` + a[s].replace(" at new ", " at ");
+                    return e.displayName && g.includes("<anonymous>") && (g = g.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, g), g;
+                  }
+                while (s >= 1 && c >= 0);
+              break;
+            }
+        }
+      } finally {
+        K = !1, B.current = u, We(), Error.prepareStackTrace = o;
+      }
+      var A = e ? e.displayName || e.name : "", S = A ? L(A) : "";
+      return typeof e == "function" && V.set(e, S), S;
+    }
+    function Le(e, r, t) {
+      return ce(e, !1);
+    }
+    function Ve(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function M(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return ce(e, Ve(e));
+      if (typeof e == "string")
+        return L(e);
+      switch (e) {
+        case k:
+          return L("Suspense");
+        case m:
+          return L("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case l:
+            return Le(e.render);
+          case O:
+            return M(e.type, r, t);
+          case x: {
+            var n = e, o = n._payload, u = n._init;
+            try {
+              return M(u(o), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var $ = Object.prototype.hasOwnProperty, fe = {}, de = D.ReactDebugCurrentFrame;
+    function U(e) {
+      if (e) {
+        var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
+        de.setExtraStackFrame(t);
+      } else
+        de.setExtraStackFrame(null);
+    }
+    function Me(e, r, t, n, o) {
+      {
+        var u = Function.call.bind($);
+        for (var i in e)
+          if (u(e, i)) {
+            var a = void 0;
+            try {
+              if (typeof e[i] != "function") {
+                var p = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw p.name = "Invariant Violation", p;
+              }
+              a = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (s) {
+              a = s;
+            }
+            a && !(a instanceof Error) && (U(o), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, i, typeof a), U(null)), a instanceof Error && !(a.message in fe) && (fe[a.message] = !0, U(o), v("Failed %s type: %s", t, a.message), U(null));
+          }
+      }
+    }
+    var Ue = Array.isArray;
+    function q(e) {
+      return Ue(e);
+    }
+    function Be(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Je(e) {
+      try {
+        return ve(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ve(e) {
+      return "" + e;
+    }
+    function pe(e) {
+      if (Je(e))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), ve(e);
+    }
+    var be = D.ReactCurrentOwner, Ke = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, he, me;
+    function qe(e) {
+      if ($.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ge(e) {
+      if ($.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ze(e, r) {
+      typeof e.ref == "string" && be.current;
+    }
+    function Xe(e, r) {
+      {
+        var t = function() {
+          he || (he = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function He(e, r) {
+      {
+        var t = function() {
+          me || (me = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var Ze = function(e, r, t, n, o, u, i) {
+      var a = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: f,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: i,
+        // Record the component responsible for creating this element.
+        _owner: u
+      };
+      return a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(a, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(a, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: o
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    };
+    function Qe(e, r, t, n, o) {
+      {
+        var u, i = {}, a = null, p = null;
+        t !== void 0 && (pe(t), a = "" + t), Ge(r) && (pe(r.key), a = "" + r.key), qe(r) && (p = r.ref, ze(r, o));
+        for (u in r)
+          $.call(r, u) && !Ke.hasOwnProperty(u) && (i[u] = r[u]);
+        if (e && e.defaultProps) {
+          var s = e.defaultProps;
+          for (u in s)
+            i[u] === void 0 && (i[u] = s[u]);
+        }
+        if (a || p) {
+          var c = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && Xe(i, c), p && He(i, c);
+        }
+        return Ze(e, a, p, o, n, be.current, i);
+      }
+    }
+    var G = D.ReactCurrentOwner, ye = D.ReactDebugCurrentFrame;
+    function F(e) {
+      if (e) {
+        var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
+        ye.setExtraStackFrame(t);
+      } else
+        ye.setExtraStackFrame(null);
+    }
+    var z;
+    z = !1;
+    function X(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === f;
+    }
+    function _e() {
+      {
+        if (G.current) {
+          var e = w(G.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function er(e) {
+      return "";
+    }
+    var ge = {};
+    function rr(e) {
+      {
+        var r = _e();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function Re(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = rr(r);
+        if (ge[t])
+          return;
+        ge[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + w(e._owner.type) + "."), F(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
+      }
+    }
+    function Ee(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (q(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            X(n) && Re(n, r);
+          }
+        else if (X(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var o = Ce(e);
+          if (typeof o == "function" && o !== e.entries)
+            for (var u = o.call(e), i; !(i = u.next()).done; )
+              X(i.value) && Re(i.value, r);
+        }
+      }
+    }
+    function tr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === O))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = w(r);
+          Me(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !z) {
+          z = !0;
+          var o = w(r);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function nr(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            F(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
+            break;
+          }
+        }
+        e.ref !== null && (F(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      }
+    }
+    var Te = {};
+    function je(e, r, t, n, o, u) {
+      {
+        var i = Ie(e);
+        if (!i) {
+          var a = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var p = er();
+          p ? a += p : a += _e();
+          var s;
+          e === null ? s = "null" : q(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (w(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+        }
+        var c = Qe(e, r, t, o, u);
+        if (c == null)
+          return c;
+        if (i) {
+          var g = r.children;
+          if (g !== void 0)
+            if (n)
+              if (q(g)) {
+                for (var A = 0; A < g.length; A++)
+                  Ee(g[A], e);
+                Object.freeze && Object.freeze(g);
+              } else
+                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ee(g, e);
+        }
+        if ($.call(r, "key")) {
+          var S = w(e), b = Object.keys(r).filter(function(lr) {
+            return lr !== "key";
+          }), H = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Te[S + H]) {
+            var sr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
+            v(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, H, S, sr, S), Te[S + H] = !0;
+          }
+        }
+        return e === d ? nr(c) : tr(c), c;
+      }
+    }
+    function ar(e, r, t) {
+      return je(e, r, t, !0);
+    }
+    function ir(e, r, t) {
+      return je(e, r, t, !1);
+    }
+    var or = ir, ur = ar;
+    W.Fragment = d, W.jsx = or, W.jsxs = ur;
+  }()), W;
+}
+process.env.NODE_ENV === "production" ? Z.exports = cr() : Z.exports = fr();
+var T = Z.exports;
+const dr = P.forwardRef(
+  ({ className: R, variant: f = "primary", size: h = "md", ...d }, y) => {
+    const _ = [
+      "ui-btn",
+      `ui-btn-${f}`,
+      `ui-btn-${h}`,
+      R
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ T.jsx("button", { ref: y, className: _, ...d });
+  }
+);
+dr.displayName = "Button";
+const vr = P.forwardRef(
+  ({ className: R, label: f, error: h, helperText: d, fullWidth: y, id: _, ...j }, E) => {
+    const l = _ || P.useId();
+    return /* @__PURE__ */ T.jsxs("div", { className: `ui-input-wrapper ${y ? "ui-input-wrapper-full" : ""}`, children: [
+      f && /* @__PURE__ */ T.jsx("label", { htmlFor: l, className: "ui-label", children: f }),
+      /* @__PURE__ */ T.jsx(
+        "input",
+        {
+          ref: E,
+          id: l,
+          className: `
+            ui-input 
+            ${h ? "ui-input-error" : ""} 
+            ${R || ""}
+          `,
+          ...j
+        }
+      ),
+      d && /* @__PURE__ */ T.jsx("span", { className: `ui-helper-text ${h ? "ui-helper-text-error" : ""}`, children: d })
+    ] });
+  }
+);
+vr.displayName = "Input";
+const pr = P.forwardRef(
+  ({ className: R, title: f, footer: h, children: d, ...y }, _) => /* @__PURE__ */ T.jsxs("div", { ref: _, className: `ui-card ${R || ""}`, ...y, children: [
+    f && /* @__PURE__ */ T.jsx("div", { className: "ui-card__header", children: f }),
+    /* @__PURE__ */ T.jsx("div", { className: "ui-card__body", children: d }),
+    h && /* @__PURE__ */ T.jsx("div", { className: "ui-card__footer", children: h })
+  ] })
+);
+pr.displayName = "Card";
+const br = P.forwardRef(
+  ({ className: R, bordered: f = !0, striped: h, hover: d, size: y = "md", children: _, ...j }, E) => {
+    const l = [
+      "ui-table",
+      f && "ui-table-bordered",
+      h && "ui-table-striped",
+      d && "ui-table-hover",
+      y === "sm" && "ui-table-sm",
+      R
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ T.jsx("div", { className: "ui-table-responsive", children: /* @__PURE__ */ T.jsx("table", { ref: E, className: l, ...j, children: _ }) });
+  }
+);
+br.displayName = "Table";
+export {
+  dr as Button,
+  pr as Card,
+  vr as Input,
+  br as Table
+};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+
+export * from './components/Button/Button';
+export * from './components/Input/Input';
+export * from './components/Card/Card';
+export * from './components/Table/Table';

package/dist/style.css

@@ -0,0 +1 @@
+:root{--ui-primary: #2563eb;--ui-primary-hover: color-mix(in srgb, var(--ui-primary), black 10%);--ui-primary-active: color-mix(in srgb, var(--ui-primary), black 20%);--ui-primary-light: #eff6ff;--ui-text-main: #111827;--ui-text-muted: #6b7280;--ui-border: #e5e7eb;--ui-border-hover: #d1d5db;--ui-bg-main: #ffffff;--ui-bg-subtle: #f9fafb;--ui-danger: #ef4444;--ui-success: #10b981;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 16px;--ui-font-size-xl: 21px;--ui-spacing-xs: .25rem;--ui-spacing-sm: .5rem;--ui-spacing-md: 1rem;--ui-spacing-lg: 1.5rem;--ui-radius-sm: 2px;--ui-radius-md: 4px;--ui-radius-lg: 8px;--ui-radius-xl: 16px;--ui-radius-full: 9999px;--ui-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ui-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--ui-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--ui-btn-bg: transparent;--ui-btn-text: var(--ui-text-main);--ui-btn-border: transparent;--ui-btn-radius: var(--ui-radius-md);--ui-btn-padding: .5rem 1rem;--ui-btn-font-size: .95rem;--ui-btn-radius-sm: var(--ui-radius-md);--ui-btn-radius-md: var(--ui-radius-md);--ui-btn-radius-lg: var(--ui-radius-md);--ui-btn-radius-xl: var(--ui-radius-md);--ui-btn-padding-sm: .1rem .5rem;--ui-btn-padding-md: .25rem .5rem;--ui-btn-padding-lg: .25rem 1rem;--ui-btn-padding-xl: .5rem 1rem;--ui-btn-font-size-sm: var(--ui-font-size-sm);--ui-btn-font-size-md: var(--ui-font-size-md);--ui-btn-font-size-lg: var(--ui-font-size-lg);--ui-btn-font-size-xl: var(--ui-font-size-xl);--ui-input-radius: var(--ui-radius-md);--ui-card-radius: var(--ui-radius-md)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;outline:none}table{border-collapse:collapse}button{background:none;border:none;cursor:pointer}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-btn-padding);font-size:var(--ui-btn-font-size);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn-primary{background-color:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.ui-btn-primary:hover{background-color:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-btn-primary:active{background-color:var(--ui-primary-active)}.ui-btn-secondary{background-color:#fff;color:var(--ui-text-main);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-sm)}.ui-btn-secondary:hover{background-color:var(--ui-bg-subtle);border-color:var(--ui-border-hover);color:#000}.ui-btn-outline{background-color:transparent;color:var(--ui-primary);border-color:var(--ui-primary)}.ui-btn-outline:hover{background-color:var(--ui-primary-light)}.ui-btn-sm{--ui-btn-padding: var(--ui-btn-padding-sm);--ui-btn-font-size: var(--ui-btn-font-size-sm);border-radius:var(--ui-btn-radius-sm, var(--ui-radius-sm))}.ui-btn-md{--ui-btn-padding: var(--ui-btn-padding-md);--ui-btn-font-size: var(--ui-btn-font-size-md);border-radius:var(--ui-btn-radius-md, var(--ui-radius-md))}.ui-btn-lg{--ui-btn-padding: var(--ui-btn-padding-lg);--ui-btn-font-size: var(--ui-btn-font-size-lg);border-radius:var(--ui-btn-radius-lg, var(--ui-radius-lg))}.ui-btn-xl{--ui-btn-padding: var(--ui-btn-padding-xl);--ui-btn-font-size: var(--ui-btn-font-size-xl);border-radius:var(--ui-btn-radius-xl, var(--ui-radius-xl))}.ui-btn:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.ui-input-wrapper{display:inline-flex;flex-direction:column;gap:.375rem}.ui-input-wrapper-full{display:flex;width:100%}.ui-label{font-size:.875rem;font-weight:500;color:var(--ui-text-main)}.ui-input{display:block;width:100%;padding:.5rem .75rem;font-size:.95rem;font-family:var(--ui-font-family);color:var(--ui-text-main);background-color:var(--ui-bg-main);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input::placeholder{color:var(--ui-text-muted);opacity:.8}.ui-input:hover{border-color:var(--ui-border-hover)}.ui-input:focus{border-color:var(--ui-primary);outline:0;box-shadow:0 0 0 3px var(--ui-primary-light)}.ui-input-error{border-color:var(--ui-danger)}.ui-input-error:focus{box-shadow:0 0 0 3px #ef444426}.ui-helper-text{font-size:.8rem;color:var(--ui-text-muted)}.ui-helper-text-error{color:var(--ui-danger)}.ui-card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--ui-bg-main);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);transition:border-color .2s ease}.ui-card:hover{border-color:var(--ui-border-hover)}.ui-card__header{padding:1rem 1.25rem;margin-bottom:0;background-color:transparent;border-bottom:1px solid var(--ui-border);font-weight:600;font-size:1.1rem;color:var(--ui-text-main)}.ui-card__body{flex:1 1 auto;padding:1.25rem;color:var(--ui-text-muted);font-size:.95rem;line-height:1.6}.ui-card__footer{padding:1rem 1.25rem;background-color:var(--ui-bg-subtle);border-top:1px solid var(--ui-border);display:flex;align-items:center;border-bottom-left-radius:calc(var(--ui-radius-lg) - 1px);border-bottom-right-radius:calc(var(--ui-radius-lg) - 1px)}.ui-table{width:100%;margin-bottom:1rem;color:var(--ui-text-main);background-color:transparent;border-collapse:collapse;font-family:var(--ui-font-family);font-size:.95rem}.ui-table th,.ui-table td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--ui-border);text-align:left}.ui-table th{font-weight:600;color:var(--ui-text-main);background-color:var(--ui-bg-subtle);border-bottom-width:2px}.ui-table-bordered,.ui-table-bordered th,.ui-table-bordered td{border:1px solid var(--ui-border)}.ui-table-striped tbody tr:nth-of-type(odd){background-color:var(--ui-bg-subtle)}.ui-table-hover tbody tr:hover{background-color:var(--ui-primary-light);color:var(--ui-primary-dark)}.ui-table-sm th,.ui-table-sm td{padding:.375rem;font-size:.875rem}.ui-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

package/dist/theme.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+
+export interface ThemeConfig {
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+        text?: string;
+    };
+    components?: {
+        Button?: {
+            radius?: string;
+            padding?: string;
+            sizes?: {
+                sm?: {
+                    radius?: string;
+                    padding?: string;
+                    fontSize?: string;
+                };
+                md?: {
+                    radius?: string;
+                    padding?: string;
+                    fontSize?: string;
+                };
+                lg?: {
+                    radius?: string;
+                    padding?: string;
+                    fontSize?: string;
+                };
+            };
+        };
+        Input?: {
+            radius?: string;
+        };
+        Card?: {
+            radius?: string;
+            shadow?: string;
+        };
+    };
+}
+export declare const ThemeProvider: ({ theme, children }: {
+    theme: ThemeConfig;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+export interface ThemeConfig {
+    prefix?: string;
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+        text?: string;
+        [key: string]: string | undefined;
+    };
+    typography?: {
+        'font-family'?: string;
+        'font-size-sm'?: string;
+        'font-size-md'?: string;
+        'font-size-lg'?: string;
+        'font-size-xl'?: string;
+        [key: string]: string | undefined;
+    };
+    spacing?: {
+        [key: string]: string;
+    };
+    radius?: {
+        [key: string]: string;
+    };
+    shadows?: {
+        [key: string]: string;
+    };
+    components?: {
+        [key: string]: {
+            [key: string]: string | object | undefined;
+        };
+    };
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@coinloger/dev-ui",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "generate:theme": "node scripts/generate-theme.js",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "jiti": "^2.6.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3"
+  }
+}