anysystem-design 0.0.1 → 0.0.2

package/dist/components/Button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-import { t as i } from "../../bundle-mjs-SHnj3fHy.js";
-const d = ({ children: o, className: f, variant: t = "default", size: r = "md", ...s }, u) => {
-  const l = e.useMemo(() => {
+import { t as d } from "../../bundle-mjs-SHnj3fHy.js";
+const c = ({ children: f, className: s, variant: t = "default", size: r = "md", ...u }, n) => {
+  const a = e.useRef(null), l = e.useMemo(() => {
     switch (t) {
       case "default":
         return "bg-gray-400 text-white after:bg-white";
@@ -11,7 +11,7 @@ const d = ({ children: o, className: f, variant: t = "default", size: r = "md",
       default:
         return "bg-gray-400 text-white after:bg-white";
     }
-  }, [t]), n = e.useMemo(() => {
+  }, [t]), i = e.useMemo(() => {
     switch (r) {
       case "xs":
         return "px-4 py-2 text-xs";
@@ -25,11 +25,14 @@ const d = ({ children: o, className: f, variant: t = "default", size: r = "md",
         return "px-4 py-2";
     }
   }, [r]);
-  return /* @__PURE__ */ a(
+  return e.useImperativeHandle(
+    n,
+    () => a.current
+  ), /* @__PURE__ */ o(
     "button",
     {
-      ref: u,
-      className: i(
+      ref: a,
+      className: d(
         "relative overflow-hidden rounded",
         "after:absolute after:right-0 after:top-0 after:h-full after:w-0 after:rounded-l after:bg-gray-400 after:opacity-0",
         //after:
@@ -38,14 +41,14 @@ const d = ({ children: o, className: f, variant: t = "default", size: r = "md",
         "hover:after:w-full hover:after:transform hover:after:opacity-20 hover:after:transition-all hover:after:duration-300",
         //hover:
         l,
-        n,
-        f
+        i,
+        s
       ),
-      ...s,
-      children: /* @__PURE__ */ a("span", { className: "relative z-10", children: o })
+      ...u,
+      children: /* @__PURE__ */ o("span", { className: "relative z-10", children: f })
     }
   );
-}, m = e.forwardRef(d);
+}, g = e.forwardRef(c);
 export {
-  m as default
+  g as default
 };

package/dist/components/Input/FormInput.js

@@ -1,22 +1,25 @@
-import { jsx as u } from "react/jsx-runtime";
-import i from "react";
-import { u as n } from "../../formik.esm-CcTVNwxQ.js";
-import s from "./Input.js";
-const c = ({ name: r, inputBefore: o, inputAfter: t, className: f, ...p }, e) => {
-  const [m] = n(r);
-  return /* @__PURE__ */ u(
-    s,
+import { jsx as s } from "react/jsx-runtime";
+import r from "react";
+import { u as i } from "../../formik.esm-CcTVNwxQ.js";
+import c from "./Input.js";
+const l = ({ name: t, inputBefore: o, inputAfter: u, className: f, ...n }, p) => {
+  const [m] = i(t), e = r.useRef(null);
+  return r.useImperativeHandle(
+    p,
+    () => e.current
+  ), /* @__PURE__ */ s(
+    c,
     {
       ref: e,
       className: f,
-      name: r,
+      name: t,
       inputProps: m,
       inputBefore: o,
-      inputAfter: t,
-      ...p
+      inputAfter: u,
+      ...n
     }
   );
-}, I = i.forwardRef(c);
+}, F = r.forwardRef(l);
 export {
-  I as FormInput
+  F as FormInput
 };

package/dist/components/Input/Input.js

@@ -1,47 +1,53 @@
-import { jsxs as x, jsx as d } from "react/jsx-runtime";
-import c from "react";
-import { t as n } from "../../bundle-mjs-SHnj3fHy.js";
-const v = ({ name: l, inputProps: t, inputBefore: f, inputAfter: i, className: e, ...r }, u) => /* @__PURE__ */ x(
-  "div",
-  {
-    className: n(
-      "flex w-full items-center",
-      (e == null ? void 0 : e.container) && e.container
-    ),
-    children: [
-      f && /* @__PURE__ */ d(
-        "div",
-        {
-          className: n(
-            "btn-before mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
-          ),
-          children: f
-        }
+import { jsxs as v, jsx as f } from "react/jsx-runtime";
+import d from "react";
+import { t as r } from "../../bundle-mjs-SHnj3fHy.js";
+const y = ({ name: c, inputProps: t, inputBefore: l, inputAfter: u, className: e, ...n }, x) => {
+  const i = d.useRef(null);
+  return d.useImperativeHandle(
+    x,
+    () => i.current
+  ), /* @__PURE__ */ v(
+    "div",
+    {
+      className: r(
+        "flex w-full items-center",
+        (e == null ? void 0 : e.container) && e.container
       ),
-      /* @__PURE__ */ d(
-        "input",
-        {
-          ref: u,
-          ...t && t,
-          ...r,
-          value: (t == null ? void 0 : t.value) || (r == null ? void 0 : r.value) || "",
-          className: n((e == null ? void 0 : e.input) && e.input),
-          readOnly: r.readOnly,
-          id: l
-        }
-      ),
-      i && /* @__PURE__ */ d(
-        "div",
-        {
-          className: n(
-            "btn-after mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
-          ),
-          children: i
-        }
-      )
-    ]
-  }
-), j = c.forwardRef(v);
+      children: [
+        l && /* @__PURE__ */ f(
+          "div",
+          {
+            className: r(
+              "btn-before mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
+            ),
+            children: l
+          }
+        ),
+        /* @__PURE__ */ f(
+          "input",
+          {
+            ref: i,
+            ...t && t,
+            ...n,
+            value: (t == null ? void 0 : t.value) || (n == null ? void 0 : n.value) || "",
+            className: r((e == null ? void 0 : e.input) && e.input),
+            readOnly: n.readOnly,
+            id: c
+          }
+        ),
+        u && /* @__PURE__ */ f(
+          "div",
+          {
+            className: r(
+              "btn-after mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
+            ),
+            children: u
+          }
+        )
+      ]
+    }
+  );
+}, a = d.forwardRef(y);
 export {
-  j as default
+  a as default
 };

package/dist/components/PasswordInput/FormPasswordInput.js

@@ -1,20 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "react";
-import { u as p } from "../../formik.esm-CcTVNwxQ.js";
-import u from "./PasswordInput.js";
-const f = ({ type: o = "password", name: s, ...t }, a) => {
-  const [r] = p(s);
-  return /* @__PURE__ */ e(
-    u,
+import { jsx as n } from "react/jsx-runtime";
+import o from "react";
+import { u as m } from "../../formik.esm-CcTVNwxQ.js";
+import p from "./PasswordInput.js";
+const f = ({ type: t = "password", name: s, ...u }, a) => {
+  const e = o.useRef(null), [r] = m(s);
+  return o.useImperativeHandle(
+    a,
+    () => e.current
+  ), /* @__PURE__ */ n(
+    p,
     {
-      ref: a,
-      type: o,
+      ref: e,
+      type: t,
       ...r,
       value: (r == null ? void 0 : r.value) || "",
-      ...t
+      ...u
     }
   );
-}, i = m.forwardRef(f);
+}, w = o.forwardRef(f);
 export {
-  i as FormPasswordInput
+  w as FormPasswordInput
 };

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,32 +1,35 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import e from "react";
-import { t as i } from "../../bundle-mjs-SHnj3fHy.js";
-import { F as d, a as w } from "../../index-AJeoxW6G.js";
-const p = ({ type: t = "password", ...o }, a) => {
-  const [s, n] = e.useState(t !== "password");
-  return /* @__PURE__ */ f("div", { className: "flex w-full items-center", children: [
-    /* @__PURE__ */ r(
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import r from "react";
+import { t as d } from "../../bundle-mjs-SHnj3fHy.js";
+import { F as u, a as l } from "../../index-AJeoxW6G.js";
+const p = ({ type: o = "password", ...a }, n) => {
+  const t = r.useRef(null), [s, f] = r.useState(o !== "password");
+  return r.useImperativeHandle(
+    n,
+    () => t.current
+  ), /* @__PURE__ */ i("div", { className: "flex w-full items-center", children: [
+    /* @__PURE__ */ e(
       "input",
       {
-        ref: a,
+        ref: t,
         type: s ? "text" : "password",
-        ...o
+        ...a
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ e(
       "a",
       {
-        className: i(
+        className: d(
           "mr-2 flex h-9 w-10 cursor-pointer items-center justify-center rounded-full text-gray-600",
           "hover:bg-gray-100 hover:duration-200",
           "btn-show-password"
         ),
-        onClick: () => n(!s),
-        children: s ? /* @__PURE__ */ r(d, { fontSize: 14 }) : /* @__PURE__ */ r(w, { fontSize: 14 })
+        onClick: () => f(!s),
+        children: s ? /* @__PURE__ */ e(u, { fontSize: 14 }) : /* @__PURE__ */ e(l, { fontSize: 14 })
       }
     )
   ] });
-}, h = e.forwardRef(p);
+}, x = r.forwardRef(p);
 export {
-  h as default
+  x as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anysystem-design",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",