prometeo-design-system 3.1.6 → 4.0.0

package/dist/Icons/ReassignmentFill.es.js

@@ -2,7 +2,7 @@ import { j as s } from "../jsx-runtime-GkKLlHH4.js";
 import { m as a } from "../iconUtils-D0lVAgGT.js";
 const c = a(
   ({ size: t = 24, className: h, ...i }) => {
-    const e = "translate(480,-480) scale(52,52) translate(-8,-8)";
+    const e = "translate(480,-480) scale(58,56) translate(-8,-8)";
     return /* @__PURE__ */ s.jsxs(
       "svg",
       {

package/dist/Icons/StarFill.d.ts

@@ -0,0 +1,6 @@
+export * from './components/StarFill'
+export {}
+import PrometeoDesignSystem from './components/StarFill'
+export default PrometeoDesignSystem
+export * from './components/StarFill'
+export {}

package/dist/Icons/StarFill.es.js

@@ -0,0 +1,19 @@
+import { j as r } from "../jsx-runtime-GkKLlHH4.js";
+import { m as L } from "../iconUtils-D0lVAgGT.js";
+const i = L(({ size: t = 24, className: o, ...s }) => /* @__PURE__ */ r.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...s,
+    viewBox: "0 -960 960 960",
+    width: t,
+    height: t,
+    fill: "currentColor",
+    className: o,
+    children: /* @__PURE__ */ r.jsx("path", { d: "M233 -100L298 -381L80 -570L368 -595L480 -860L592 -595L880 -570L662 -381L727 -100L480 -249L233 -100Z" })
+  }
+));
+export {
+  i as StarFill,
+  i as default
+};

package/dist/Icons/components/StarFill.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const StarFill: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default StarFill;

package/dist/Icons/index.d.ts

@@ -61,5 +61,6 @@ export { UserAddFill } from './components/UserAddFill';
 export { Reassignment } from './components/Reassignment';
 export { ReassignmentFill } from './components/ReassignmentFill';
 export { Send } from './components/Send';
+export { StarFill } from './components/StarFill';
 export type { IconProps } from './iconUtils';
 export type { IconComponent } from './types';

package/dist/Icons/types.d.ts

@@ -59,8 +59,9 @@ import { TrashFill } from './components/TrashFill';
 import { MessageSquareFill } from './components/MessageSquareFill';
 import { UserAddFill } from './components/UserAddFill';
 import { Reassignment } from './components/Reassignment';
-import { default as ReassignmentFill } from './components/ReassignmentFill';
-import { default as Send } from './components/Send';
+import { ReassignmentFill } from './components/ReassignmentFill';
+import { Send } from './components/Send';
+import { StarFill } from './components/StarFill';
 export type IconsMap = {
     Ticket: typeof Ticket;
     Home: typeof Home;
@@ -125,6 +126,7 @@ export type IconsMap = {
     Reassignment: typeof Reassignment;
     ReassignmentFill: typeof ReassignmentFill;
     Send: typeof Send;
+    StarFill: typeof StarFill;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];

package/dist/Icons.es.js

@@ -1,14 +1,14 @@
 import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
-import { Notifications as i } from "./Icons/Notifications.es.js";
+import { Notifications as l } from "./Icons/Notifications.es.js";
 import { Help as a } from "./Icons/Help.es.js";
 import { Settings as n } from "./Icons/Settings.es.js";
 import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
 import { ArrowLeft as A } from "./Icons/ArrowLeft.es.js";
-import { Shared as k } from "./Icons/Shared.es.js";
-import { ChevronDown as S } from "./Icons/ChevronDown.es.js";
+import { Shared as g } from "./Icons/Shared.es.js";
+import { ChevronDown as y } from "./Icons/ChevronDown.es.js";
 import { Collapse as w } from "./Icons/Collapse.es.js";
 import { Calendar as U } from "./Icons/Calendar.es.js";
 import { Close as D } from "./Icons/Close.es.js";
@@ -28,13 +28,13 @@ import { AccountCircle as oo } from "./Icons/AccountCircle.es.js";
 import { UserAdd as eo } from "./Icons/UserAdd.es.js";
 import { AttachFile as po } from "./Icons/AttachFile.es.js";
 import { HistoryActivity as fo } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as io } from "./Icons/MessageSquare.es.js";
+import { MessageSquare as lo } from "./Icons/MessageSquare.es.js";
 import { CloseNavBarDesktop as ao } from "./Icons/CloseNavBarDesktop.es.js";
 import { EyeVisibility as no } from "./Icons/EyeVisibility.es.js";
 import { EyeVisibilityOff as co } from "./Icons/EyeVisibilityOff.es.js";
 import { Check as ho } from "./Icons/Check.es.js";
-import { Info as go } from "./Icons/Info.es.js";
-import { Error as yo } from "./Icons/Error.es.js";
+import { Info as So } from "./Icons/Info.es.js";
+import { Error as ko } from "./Icons/Error.es.js";
 import { TicketFilled as uo } from "./Icons/TicketFilled.es.js";
 import { UploadCloud as Eo } from "./Icons/UploadCloud.es.js";
 import { Clock as vo } from "./Icons/Clock.es.js";
@@ -55,12 +55,13 @@ import { Image as rr } from "./Icons/Image.es.js";
 import { DocumentFill as tr } from "./Icons/DocumentFill.es.js";
 import { Company as mr } from "./Icons/Company.es.js";
 import { EditFill as xr } from "./Icons/EditFill.es.js";
-import { TrashFill as lr } from "./Icons/TrashFill.es.js";
+import { TrashFill as ir } from "./Icons/TrashFill.es.js";
 import { MessageSquareFill as sr } from "./Icons/MessageSquareFill.es.js";
 import { UserAddFill as dr } from "./Icons/UserAddFill.es.js";
 import { Reassignment as cr } from "./Icons/Reassignment.es.js";
 import { ReassignmentFill as hr } from "./Icons/ReassignmentFill.es.js";
-import { Send as gr } from "./Icons/Send.es.js";
+import { Send as Sr } from "./Icons/Send.es.js";
+import { StarFill as kr } from "./Icons/StarFill.es.js";
 export {
   oo as AccountCircle,
   z as Add,
@@ -73,7 +74,7 @@ export {
   ho as Check,
   No as CheckCircle,
   jo as CheckList,
-  S as ChevronDown,
+  y as ChevronDown,
   vo as Clock,
   D as Close,
   ao as CloseNavBarDesktop,
@@ -87,7 +88,7 @@ export {
   J as Edit,
   xr as EditFill,
   Xo as Email,
-  yo as Error,
+  ko as Error,
   no as EyeVisibility,
   co as EyeVisibilityOff,
   _ as FaLock,
@@ -99,26 +100,27 @@ export {
   fo as HistoryActivity,
   p as Home,
   rr as Image,
-  go as Info,
+  So as Info,
   H as Logout,
-  io as MessageSquare,
+  lo as MessageSquare,
   sr as MessageSquareFill,
   W as MoreVert,
-  i as Notifications,
+  l as Notifications,
   Lo as Pause,
   cr as Reassignment,
   hr as ReassignmentFill,
   $o as Reload,
   I as Search,
-  gr as Send,
+  Sr as Send,
   n as Settings,
-  k as Shared,
+  g as Shared,
   bo as Sort,
+  kr as StarFill,
   P as Stars,
   e as Ticket,
   uo as TicketFilled,
   Mo as Trash,
-  lr as TrashFill,
+  ir as TrashFill,
   Q as Upload,
   Eo as UploadCloud,
   eo as UserAdd,

package/dist/Input.es.js

@@ -1,12 +1,13 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as e } from "./cn-B6yFEsav.js";
-import { memo as _, forwardRef as q, useState as V } from "react";
-import F from "./Spinner.es.js";
-import { u as ee } from "./useLabelBackground-BDIHUdND.js";
-import { H as te } from "./HelperComponent-ljsn0xD6.js";
-import { EyeVisibility as re } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as oe } from "./Icons/EyeVisibilityOff.es.js";
-import { Close as se } from "./Icons/Close.es.js";
+import { memo as q, forwardRef as V, useState as F } from "react";
+import ee from "./Spinner.es.js";
+import { u as te } from "./useLabelBackground-BDIHUdND.js";
+import { H as re } from "./HelperComponent-ljsn0xD6.js";
+import { EyeVisibility as oe } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as se } from "./Icons/EyeVisibilityOff.es.js";
+import le from "./Button.es.js";
+import { Close as ae } from "./Icons/Close.es.js";
 const m = {
   default: {
     container: "",
@@ -41,38 +42,39 @@ const m = {
     label: e("text-success", "peer-focus:text-success-light"),
     icon: e("text-success-light", "peer-focus:text-success-light")
   }
-}, H = q(
+}, $ = V(
   ({
     label: x,
     icon: s,
     iconPosition: d = "left",
-    onChange: $,
-    value: I,
+    onChange: I,
+    value: S,
     name: h,
     width: i = "100%",
     height: l,
     variant: a = "default",
     labelVariant: o = "default",
-    size: S = "medium",
+    size: E = "medium",
     disabled: u = !1,
     type: r = "text",
     isFetching: n,
     errorComponent: b,
     helperComponent: g,
-    placeholder: E,
+    placeholder: L,
     required: j = !1,
-    onFocus: L,
-    onBlur: P,
+    onFocus: P,
+    onBlur: R,
     onKeyDown: k,
-    onKeyUp: C,
-    className: R,
+    onKeyUp: B,
+    className: C,
     style: D,
-    readOnly: B = !1,
+    readOnly: M = !1,
     onClear: N,
-    ...z
-  }, M) => {
-    const [w, O] = V(!1), { ref: T } = ee();
-    let f = S;
+    onClickIcon: z,
+    ...v
+  }, O) => {
+    const [w, T] = F(!1), { ref: A } = te();
+    let f = E;
     l && (f = "customHeight");
     const c = {
       small: {
@@ -103,11 +105,11 @@ const m = {
         label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-xs ",
         icon: "w-6 h-6 right-3"
       }
-    }, A = () => {
-      O(!w);
+    }, G = () => {
+      T(!w);
     }, y = {};
     i && i !== "100%" && (y.width = i), l && (y.height = l);
-    const v = a === "error" && b, G = !v && g, J = r === "password", K = () => o === "static" ? "-top-1 -translate-y-full left-0 pl-3" : s ? `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${d === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, Q = () => l ? c.customHeight.label : c[f].label, U = () => l ? { height: l } : {}, W = () => o === "default" ? x : E || x || "", X = () => J ? s ? d === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : s ? d === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Y = o === "default" && "transition-all duration-200 ease-in-out", p = b || g;
+    const H = a === "error" && b, J = !H && g, K = r === "password", Q = () => o === "static" ? "-top-1 -translate-y-full left-0 pl-3" : s ? `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${d === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, U = () => l ? c.customHeight.label : c[f].label, W = () => l ? { height: l } : {}, X = () => o === "default" ? x : L || x || "", Y = () => K ? s ? d === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : s ? d === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Z = o === "default" && "transition-all duration-200 ease-in-out", p = b || g;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -117,7 +119,7 @@ const m = {
           !i && "w-full",
           "bg-inherit",
           o === "static" && "mt-2",
-          R
+          C
         ),
         style: { ...D, ...y },
         children: [
@@ -126,9 +128,9 @@ const m = {
             {
               id: h,
               name: h,
-              ref: M,
-              value: I,
-              placeholder: W(),
+              ref: O,
+              value: S,
+              placeholder: X(),
               type: r === "password" && w ? "text" : r,
               className: e(
                 "peer w-full border rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
@@ -140,32 +142,32 @@ const m = {
                 s && "pr-10",
                 u && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
                 m[a].container,
-                X()
+                Y()
               ),
-              style: U(),
-              onChange: $,
-              onFocus: L,
-              onBlur: P,
+              style: W(),
+              onChange: I,
+              onFocus: P,
+              onBlur: R,
               disabled: u,
               required: j,
               onKeyDown: k,
-              onKeyUp: C,
-              defaultValue: z.defaultValue,
-              readOnly: B,
-              ...z
+              onKeyUp: B,
+              defaultValue: v.defaultValue,
+              readOnly: M,
+              ...v
             }
           ),
           /* @__PURE__ */ t.jsx(
             "label",
             {
-              ref: T,
+              ref: A,
               htmlFor: h,
               className: e(
                 "absolute left-3 pointer-events-none px-1 z-10",
-                Y,
-                Q(),
+                Z,
+                U(),
                 m[a].label,
-                K(),
+                Q(),
                 j && "after:content-['*'] after:text-error-default after:ml-1",
                 u && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
@@ -181,19 +183,19 @@ const m = {
                 `absolute ${p ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10`,
                 c[f].icon,
                 m[a].icon,
-                r === "password" && !n ? "cursor-pointer" : "pointer-events-none",
+                (r === "password" || z) && !n ? "cursor-pointer" : "pointer-events-none",
                 d === "right" ? "right-3" : "left-3"
               ),
-              onClick: r === "password" && !n ? A : void 0,
-              onMouseDown: (Z) => r === "password" && !n && Z.preventDefault(),
+              onClick: n ? void 0 : r === "password" ? G : z,
+              onMouseDown: (_) => r === "password" && !n && _.preventDefault(),
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-                n && r !== "password" ? /* @__PURE__ */ t.jsx(F, { variant: "sync", size: "small", className: "size-5" }) : s,
-                r === "password" && (w ? /* @__PURE__ */ t.jsx(re, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }))
+                n && r !== "password" ? /* @__PURE__ */ t.jsx(ee, { variant: "sync", size: "small", className: "size-5" }) : s,
+                r === "password" && (w ? /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(se, { size: 24, className: "" }))
               ] })
             }
           ),
           N && /* @__PURE__ */ t.jsx(
-            "button",
+            le,
             {
               type: "button",
               className: e(
@@ -204,17 +206,19 @@ const m = {
               ),
               disabled: u,
               onClick: N,
-              children: /* @__PURE__ */ t.jsx(se, { size: 20, className: "" })
+              variant: "text",
+              color: "secondary",
+              icon: /* @__PURE__ */ t.jsx(ae, { size: 20, className: "" })
             }
           ),
-          p && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (v || G) && /* @__PURE__ */ t.jsx(te, { className: "absolute ", variant: a, children: b || g }) })
+          p && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (H || J) && /* @__PURE__ */ t.jsx(re, { className: "absolute ", variant: a, children: b || g }) })
         ]
       }
     );
   }
 );
-H.displayName = "Input";
-const me = _(H);
+$.displayName = "Input";
+const be = q($);
 export {
-  me as default
+  be as default
 };

package/dist/PyrionLayout.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/PyrionLayout'
+export {}
+import PrometeoDesignSystem from './exports/PyrionLayout'
+export default PrometeoDesignSystem
+export * from './exports/PyrionLayout'
+export {}