prometeo-design-system 1.6.6 → 1.6.7

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

package/dist/Input.es.js

@@ -1,10 +1,10 @@
-import { j as s } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as B } from "./Icons.es.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as F } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
-import { memo as q, useState as v, useCallback as M, useEffect as F } from "react";
-import { useDebounce as ee } from "use-debounce";
-import te from "./Spinner.es.js";
-const x = {
+import { memo as re, useState as N, useCallback as se, useEffect as H } from "react";
+import { useDebounce as le } from "use-debounce";
+import oe from "./Spinner.es.js";
+const m = {
   default: {
     container: "",
     input: e(
@@ -53,7 +53,7 @@ const x = {
       "peer-focus:text-success-light"
     )
   }
-}, f = {
+}, d = {
   small: {
     container: "text-sm",
     input: "h-10 px-3 text-sm",
@@ -72,129 +72,133 @@ const x = {
     label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-lg",
     icon: "w-6 h-6 right-3"
   }
-}, se = ({
-  label: I,
-  icon: m,
+}, ae = ({
+  label: P,
+  icon: a,
+  iconPosition: g = "left",
   onChange: h,
-  value: l = "",
-  debounceMs: a = 0,
+  value: n = "",
+  debounceMs: u = 0,
   name: b,
-  width: d = "100%",
+  width: p = "100%",
   height: t,
-  variant: n = "default",
-  labelVariant: o = "default",
-  size: u = "medium",
-  disabled: N = !1,
-  type: r = "text",
-  isFetching: c,
-  errorComponent: P,
-  helperComponent: C,
-  required: E = !1,
-  onFocus: H,
-  onBlur: L,
-  onEmptied: S,
-  onKeyDown: O,
-  onKeyUp: $
+  variant: c = "default",
+  labelVariant: l = "default",
+  size: f = "medium",
+  disabled: w = !1,
+  type: s = "text",
+  isFetching: i,
+  errorComponent: C,
+  helperComponent: E,
+  required: S = !1,
+  onFocus: L,
+  onBlur: O,
+  onEmptied: D,
+  onKeyDown: $,
+  onKeyUp: R
 }) => {
-  const [p, k] = v(l), [g] = ee(p, a), [R, D] = v(!1), [w, W] = v(!1), V = M(h, [h]);
-  F(() => {
-    a > 0 && g !== l && V(g);
-  }, [g, a, V, l]), F(() => {
-    k(l);
-  }, [l]);
+  const [x, V] = N(n), [j] = le(x, u), [T, k] = N(!1), [y, W] = N(!1), z = se(h, [h]);
+  H(() => {
+    u > 0 && j !== n && z(j);
+  }, [j, u, z, n]), H(() => {
+    V(n);
+  }, [n]);
   const A = () => {
-    D(!0), H?.();
+    k(!0), L?.();
   }, G = () => {
-    D(!1), L?.();
-  }, J = (i) => {
-    const y = i.target.value, _ = p;
-    k(y), _.length > 0 && y.length === 0 && S?.(), (!a || a === 0) && h(y);
+    k(!1), O?.();
+  }, J = (o) => {
+    const I = o.target.value, ee = o.target.name, te = x;
+    V(I), te.length > 0 && I.length === 0 && D?.(), (!u || u === 0) && h(I, ee);
   }, K = () => {
-    W(!w);
-  }, j = {};
-  d && d !== "100%" && (j.width = d), t && (j.height = t);
-  const Q = p.length > 0, z = n === "error" && P, T = !z && C, U = () => o === "static" || R || Q ? "-top-2 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", X = () => o === "static" ? t ? "text-sm" : "text-xs" : t ? "text-sm" : f[u].label, Y = () => t ? { height: t } : {}, Z = () => o === "static" ? I : "";
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs(
+    W(!y);
+  }, v = {};
+  p && p !== "100%" && (v.width = p), t && (v.height = t);
+  const Q = x.length > 0, B = c === "error" && C, U = !B && E, X = s === "password", Y = () => l === "static" || T || Q ? "-top-2 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", Z = () => l === "static" ? t ? "text-sm" : "text-xs" : t ? "text-sm" : d[f].label, _ = () => t ? { height: t } : {}, q = () => l === "static" ? P : "", M = () => X ? a ? g === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? g === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "";
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: e(
           "relative",
-          f[u].container,
-          !d && "w-full",
+          d[f].container,
+          !p && "w-full",
           "bg-inherit",
-          o === "static" && "mt-2"
+          l === "static" && "mt-2"
         ),
-        style: j,
+        style: v,
         children: [
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx(
             "input",
             {
               id: b,
               name: b,
-              type: r === "password" && w ? "text" : r,
-              value: p,
-              placeholder: Z(),
+              type: s === "password" && y ? "text" : s,
+              value: x,
+              placeholder: q(),
               className: e(
                 "peer w-full border-1 rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
                 "focus:outline-none px-3",
-                o === "default" && "placeholder:text-transparent",
-                o === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-                !t && f[u].input,
-                t && `px-3 ${f[u].input.split(" ").filter((i) => i.startsWith("text-")).join(" ")}`,
-                x[n].input,
-                m && "pr-10",
-                N && "bg-neutral-weak-default cursor-not-allowed opacity-60",
-                x[n].container
+                l === "default" && "placeholder:text-transparent",
+                l === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+                !t && d[f].input,
+                t && `px-3 ${d[f].input.split(" ").filter((o) => o.startsWith("text-")).join(" ")}`,
+                m[c].input,
+                a && "pr-10",
+                w && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
+                m[c].container,
+                M()
               ),
-              style: Y(),
+              style: _(),
               onChange: J,
               onFocus: A,
               onBlur: G,
-              disabled: N,
-              required: E,
-              onEmptied: S,
-              onKeyDown: O,
-              onKeyUp: $
+              disabled: w,
+              required: S,
+              onEmptied: D,
+              onKeyDown: $,
+              onKeyUp: R
             }
           ),
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx(
             "label",
             {
               htmlFor: b,
               className: e(
                 "absolute left-3 pointer-events-none bg-inherit px-1 z-10",
-                o === "default" && "transition-all duration-200 ease-in-out",
-                X(),
-                x[n].label,
-                U(),
-                E && "after:content-['*'] after:text-error-default after:ml-1"
+                l === "default" && "transition-all duration-200 ease-in-out",
+                Z(),
+                m[c].label,
+                Y(),
+                S && "after:content-['*'] after:text-error-default after:ml-1",
+                w && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
-              children: I
+              children: P
             }
           ),
-          (m || r === "password" || c) && /* @__PURE__ */ s.jsx(
+          (a || s === "password" || i) && /* @__PURE__ */ r.jsx(
             "div",
             {
               className: e(
                 "absolute top-1/2 -translate-y-1/2 flex items-center justify-center z-10",
-                !t && f[u].icon,
+                !t && d[f].icon,
                 t && "w-5 h-5 right-3",
-                x[n].icon,
-                r === "password" && !c ? "cursor-pointer" : "pointer-events-none"
+                m[c].icon,
+                s === "password" && !i ? "cursor-pointer" : "pointer-events-none",
+                g === "right" ? "right-3" : "left-3"
               ),
-              onClick: r === "password" && !c ? K : void 0,
-              onMouseDown: (i) => r === "password" && !c && i.preventDefault(),
-              children: /* @__PURE__ */ s.jsx("div", { children: c && r !== "password" ? /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsx(te, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : r === "password" ? w ? /* @__PURE__ */ s.jsx(B.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ s.jsx(B.EyeVisibilityOff, { size: 24, className: "" }) : m })
+              onClick: s === "password" && !i ? K : void 0,
+              onMouseDown: (o) => s === "password" && !i && o.preventDefault(),
+              children: /* @__PURE__ */ r.jsx("div", { children: i && s !== "password" ? /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(oe, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : s === "password" ? y ? /* @__PURE__ */ r.jsx(F.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ r.jsx(F.EyeVisibilityOff, { size: 24, className: "" }) : a })
             }
           )
         ]
       }
     ),
-    T && C,
-    z && P
+    U && E,
+    B && C
   ] });
-}, ce = q(se);
+}, pe = re(ae);
 export {
-  ce as default
+  pe as default
 };

package/dist/InputFormik.es.js

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

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

@@ -22,7 +22,6 @@ 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, form, ...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, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,9 +4,10 @@ export type LabelVariant = "default" | "static";
 export interface InputProps {
     label: string;
     icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
     isFetching?: boolean;
-    onChange: (value: string) => void;
     id?: string;
+    onChange: (value: string, name?: string) => void;
     value?: string;
     debounceMs?: number;
     width?: string;
@@ -26,5 +27,5 @@ export interface InputProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, icon, onChange, value, debounceMs, name, width, height, variant, labelVariant, size, disabled, type, isFetching, errorComponent, helperComponent, required, onFocus, onBlur, onEmptied, onKeyDown, onKeyUp, }: InputProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ label, icon, iconPosition, onChange, value, debounceMs, name, width, height, variant, labelVariant, size, disabled, type, isFetching, errorComponent, helperComponent, required, onFocus, onBlur, onEmptied, onKeyDown, onKeyUp, }: InputProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-export type LabelVariant = "default" | "static";
 export interface IInputFormik {
     label: string;
     icon?: ReactNode;
@@ -9,8 +8,6 @@ export interface IInputFormik {
     id?: string;
     type?: string;
     name: string;
-    labelVariant?: LabelVariant;
-    placeholder?: string;
     onBlur?: () => void;
     onFocus?: () => void;
     disabled?: boolean;
@@ -18,5 +15,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, placeholder, disabled, ...props }: IInputFormik) => import("react/jsx-runtime").JSX.Element;
+declare const InputFormik: ({ icon, iconPosition, label, className, containerClassName, id, type, disabled, ...props }: IInputFormik) => import("react/jsx-runtime").JSX.Element;
 export default InputFormik;

package/dist/components/InputMultiple/InputMultiple.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface InputMultipleProps {
+    label: string;
+    name: string;
+    onChange: (value: string[]) => void;
+    value: string[];
+    icon?: React.ReactNode;
+    valueSeparator?: ',' | ';';
+    variant?: 'default' | 'error' | 'success' | 'warning';
+    placeholder?: string;
+    itemClassName?: string;
+    itemIcon?: React.ComponentType<{
+        size: number;
+        className: string;
+    }>;
+    helperText?: string | React.ReactNode;
+    errorText?: string | React.ReactNode;
+    disabled?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ label, name, onChange, value, icon, valueSeparator, variant, placeholder, itemClassName, itemIcon, helperText, errorText, disabled, ...rest }: InputMultipleProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/ProfilePictureUpload/ProfilePictureUpload.d.ts

@@ -1,4 +1,4 @@
-export interface ProfilePictureUploadProps {
+interface ProfilePictureUploadProps {
     imageUrl?: string;
     fallbackText?: string;
     onFileSelect?: (file: File) => void;
@@ -13,3 +13,4 @@ export interface ProfilePictureUploadProps {
     onError?: (error: string) => void;
 }
 export declare function ProfilePictureUpload({ imageUrl, fallbackText, onFileSelect, onEditClick, onRemoveClick, size, className, disabled, showRemoveButton, acceptedTypes, maxFileSize, onError, }: ProfilePictureUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -12,13 +12,11 @@ export { default as InputFormik } from './components/InputFormik/InputFormik';
 export { default as Logo } from './components/Logo/Logo';
 export { Menu } from './components/Menu/MenuComposable';
 export { default as Pagination } from './components/Pagination/Pagination';
-export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
 export { default as Select } from './components/Select/Select';
 export { default as SelectFormik } from './components/SelectFormik/SelectFormik';
 export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
 export { default as Spinner } from './components/Spinner/Spinner';
-export { default as Steps } from './components/Steps/Steps';
 export { default as SwipeContainer } from './components/SwipeContainer/SwipeContainer';
 export { default as TabLinks } from './components/TabLinks/TabLinks';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './components/Table/Table';
@@ -58,8 +56,6 @@ export type { INavAction, INavLink, Role, RoleLevels, } from './components/Sideb
 export type { SidebarContextValue } from './components/Sidebar/hooks/useSidebarHook';
 export type { SpinnerProps, SpinnerSize, SpinnerVariant, } from './components/Spinner/Spinner';
 export type { PaginationProps } from './components/Pagination/Pagination';
-export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
-export type { Step, StepsProps } from './components/Steps/Steps';
 export type { SelectOptionRendererProps, SelectProps, SelectionDisplayProps, } from './components/Select/Select';
 export type { ISelectFormik, ISelectFormikOption, } from './components/SelectFormik/SelectFormik';
 export type { DialogHandle } from './components/Dialog/Dialog';

package/dist/preview/InputsPreviews.d.ts

@@ -0,0 +1,2 @@
+declare const InputsPreviews: () => import("react/jsx-runtime").JSX.Element;
+export default InputsPreviews;