@plutonhq/core-frontend 0.0.1

package/dist/components/common/ActionModal/ActionModal.d.ts

@@ -0,0 +1,25 @@
+interface ActionModalProps {
+    width?: string;
+    title?: string;
+    classNames?: string;
+    disablePortal?: boolean;
+    closeModal: () => void;
+    message: React.ReactNode;
+    successMessage?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    primaryAction?: {
+        type: 'default' | 'danger';
+        isPending: boolean;
+        action: (params: any) => void;
+        title: string;
+        icon?: string;
+    };
+    secondaryAction?: {
+        action: (params: any) => void;
+        title: string;
+        icon?: string;
+    };
+}
+declare const ActionModal: ({ title, closeModal, message, successMessage, errorMessage, primaryAction, secondaryAction, classNames, disablePortal, width, }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionModal;
+//# sourceMappingURL=ActionModal.d.ts.map

package/dist/components/common/ActionModal/ActionModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModal.d.ts","sourceRoot":"","sources":["../../../../src/components/common/ActionModal/ActionModal.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE;QACb,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC3B,SAAS,EAAE,OAAO,CAAC;QACnB,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,eAAe,CAAC,EAAE;QACf,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACJ;AAED,QAAA,MAAM,WAAW,GAAI,iIAWlB,gBAAgB,4CA8BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/common/ActionModal/ActionModal.js

@@ -0,0 +1,42 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import v from "../Icon/Icon.js";
+import P from "../Modal/Modal.js";
+import s from "./ActionModal.module.scss.js";
+const I = ({
+  title: N,
+  closeModal: b,
+  message: g,
+  successMessage: f,
+  errorMessage: u,
+  primaryAction: l,
+  secondaryAction: d,
+  classNames: x,
+  disablePortal: t = !1,
+  width: C = "400px"
+}) => /* @__PURE__ */ h(P, { title: N, closeModal: b, classNames: x, disablePortal: t, width: C, children: [
+  /* @__PURE__ */ e("div", { children: (l == null ? void 0 : l.isPending) && /* @__PURE__ */ e("div", { className: s.loader, children: /* @__PURE__ */ e(v, { type: "loading", size: 24 }) }) }),
+  /* @__PURE__ */ e("div", { children: g }),
+  f && /* @__PURE__ */ e("div", { className: s.success, children: f }),
+  u && /* @__PURE__ */ e("div", { className: s.error, children: u }),
+  /* @__PURE__ */ h("div", { className: s.actions, children: [
+    /* @__PURE__ */ e("button", { disabled: l == null ? void 0 : l.isPending, onClick: (d == null ? void 0 : d.action) || b, type: "button", children: (d == null ? void 0 : d.title) || "Cancel" }),
+    (l == null ? void 0 : l.title) && /* @__PURE__ */ h(
+      "button",
+      {
+        className: l.type === "danger" ? s.dangerBtn : "",
+        disabled: l.isPending,
+        onClick: l.action,
+        type: "button",
+        children: [
+          l.icon && /* @__PURE__ */ e(v, { type: l.icon, size: 13 }),
+          " ",
+          l.title
+        ]
+      }
+    )
+  ] })
+] });
+export {
+  I as default
+};
+//# sourceMappingURL=ActionModal.js.map

package/dist/components/common/ActionModal/ActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModal.js","sources":["../../../../src/components/common/ActionModal/ActionModal.tsx"],"sourcesContent":["import Icon from '../Icon/Icon';\r\nimport Modal from '../Modal/Modal';\r\nimport classes from './ActionModal.module.scss';\r\n\r\ninterface ActionModalProps {\r\n   width?: string;\r\n   title?: string;\r\n   classNames?: string;\r\n   disablePortal?: boolean;\r\n   closeModal: () => void;\r\n   message: React.ReactNode;\r\n   successMessage?: React.ReactNode;\r\n   errorMessage?: React.ReactNode;\r\n   primaryAction?: {\r\n      type: 'default' | 'danger';\r\n      isPending: boolean;\r\n      action: (params: any) => void;\r\n      title: string;\r\n      icon?: string;\r\n   };\r\n   secondaryAction?: {\r\n      action: (params: any) => void;\r\n      title: string;\r\n      icon?: string;\r\n   };\r\n}\r\n\r\nconst ActionModal = ({\r\n   title,\r\n   closeModal,\r\n   message,\r\n   successMessage,\r\n   errorMessage,\r\n   primaryAction,\r\n   secondaryAction,\r\n   classNames,\r\n   disablePortal = false,\r\n   width = '400px',\r\n}: ActionModalProps) => {\r\n   return (\r\n      <Modal title={title} closeModal={closeModal} classNames={classNames} disablePortal={disablePortal} width={width}>\r\n         <div>\r\n            {primaryAction?.isPending && (\r\n               <div className={classes.loader}>\r\n                  <Icon type=\"loading\" size={24} />\r\n               </div>\r\n            )}\r\n         </div>\r\n         <div>{message}</div>\r\n         {successMessage && <div className={classes.success}>{successMessage}</div>}\r\n         {errorMessage && <div className={classes.error}>{errorMessage}</div>}\r\n         <div className={classes.actions}>\r\n            <button disabled={primaryAction?.isPending} onClick={secondaryAction?.action || closeModal} type=\"button\">\r\n               {secondaryAction?.title || 'Cancel'}\r\n            </button>\r\n            {primaryAction?.title && (\r\n               <button\r\n                  className={primaryAction.type === 'danger' ? classes.dangerBtn : ''}\r\n                  disabled={primaryAction.isPending}\r\n                  onClick={primaryAction.action}\r\n                  type=\"button\"\r\n               >\r\n                  {primaryAction.icon && <Icon type={primaryAction.icon} size={13} />} {primaryAction.title}\r\n               </button>\r\n            )}\r\n         </div>\r\n      </Modal>\r\n   );\r\n};\r\n\r\nexport default ActionModal;\r\n"],"names":["ActionModal","title","closeModal","message","successMessage","errorMessage","primaryAction","secondaryAction","classNames","disablePortal","width","Modal","jsx","classes","Icon","jsxs"],"mappings":";;;;AA2BA,MAAMA,IAAc,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AACX,wBAEOC,GAAA,EAAM,OAAAV,GAAc,YAAAC,GAAwB,YAAAM,GAAwB,eAAAC,GAA8B,OAAAC,GAChG,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EACG,WAAAN,KAAA,gBAAAA,EAAe,cACb,gBAAAM,EAAC,SAAI,WAAWC,EAAQ,QACrB,UAAA,gBAAAD,EAACE,KAAK,MAAK,WAAU,MAAM,GAAA,CAAI,GAClC,GAEN;AAAA,EACA,gBAAAF,EAAC,SAAK,UAAAT,EAAA,CAAQ;AAAA,EACbC,KAAkB,gBAAAQ,EAAC,OAAA,EAAI,WAAWC,EAAQ,SAAU,UAAAT,GAAe;AAAA,EACnEC,KAAgB,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAQ,OAAQ,UAAAR,GAAa;AAAA,EAC9D,gBAAAU,EAAC,OAAA,EAAI,WAAWF,EAAQ,SACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EAAO,UAAUN,KAAA,gBAAAA,EAAe,WAAW,UAASC,KAAA,gBAAAA,EAAiB,WAAUL,GAAY,MAAK,UAC7F,WAAAK,KAAA,gBAAAA,EAAiB,UAAS,UAC9B;AAAA,KACCD,KAAA,gBAAAA,EAAe,UACb,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAWT,EAAc,SAAS,WAAWO,EAAQ,YAAY;AAAA,QACjE,UAAUP,EAAc;AAAA,QACxB,SAASA,EAAc;AAAA,QACvB,MAAK;AAAA,QAEJ,UAAA;AAAA,UAAAA,EAAc,QAAQ,gBAAAM,EAACE,GAAA,EAAK,MAAMR,EAAc,MAAM,MAAM,IAAI;AAAA,UAAG;AAAA,UAAEA,EAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvF,EAAA,CAEN;AAAA,GACH;"}

package/dist/components/common/ActionModal/ActionModal.module.scss

@@ -0,0 +1,60 @@
+// MODALS
+.loader {
+   position: absolute;
+   z-index: 9;
+   width: 100%;
+   height: 100%;
+   left: 0;
+   top: 0;
+   background-color: var(--content-background-color);
+   opacity: 0.7;
+   cursor: default;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+}
+
+.error {
+   padding: 4px 8px;
+   background-color: var(--error-bg-color);
+   color: var(--error-text-color);
+   margin-top: 10px;
+   border-radius: 6px;
+}
+
+.success {
+   padding: 4px 8px;
+   background-color: var(--success-bg-color);
+   color: var(--success-text-color);
+   margin-top: 10px;
+   border-radius: 6px;
+}
+
+.actions {
+   margin-top: 20px;
+   justify-content: right;
+   display: flex;
+   flex-direction: row;
+   gap: 10px;
+   button {
+      background-color: var(--line-color);
+      color: var(--content-text-color);
+      padding: 6px 12px;
+      border-radius: 4px;
+      transition: all 0.12s linear;
+      &:nth-child(2) {
+         background-color: var(--primary-color);
+         color: var(--primary-text-color);
+         &:hover {
+            background-color: var(--primary-hover-color);
+         }
+      }
+
+      &.dangerBtn {
+         background-color: var(--error-button-color);
+         &:hover {
+            background-color: var(--error-text-color);
+         }
+      }
+   }
+}

package/dist/components/common/ActionModal/ActionModal.module.scss.js

@@ -0,0 +1,16 @@
+const o = "ActionModal-module__loader___NjQYS", _ = "ActionModal-module__error___YJhPm", s = "ActionModal-module__success___Oi9Wr", c = "ActionModal-module__actions___AWph5", e = "ActionModal-module__dangerBtn___B214p", n = {
+  loader: o,
+  error: _,
+  success: s,
+  actions: c,
+  dangerBtn: e
+};
+export {
+  c as actions,
+  e as dangerBtn,
+  n as default,
+  _ as error,
+  o as loader,
+  s as success
+};
+//# sourceMappingURL=ActionModal.module.scss.js.map

package/dist/components/common/ActionModal/ActionModal.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionModal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface AnimatedWrapperProps {
+    children: React.ReactNode;
+    isVisible: boolean;
+    animationDuration?: number;
+    animationType?: 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'rotate';
+    className?: string;
+    onAnimationComplete?: () => void;
+    absolute?: boolean;
+}
+declare const AnimatedWrapper: React.FC<AnimatedWrapperProps>;
+export default AnimatedWrapper;
+//# sourceMappingURL=AnimatedWrapper.d.ts.map

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/common/AnimatedWrapper/AnimatedWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,oBAAoB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkDnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.js

@@ -0,0 +1,47 @@
+import { jsx as T } from "react/jsx-runtime";
+import { useState as a, useEffect as h } from "react";
+import s from "./AnimatedWrapper.module.scss.js";
+const W = ({
+  children: c,
+  isVisible: r,
+  animationDuration: t = 300,
+  animationType: d = "fade",
+  className: l = "",
+  absolute: $ = !1,
+  // Default to false for backward compatibility
+  onAnimationComplete: e
+}) => {
+  const [v, u] = a(!1), [m, f] = a(r);
+  return h(() => {
+    if (r)
+      f(!0), setTimeout(() => {
+        u(!0);
+      }, 10);
+    else {
+      u(!1);
+      const p = setTimeout(() => {
+        f(!1), e == null || e();
+      }, t);
+      return () => clearTimeout(p);
+    }
+  }, [r, t, e]), m ? /* @__PURE__ */ T(
+    "div",
+    {
+      className: `
+        ${s.animatedWrapper} 
+        ${s[d]} 
+        ${v ? s.active : ""} 
+        ${$ ? s.absolute : ""}
+        ${l}
+      `,
+      style: {
+        "--animation-duration": `${t}ms`
+      },
+      children: c
+    }
+  ) : null;
+};
+export {
+  W as default
+};
+//# sourceMappingURL=AnimatedWrapper.js.map

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedWrapper.js","sources":["../../../../src/components/common/AnimatedWrapper/AnimatedWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport classes from './AnimatedWrapper.module.scss';\r\n\r\nexport interface AnimatedWrapperProps {\r\n   children: React.ReactNode;\r\n   isVisible: boolean;\r\n   animationDuration?: number;\r\n   animationType?: 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'rotate';\r\n   className?: string;\r\n   onAnimationComplete?: () => void;\r\n   absolute?: boolean;\r\n}\r\n\r\nconst AnimatedWrapper: React.FC<AnimatedWrapperProps> = ({\r\n   children,\r\n   isVisible,\r\n   animationDuration = 300,\r\n   animationType = 'fade',\r\n   className = '',\r\n   absolute = false, // Default to false for backward compatibility\r\n   onAnimationComplete,\r\n}) => {\r\n   const [isActive, setIsActive] = useState(false);\r\n   const [shouldRender, setShouldRender] = useState(isVisible);\r\n\r\n   useEffect(() => {\r\n      if (isVisible) {\r\n         setShouldRender(true);\r\n         // Small delay to ensure DOM is ready before animation starts\r\n         setTimeout(() => {\r\n            setIsActive(true);\r\n         }, 10);\r\n      } else {\r\n         setIsActive(false);\r\n         // Wait for animation to complete before unmounting\r\n         const timer = setTimeout(() => {\r\n            setShouldRender(false);\r\n            onAnimationComplete?.();\r\n         }, animationDuration);\r\n         return () => clearTimeout(timer);\r\n      }\r\n   }, [isVisible, animationDuration, onAnimationComplete]);\r\n\r\n   if (!shouldRender) return null;\r\n\r\n   return (\r\n      <div\r\n         className={`\r\n        ${classes.animatedWrapper} \r\n        ${classes[animationType]} \r\n        ${isActive ? classes.active : ''} \r\n        ${absolute ? classes.absolute : ''}\r\n        ${className}\r\n      `}\r\n         style={\r\n            {\r\n               '--animation-duration': `${animationDuration}ms`,\r\n            } as React.CSSProperties\r\n         }\r\n      >\r\n         {children}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default AnimatedWrapper;\r\n"],"names":["AnimatedWrapper","children","isVisible","animationDuration","animationType","className","absolute","onAnimationComplete","isActive","setIsActive","useState","shouldRender","setShouldRender","useEffect","timer","jsx","classes"],"mappings":";;;AAaA,MAAMA,IAAkD,CAAC;AAAA,EACtD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA;AAAA,EACX,qBAAAC;AACH,MAAM;AACH,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAcC,CAAe,IAAIF,EAASR,CAAS;AAoB1D,SAlBAW,EAAU,MAAM;AACb,QAAIX;AACD,MAAAU,EAAgB,EAAI,GAEpB,WAAW,MAAM;AACd,QAAAH,EAAY,EAAI;AAAA,MACnB,GAAG,EAAE;AAAA,SACD;AACJ,MAAAA,EAAY,EAAK;AAEjB,YAAMK,IAAQ,WAAW,MAAM;AAC5B,QAAAF,EAAgB,EAAK,GACrBL,KAAA,QAAAA;AAAA,MACH,GAAGJ,CAAiB;AACpB,aAAO,MAAM,aAAaW,CAAK;AAAA,IAClC;AAAA,EACH,GAAG,CAACZ,GAAWC,GAAmBI,CAAmB,CAAC,GAEjDI,IAGF,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,WAAW;AAAA,UACVC,EAAQ,eAAe;AAAA,UACvBA,EAAQZ,CAAa,CAAC;AAAA,UACtBI,IAAWQ,EAAQ,SAAS,EAAE;AAAA,UAC9BV,IAAWU,EAAQ,WAAW,EAAE;AAAA,UAChCX,CAAS;AAAA;AAAA,MAEV,OACG;AAAA,QACG,wBAAwB,GAAGF,CAAiB;AAAA,MAAA;AAAA,MAIjD,UAAAF;AAAA,IAAA;AAAA,EAAA,IAjBmB;AAoB7B;"}

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.module.scss

@@ -0,0 +1,88 @@
+.animatedWrapper {
+   transition: all var(--animation-duration, 300ms) ease-in-out;
+   will-change: opacity, transform;
+}
+
+.absolute {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   padding: inherit;
+   box-sizing: border-box;
+}
+
+// Fade animation
+.fade {
+   opacity: 0;
+
+   &.active {
+      opacity: 1;
+   }
+}
+
+// Slide up animation
+.slide-up {
+   opacity: 0;
+   transform: translateY(20px);
+
+   &.active {
+      opacity: 1;
+      transform: translateY(0);
+   }
+}
+
+// Slide down animation
+.slide-down {
+   opacity: 0;
+   transform: translateY(-20px);
+
+   &.active {
+      opacity: 1;
+      transform: translateY(0);
+   }
+}
+
+// Slide left animation
+.slide-left {
+   opacity: 0;
+   transform: translateX(20px);
+
+   &.active {
+      opacity: 1;
+      transform: translateX(0);
+   }
+}
+
+// Slide right animation
+.slide-right {
+   opacity: 0;
+   transform: translateX(-20px);
+
+   &.active {
+      opacity: 1;
+      transform: translateX(0);
+   }
+}
+
+// Scale animation
+.scale {
+   opacity: 0;
+   transform: scale(0.9);
+
+   &.active {
+      opacity: 1;
+      transform: scale(1);
+   }
+}
+
+// Rotate animation
+.rotate {
+   opacity: 0;
+   transform: rotate(-10deg) scale(0.95);
+
+   &.active {
+      opacity: 1;
+      transform: rotate(0) scale(1);
+   }
+}

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.module.scss.js

@@ -0,0 +1,30 @@
+const e = "AnimatedWrapper-module__animatedWrapper___dOED3", _ = "AnimatedWrapper-module__absolute___m-nf6", d = "AnimatedWrapper-module__fade___m1Wzp", a = "AnimatedWrapper-module__active___6VRhx", t = "AnimatedWrapper-module__slide-up___tQLkK", l = "AnimatedWrapper-module__slide-down___4Z-Lj", i = "AnimatedWrapper-module__slide-left___sUf-y", p = "AnimatedWrapper-module__slide-right___w46pl", s = "AnimatedWrapper-module__scale___hVxRa", r = "AnimatedWrapper-module__rotate___cPDL1", o = {
+  animatedWrapper: e,
+  absolute: _,
+  fade: d,
+  active: a,
+  "slide-up": "AnimatedWrapper-module__slide-up___tQLkK",
+  slideUp: t,
+  "slide-down": "AnimatedWrapper-module__slide-down___4Z-Lj",
+  slideDown: l,
+  "slide-left": "AnimatedWrapper-module__slide-left___sUf-y",
+  slideLeft: i,
+  "slide-right": "AnimatedWrapper-module__slide-right___w46pl",
+  slideRight: p,
+  scale: s,
+  rotate: r
+};
+export {
+  _ as absolute,
+  a as active,
+  e as animatedWrapper,
+  o as default,
+  d as fade,
+  r as rotate,
+  s as scale,
+  l as slideDown,
+  i as slideLeft,
+  p as slideRight,
+  t as slideUp
+};
+//# sourceMappingURL=AnimatedWrapper.module.scss.js.map

package/dist/components/common/AnimatedWrapper/AnimatedWrapper.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedWrapper.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+interface ButtonProps {
+    text: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger';
+    customClass?: string;
+    disabled?: boolean;
+    icon?: React.ReactNode | string;
+    size?: 'sm' | 'md' | 'lg';
+    minWidth?: string;
+    padding?: string;
+    fillWidth?: boolean;
+}
+declare const Button: ({ text, size, customClass, disabled, variant, onClick, minWidth, padding, fillWidth, icon }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Button/Button.tsx"],"names":[],"mappings":"AAGA,UAAU,WAAW;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,GAAI,6FAA4G,WAAW,4CAiBtI,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/common/Button/Button.js

@@ -0,0 +1,25 @@
+import { jsxs as $, jsx as b } from "react/jsx-runtime";
+import d from "../Icon/Icon.js";
+import o from "./Button.module.scss.js";
+const x = ({ text: r, size: s = "md", customClass: m, disabled: u = !1, variant: e, onClick: n, minWidth: p, padding: f, fillWidth: l, icon: t }) => /* @__PURE__ */ $(
+  "button",
+  {
+    style: { minWidth: p, padding: f, width: l ? "100%" : void 0 },
+    onClick: n,
+    className: `
+            ${o.button} 
+            ${m} 
+            ${s ? o[`button--${s}`] : ""} 
+            ${e ? o[`button--${e}`] : ""}`,
+    disabled: u,
+    type: "button",
+    children: [
+      t && typeof t == "string" ? /* @__PURE__ */ b(d, { type: t, size: 13 }) : t,
+      r
+    ]
+  }
+);
+export {
+  x as default
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/common/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/common/Button/Button.tsx"],"sourcesContent":["import Icon from '../Icon/Icon';\r\nimport classes from './Button.module.scss';\r\n\r\ninterface ButtonProps {\r\n   text: string;\r\n   onClick: () => void;\r\n   variant?: 'primary' | 'secondary' | 'tertiary' | 'danger';\r\n   customClass?: string;\r\n   disabled?: boolean;\r\n   icon?: React.ReactNode | string;\r\n   size?: 'sm' | 'md' | 'lg';\r\n   minWidth?: string;\r\n   padding?: string;\r\n   fillWidth?: boolean;\r\n}\r\n\r\nconst Button = ({ text, size = 'md', customClass, disabled = false, variant, onClick, minWidth, padding, fillWidth, icon }: ButtonProps) => {\r\n   return (\r\n      <button\r\n         style={{ minWidth, padding, width: fillWidth ? '100%' : undefined }}\r\n         onClick={onClick}\r\n         className={`\r\n            ${classes.button} \r\n            ${customClass} \r\n            ${size ? classes[`button--${size}`] : ''} \r\n            ${variant ? classes[`button--${variant}`] : ''}`}\r\n         disabled={disabled}\r\n         type=\"button\"\r\n      >\r\n         {icon && typeof icon === 'string' ? <Icon type={icon} size={13} /> : icon}\r\n         {text}\r\n      </button>\r\n   );\r\n};\r\n\r\nexport default Button;\r\n"],"names":["Button","text","size","customClass","disabled","variant","onClick","minWidth","padding","fillWidth","icon","jsxs","classes","jsx","Icon"],"mappings":";;;AAgBA,MAAMA,IAAS,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,aAAAC,GAAa,UAAAC,IAAW,IAAO,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,QAE9G,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,OAAO,EAAE,UAAAJ,GAAU,SAAAC,GAAS,OAAOC,IAAY,SAAS,OAAA;AAAA,IACxD,SAAAH;AAAA,IACA,WAAW;AAAA,cACNM,EAAQ,MAAM;AAAA,cACdT,CAAW;AAAA,cACXD,IAAOU,EAAQ,WAAWV,CAAI,EAAE,IAAI,EAAE;AAAA,cACtCG,IAAUO,EAAQ,WAAWP,CAAO,EAAE,IAAI,EAAE;AAAA,IACjD,UAAAD;AAAA,IACA,MAAK;AAAA,IAEJ,UAAA;AAAA,MAAAM,KAAQ,OAAOA,KAAS,WAAW,gBAAAG,EAACC,KAAK,MAAMJ,GAAM,MAAM,GAAA,CAAI,IAAKA;AAAA,MACpET;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/common/Button/Button.module.scss

@@ -0,0 +1,56 @@
+.button {
+   padding: 12px 20px;
+   font-weight: 600;
+   font-size: 0.9em;
+   border-radius: 6px;
+   cursor: pointer;
+   transition: all 0.12s linear;
+   :global(.icon) {
+      margin-right: 5px;
+   }
+}
+
+.button--sm {
+   font-size: 0.75em;
+   border-radius: 4px;
+   padding: 8px 16px;
+}
+
+.button--lg {
+   font-size: 1.1em;
+   padding: 16px 24px;
+}
+
+.button--primary {
+   background-color: var(--primary-color);
+   color: var(--primary-text-color);
+   &:hover {
+      background-color: var(--primary-hover-color);
+   }
+}
+
+.button--secondary {
+   background-color: var(--primary-color-light);
+   color: var(--primary-color);
+   &:hover {
+      color: var(--primary-color-light);
+      background-color: var(--primary-color);
+   }
+}
+
+.button--tertiary {
+   background-color: var(--line-color);
+   color: var(--content-text-color-light);
+   &:hover {
+      filter: brightness(0.95);
+      color: var(--content-text-color);
+   }
+}
+
+.button--danger {
+   background-color: var(--error-button-color);
+   color: var(--primary-text-color);
+   &:hover {
+      background-color: var(--error-text-color);
+   }
+}

package/dist/components/common/Button/Button.module.scss.js

@@ -0,0 +1,26 @@
+const t = "Button-module__button___UIn0O", o = "Button-module__button--sm___JhcNX", n = "Button-module__button--lg___Wvjvi", _ = "Button-module__button--primary___MmUUT", u = "Button-module__button--secondary___APObC", b = "Button-module__button--tertiary___B2QzU", e = "Button-module__button--danger___hqAxm", r = {
+  button: t,
+  "button--sm": "Button-module__button--sm___JhcNX",
+  buttonSm: o,
+  "button--lg": "Button-module__button--lg___Wvjvi",
+  buttonLg: n,
+  "button--primary": "Button-module__button--primary___MmUUT",
+  buttonPrimary: _,
+  "button--secondary": "Button-module__button--secondary___APObC",
+  buttonSecondary: u,
+  "button--tertiary": "Button-module__button--tertiary___B2QzU",
+  buttonTertiary: b,
+  "button--danger": "Button-module__button--danger___hqAxm",
+  buttonDanger: e
+};
+export {
+  t as button,
+  e as buttonDanger,
+  n as buttonLg,
+  _ as buttonPrimary,
+  u as buttonSecondary,
+  o as buttonSm,
+  b as buttonTertiary,
+  r as default
+};
+//# sourceMappingURL=Button.module.scss.js.map

package/dist/components/common/Button/Button.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/common/FileIcon/FileIcon.d.ts

@@ -0,0 +1,8 @@
+interface FileIconProps {
+    filename: string;
+    customClass?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const FileIcon: ({ filename, size, customClass, ...props }: FileIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FileIcon;
+//# sourceMappingURL=FileIcon.d.ts.map

package/dist/components/common/FileIcon/FileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/FileIcon/FileIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,GAAI,2CAAkD,aAAa,4CAShF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/common/FileIcon/FileIcon.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import { getIconNameForFile as $ } from "../../../utils/getIconNameforFile.js";
+const f = ({ filename: o, size: s = "md", customClass: i, ...e }) => {
+  const t = $(o), n = `pfi-icon pfi-${t}${i ? ` ${i}` : ""} ${s ? ` pfi-${s}` : ""}`, r = o.substring(o.lastIndexOf(".") + 1).toLowerCase(), c = `File: ${o}${t !== "file" ? ` (Type: ${t} / ${r})` : ""}`;
+  return /* @__PURE__ */ a("i", { className: n, title: c, "aria-label": c, ...e });
+};
+export {
+  f as default
+};
+//# sourceMappingURL=FileIcon.js.map

package/dist/components/common/FileIcon/FileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileIcon.js","sources":["../../../../src/components/common/FileIcon/FileIcon.tsx"],"sourcesContent":["import { getIconNameForFile } from '../../../utils/getIconNameforFile';\r\n\r\ninterface FileIconProps {\r\n   filename: string;\r\n   customClass?: string;\r\n   size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst FileIcon = ({ filename, size = 'md', customClass, ...props }: FileIconProps) => {\r\n   const iconName = getIconNameForFile(filename);\r\n   const cssClass = `pfi-icon pfi-${iconName}${customClass ? ` ${customClass}` : ''} ${size ? ` pfi-${size}` : ''}`;\r\n\r\n   const actualExtension = filename.substring(filename.lastIndexOf('.') + 1).toLowerCase();\r\n   const title = `File: ${filename}${iconName !== 'file' ? ` (Type: ${iconName} / ${actualExtension})` : ''}`;\r\n   // ^ Ensure 'file' matches your actual DEFAULT_ICON_NAME if it's different\r\n\r\n   return <i className={cssClass} title={title} aria-label={title} {...props}></i>;\r\n};\r\n\r\nexport default FileIcon;\r\n"],"names":["FileIcon","filename","size","customClass","props","iconName","getIconNameForFile","cssClass","actualExtension","title","jsx"],"mappings":";;AAQA,MAAMA,IAAW,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,MAAM,aAAAC,GAAa,GAAGC,QAA2B;AACnF,QAAMC,IAAWC,EAAmBL,CAAQ,GACtCM,IAAW,gBAAgBF,CAAQ,GAAGF,IAAc,IAAIA,CAAW,KAAK,EAAE,IAAID,IAAO,QAAQA,CAAI,KAAK,EAAE,IAExGM,IAAkBP,EAAS,UAAUA,EAAS,YAAY,GAAG,IAAI,CAAC,EAAE,YAAA,GACpEQ,IAAQ,SAASR,CAAQ,GAAGI,MAAa,SAAS,WAAWA,CAAQ,MAAMG,CAAe,MAAM,EAAE;AAGxG,SAAO,gBAAAE,EAAC,OAAE,WAAWH,GAAU,OAAAE,GAAc,cAAYA,GAAQ,GAAGL,GAAO;AAC9E;"}

package/dist/components/common/FileManager/FileManager.d.ts

@@ -0,0 +1,14 @@
+type FileManagerProps = {
+    deviceId: string;
+    onSelect: (path: string) => void;
+    selectedPaths?: {
+        includes: string[];
+        excludes: string[];
+    };
+    defaultPath?: string;
+    selectionType?: 'all' | 'directory' | 'file';
+    allowMultiple?: boolean;
+};
+export declare const FileManager: ({ deviceId, onSelect, selectedPaths, defaultPath, allowMultiple, selectionType, }: FileManagerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FileManager.d.ts.map

package/dist/components/common/FileManager/FileManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManager.d.ts","sourceRoot":"","sources":["../../../../src/components/common/FileManager/FileManager.tsx"],"names":[],"mappings":"AAQA,KAAK,gBAAgB,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE;QACb,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAkBF,eAAO,MAAM,WAAW,GAAI,mFAOzB,gBAAgB,4CA+MlB,CAAC"}