prometeo-design-system 1.6.2 → 1.6.4

package/dist/Button.es.js

@@ -1,8 +1,8 @@
 import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { c as n } from "./cn-B6yFEsav.js";
-import { c as S } from "./index-BOQuZ0gG.js";
-import { useAnimationControls as C, motion as m } from "framer-motion";
-const N = S(
+import { c as C } from "./index-BOQuZ0gG.js";
+import { useAnimationControls as N, motion as m } from "framer-motion";
+const z = C(
   "flex items-center justify-center cursor-pointer focus:outline-none font-semibold rounded-md transition-colors",
   {
     variants: {
@@ -75,7 +75,7 @@ const N = S(
     }
   }
 );
-function B({
+function R({
   label: o = "Selene",
   onClick: p,
   icon: l,
@@ -92,14 +92,15 @@ function B({
   children: u,
   Spinner: g,
   className: y,
-  ...h
+  form: h,
+  ...w
 }) {
-  const d = C(), w = () => {
+  const d = N(), j = () => {
     !a || r || e || !s || d.start({ rotate: 90 });
-  }, j = () => {
+  }, H = () => {
     !a || r || e || !s || d.start({ rotate: 0 });
-  }, H = n(
-    N({
+  }, S = n(
+    z({
       variant: v,
       color: x,
       size: i,
@@ -111,16 +112,17 @@ function B({
   return /* @__PURE__ */ t.jsx(
     m.button,
     {
+      form: h,
       onClick: p,
-      className: H,
+      className: S,
       whileHover: a && !r && !e ? { scale: 1.05 } : {},
       whileTap: a && !r && !e ? { scale: 0.98 } : {},
       transition: { type: "spring", stiffness: 400, damping: 17 },
-      onHoverStart: w,
-      onHoverEnd: j,
+      onHoverStart: j,
+      onHoverEnd: H,
       disabled: r || e,
       type: b,
-      ...h,
+      ...w,
       children: e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
         g,
         i !== "small" && /* @__PURE__ */ t.jsx("span", { children: f })
@@ -143,5 +145,5 @@ function B({
   );
 }
 export {
-  B as default
+  R as default
 };

package/dist/InputFormik.es.js

@@ -1,95 +1,97 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
-import { c as o } from "./cn-B6yFEsav.js";
-import { useField as P, ErrorMessage as k } from "formik";
-import { useState as b } from "react";
-import { Icons as w } from "./Icons.es.js";
-const T = ({
-  icon: r,
-  iconPosition: l = "left",
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { c as u } from "./cn-B6yFEsav.js";
+import { useField as k, ErrorMessage as B } from "formik";
+import { useState as w } from "react";
+import { Icons as v } from "./Icons.es.js";
+const U = ({
+  icon: a,
+  iconPosition: s = "left",
   label: c,
-  className: v,
-  containerClassName: j,
-  id: m,
-  type: x = "text",
-  labelVariant: a = "default",
-  disabled: p = !1,
-  ...e
+  className: j,
+  containerClassName: N,
+  id: x,
+  type: p = "text",
+  labelVariant: r = "default",
+  placeholder: o,
+  disabled: h = !1,
+  ...t
 }) => {
-  const [s, h] = P(e), [u, g] = b(!1), [d, N] = b(!1), i = h.touched && h.error, y = s.value && s.value.toString().length > 0, f = x === "password", E = f ? d ? "text" : "password" : x, F = () => {
-    const n = () => r && l === "left" ? "left-9" : "left-0";
-    return a === "static" ? `-top-5 ${n()} scale-90 px-1` : u || y ? `-top-2 ${n()} scale-90` : `top-1/2 -translate-y-1/2 ${n()} scale-100`;
-  }, I = () => a === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", z = () => a === "static" ? c : "", C = () => f ? r ? l === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : r ? l === "left" ? "pl-10" : "pr-10" : "", K = () => {
-    N(!d);
+  const [l, g] = k(t), [d, y] = w(!1), [i, E] = w(!1), f = g.touched && g.error, b = l.value && l.value.toString().length > 0, m = p === "password", F = m ? i ? "text" : "password" : p, I = () => {
+    const n = () => a && s === "left" ? "left-9" : "left-0";
+    return r === "static" ? `-top-5 ${n()} scale-90 px-1` : d || b ? `-top-2 ${n()} scale-90` : `top-1/2 -translate-y-1/2 ${n()} scale-100`;
+  }, z = () => r === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", C = () => r === "static" ? o || c : o || "", K = () => m ? a ? s === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? s === "left" ? "pl-10" : "pr-10" : "", P = () => {
+    E(!i);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: o("relative w-full bg-inherit", a === "static" && "mt-2", j), children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
-      /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("div", { className: u("relative w-full bg-inherit", r === "static" && "mt-2", N), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
+      /* @__PURE__ */ e.jsx(
         "input",
         {
-          disabled: p,
-          id: m || e.name,
-          type: E,
-          name: s.name,
-          value: s.value || "",
-          placeholder: z(),
-          onChange: s.onChange,
+          disabled: h,
+          id: x || t.name,
+          type: F,
+          name: l.name,
+          value: l.value || "",
+          placeholder: C(),
+          onChange: l.onChange,
           onFocus: () => {
-            g(!0), e.onFocus?.();
+            y(!0), t.onFocus?.();
           },
-          onEmptied: e.onEmptied,
-          onKeyDown: e.onKeyDown,
-          onKeyUp: e.onKeyUp,
+          onEmptied: t.onEmptied,
+          onKeyDown: t.onKeyDown,
+          onKeyUp: t.onKeyUp,
           onBlur: (n) => {
-            g(!1), e.onBlur?.(), s.onBlur(n);
+            y(!1), t.onBlur?.(), l.onBlur(n);
           },
-          className: o(
+          className: u(
             "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
             "bg-transparent focus:outline-none",
-            a === "default" && "placeholder:text-transparent",
-            a === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-            u ? "border-primary-default-default border-2" : i ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
-            C(),
-            v
+            r === "default" && !o && "placeholder:text-transparent",
+            r === "default" && o && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            r === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            d ? "border-primary-default-default border-2 text-primary-default-default" : f ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
+            K(),
+            j
           )
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx(
         "label",
         {
-          htmlFor: m || e.name,
-          className: o(
-            "absolute transition-all duration-200 ease-in-out pointer-events-none bg-inherit px-1 z-10",
+          htmlFor: x || t.name,
+          className: u(
+            "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
+            z(),
             I(),
-            F(),
-            y || u ? "text-primary-default-default" : i ? "text-red-500" : "text-neutral-medium-default"
+            b || d ? "text-primary-default-default" : f ? "text-red-500" : "text-neutral-medium-default"
           ),
           children: c
         }
       ),
-      r && /* @__PURE__ */ t.jsx("div", { className: o(
+      a && /* @__PURE__ */ e.jsx("div", { className: u(
         "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
-        l === "left" ? "left-3" : "right-3"
-      ), children: r }),
-      f && /* @__PURE__ */ t.jsx(
+        s === "left" ? "left-3" : "right-3"
+      ), children: a }),
+      m && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          onClick: K,
-          className: o(
+          onClick: P,
+          className: u(
             "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
             "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
-            r && l === "right" ? "right-8" : "right-3"
+            a && s === "right" ? "right-8" : "right-3"
           ),
           tabIndex: -1,
-          disabled: p,
-          children: d ? /* @__PURE__ */ t.jsx(w.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ t.jsx(w.EyeVisibility, { size: 24, className: "text-neutral-default-default" })
+          disabled: h,
+          children: i ? /* @__PURE__ */ e.jsx(v.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(v.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
         }
       )
     ] }),
-    i && /* @__PURE__ */ t.jsx(
-      k,
+    f && /* @__PURE__ */ e.jsx(
+      B,
       {
-        name: e.name,
+        name: t.name,
         component: "span",
         className: "block text-error-default-default text-xs mt-1"
       }
@@ -97,5 +99,5 @@ const T = ({
   ] });
 };
 export {
-  T as default
+  U as default
 };

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

@@ -22,6 +22,7 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     className?: string;
     disabled?: boolean;
     variant?: "filled" | "outline" | "text";
+    form?: string;
 }
-export default function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, form, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InputFormik/InputFormik.d.ts

@@ -10,6 +10,7 @@ export interface IInputFormik {
     type?: string;
     name: string;
     labelVariant?: LabelVariant;
+    placeholder?: string;
     onBlur?: () => void;
     onFocus?: () => void;
     disabled?: boolean;
@@ -17,5 +18,5 @@ export interface IInputFormik {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
-declare const InputFormik: ({ icon, iconPosition, label, className, containerClassName, id, type, labelVariant, disabled, ...props }: IInputFormik) => import("react/jsx-runtime").JSX.Element;
+declare const InputFormik: ({ icon, iconPosition, label, className, containerClassName, id, type, labelVariant, placeholder, disabled, ...props }: IInputFormik) => import("react/jsx-runtime").JSX.Element;
 export default InputFormik;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.6.2",
+  "version": "1.6.4",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",