pihr-ui-kit 0.0.1

package/dist/components/common/banner/index.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as e, Fragment as r } from "react/jsx-runtime";
+import { Fragment as m } from "react";
+import f from "../../../assets/icons/bookmarkIcon.js";
+import p from "../../../assets/icons/chevronRightIcon.js";
+import h from "../../../assets/icons/heartIcon.js";
+import { cn as d } from "../../../libs/index.js";
+import { useLocation as x, Link as a } from "react-router-dom";
+import g from "../../../assets/icons/bulbIcon.js";
+function F({ title: s, breadcrumbs: n }) {
+  const o = "py-1 text-xs font-medium leading-[18px] text-white", { pathname: c } = x();
+  return /* @__PURE__ */ i("div", { className: "flex justify-between h-[142px] px-5 pb-[60px] pt-5 bg-gradient-to-r from-[#496CDF] to-[#7160EF]", children: [
+    /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-start", children: n == null ? void 0 : n.map((t, l) => /* @__PURE__ */ e(m, { children: l === 0 ? /* @__PURE__ */ e(
+        a,
+        {
+          to: t.path,
+          onClick: t.onClick,
+          className: o,
+          children: t.label
+        }
+      ) : /* @__PURE__ */ i(r, { children: [
+        l !== 0 && /* @__PURE__ */ e(p, { className: "mx-1" }),
+        /* @__PURE__ */ e(
+          a,
+          {
+            onClick: t.onClick,
+            to: t.path,
+            className: d(`${o}`, {
+              "text-gray-300": c.includes(t.path)
+            }),
+            children: t.label
+          }
+        )
+      ] }) }, l)) }),
+      /* @__PURE__ */ e("h3", { className: "mt-1 text-2xl font-bold leading-8 text-white", children: s })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex justify-between gap-5 py-[13px]", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9", children: /* @__PURE__ */ e(g, {}) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9", children: /* @__PURE__ */ e(f, {}) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9", children: /* @__PURE__ */ e(h, {}) })
+    ] })
+  ] });
+}
+export {
+  F as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/common/banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/common/banner/index.tsx"],"sourcesContent":["import { Fragment } from \"react\";\n// import { SelectOptionProps } from \"@vivakits/react-components\";\nimport BookmarkIcon from \"../../../assets/icons/bookmarkIcon\";\nimport ChevronRightIcon from \"../../../assets/icons/chevronRightIcon\";\nimport HeartIcon from \"../../../assets/icons/heartIcon\";\n\n// @remote import\nimport { cn } from \"../../../libs\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport BulbIcon from \"../../../assets/icons/bulbIcon\";\n// import { useGetWingsSLIQuery } from \"@/services/wingsDropdownService\";\n// import { getOptionById, getOptions } from \"@/utils/option\";\n// import { useShowErrorToaster } from \"@/hooks/useShowErrorToaster\";\n// import { useTranslation } from \"../../../utils/translation-helpers\";\n\ninterface Props {\n  title?: string;\n  breadcrumbs?: {\n    label: string;\n    path: string;\n    onClick?: () => void;\n  }[];\n  showWing?: boolean;\n}\n\nfunction Banner({ title, breadcrumbs }: Props) {\n  // const { t } = useTranslation();\n\n  // const [selectedWing, setSelectedWing] = useState<\n  //   SelectOptionProps | undefined\n  // >();\n  // const {\n  //   data: wingsData,\n  //   isLoading: isLoadingWings,\n  //   isError: isErrorWings,\n  // } = useGetWingsSLIQuery(\"\", { skip: !showWing });\n\n  // const [searchParams, setSearchParams] = useSearchParams();\n  // const wing_id = searchParams.get(\"wing_id\");\n  const links = \"py-1 text-xs font-medium leading-[18px] text-white\";\n  const { pathname } = useLocation();\n\n  // useEffect(() => {\n  //   if (wingsData) {\n  //     const wingOption = getOptionById(wing_id ?? \"\", wingsData);\n  //     setSelectedWing(wingOption);\n  //   }\n  // }, [wingsData, wing_id]);\n\n  // useShowErrorToaster(isErrorWings, t(\"WING_FETCH_ERROR\"));\n\n  // function handleWingsChange(val: SelectOptionProps | undefined) {\n  //   val && setSelectedWing(val);\n  //   if (val && val?.value === \"\") {\n  //     setSearchParams((params) => {\n  //       params.delete(\"wing_id\");\n  //       params.has(\"page_number\") && params.set(\"page_number\", \"1\");\n  //       return params;\n  //     });\n  //   } else {\n  //     val &&\n  //       setSearchParams((params) => {\n  //         params.set(\"wing_id\", String(val.value));\n  //         params.has(\"page_number\") && params.set(\"page_number\", \"1\");\n  //         return params;\n  //       });\n  //   }\n  // }\n\n  return (\n    <div className=\"flex justify-between h-[142px] px-5 pb-[60px] pt-5 bg-gradient-to-r from-[#496CDF] to-[#7160EF]\">\n      <div className=\"flex flex-col\">\n        {/* Breadcrumb */}\n        <div className=\"flex items-center justify-start\">\n          {breadcrumbs?.map((breadcrumb, index) => (\n            <Fragment key={index}>\n              {index === 0 ? (\n                <Link\n                  to={breadcrumb.path}\n                  onClick={breadcrumb.onClick}\n                  className={links}\n                >\n                  {breadcrumb.label}\n                </Link>\n              ) : (\n                <>\n                  {index !== 0 && <ChevronRightIcon className=\"mx-1\" />}\n                  <Link\n                    onClick={breadcrumb.onClick}\n                    to={breadcrumb.path}\n                    className={cn(`${links}`, {\n                      \"text-gray-300\": pathname.includes(breadcrumb.path),\n                    })}\n                  >\n                    {breadcrumb.label}\n                  </Link>\n                </>\n              )}\n            </Fragment>\n          ))}\n        </div>\n        {/* Title */}\n        <h3 className=\"mt-1 text-2xl font-bold leading-8 text-white\">\n          {title}\n        </h3>\n      </div>\n\n      <div className=\"flex justify-between gap-5 py-[13px]\">\n        <div className=\"flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9\">\n          <BulbIcon />\n        </div>\n        <div className=\"flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9\">\n          <BookmarkIcon />\n        </div>\n        <div className=\"flex items-center justify-center rounded-md bg-gray-25 bg-opacity-10 h-9 w-9\">\n          <HeartIcon />\n        </div>\n        {/* {showWing && (\n          <div className=\"w-[218px]\">\n            <Select\n              styles={{\n                wrapper: \"w-[100%] rounded-lg\",\n                menu: \"\",\n                options: \"text-gray-700\",\n              }}\n              className=\"w-full !h-9 !min-h-9 text-white font-medium border-none bg-white !bg-opacity-10 \"\n              labelClassName=\"text-gray-750 font-medium\"\n              placeholder={t(\"SELECT\", \"Select\")}\n              isSearchable\n              isScrollable\n              isLoading={isLoadingWings}\n              options={wingsData ? getOptions(wingsData) : []}\n              value={selectedWing}\n              onChange={(val: any) => handleWingsChange(val)}\n            />\n          </div>\n        )} */}\n      </div>\n    </div>\n  );\n}\n\nexport default Banner;\n"],"names":["Banner","title","breadcrumbs","links","pathname","useLocation","jsxs","jsx","breadcrumb","index","Fragment","Link","ChevronRightIcon","cn","BulbIcon","BookmarkIcon","HeartIcon"],"mappings":";;;;;;;;AAyBA,SAASA,EAAO,EAAE,OAAAC,GAAO,aAAAC,KAAsB;AAc7C,QAAMC,IAAQ,sDACR,EAAE,UAAAC,MAAaC;AA8BnB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mGACb,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,iBAEb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mCACZ,UAAAL,KAAA,gBAAAA,EAAa,IAAI,CAACM,GAAYC,MAC5BC,gBAAAA,EAAAA,GAAA,EACE,UAAAD,MAAU,IACT,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAIH,EAAW;AAAA,UACf,SAASA,EAAW;AAAA,UACpB,WAAWL;AAAA,UAEV,UAAWK,EAAA;AAAA,QAAA;AAAA,MAAA,IAIX,gBAAAF,EAAAI,GAAA,EAAA,UAAA;AAAA,QAAAD,MAAU,KAAK,gBAAAF,EAACK,GAAiB,EAAA,WAAU,QAAO;AAAA,QACnD,gBAAAL;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAASH,EAAW;AAAA,YACpB,IAAIA,EAAW;AAAA,YACf,WAAWK,EAAG,GAAGV,CAAK,IAAI;AAAA,cACxB,iBAAiBC,EAAS,SAASI,EAAW,IAAI;AAAA,YAAA,CACnD;AAAA,YAEA,UAAWA,EAAA;AAAA,UAAA;AAAA,QACd;AAAA,MACF,EAAA,CAAA,EAAA,GArBWC,CAuBf,IAEJ;AAAA,MAEC,gBAAAF,EAAA,MAAA,EAAG,WAAU,gDACX,UACHN,GAAA;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAK,EAAC,OAAI,EAAA,WAAU,wCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,gFACb,UAAA,gBAAAA,EAACO,IAAS,CAAA,GACZ;AAAA,wBACC,OAAI,EAAA,WAAU,gFACb,UAAA,gBAAAP,EAACQ,IAAa,CAAA,GAChB;AAAA,wBACC,OAAI,EAAA,WAAU,gFACb,UAAA,gBAAAR,EAACS,IAAU,CAAA,GACb;AAAA,IAAA,GAqBF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/common/button/CancelBtn.js

@@ -0,0 +1,26 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Button as a } from "@vivakits/react-components";
+import { cn as l } from "../../../libs/index.js";
+function m(n) {
+  const t = () => {
+    n.handleAction && n.handleAction(n.args);
+  };
+  return /* @__PURE__ */ e(
+    a,
+    {
+      type: n.type ? n.type : "button",
+      className: l("cancel-btn-wrapper", n.className),
+      loading: n.isLoading,
+      disabled: n.isDisabled,
+      onClick: () => t(),
+      children: [
+        n.icon,
+        /* @__PURE__ */ i("span", { children: n.title })
+      ]
+    }
+  );
+}
+export {
+  m as default
+};
+//# sourceMappingURL=CancelBtn.js.map

package/dist/components/common/button/CancelBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelBtn.js","sources":["../../../../src/components/common/button/CancelBtn.tsx"],"sourcesContent":["import { Button } from \"@vivakits/react-components\";\nimport { cn } from \"@/libs\";\n\ntype TProps = {\n  title: any;\n  type?: \"submit\" | \"reset\" | \"button\" | undefined;\n  handleAction?: any;\n  args?: any;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  icon?: JSX.Element;\n  className?: string;\n};\nexport default function CancelBtn(props: TProps) {\n  const handleOnClick = () => {\n    !props.handleAction ? undefined : props.handleAction(props.args);\n  };\n\n  return (\n    <Button\n      type={props.type ? props.type : \"button\"}\n      className={cn(\"cancel-btn-wrapper\", props.className)}\n      loading={props.isLoading}\n      disabled={props.isDisabled}\n      onClick={() => handleOnClick()}\n    >\n      {props.icon}\n      <span>{props.title}</span>\n    </Button>\n  );\n}\n"],"names":["CancelBtn","props","handleOnClick","jsxs","Button","cn","jsx"],"mappings":";;;AAaA,SAAwBA,EAAUC,GAAe;AAC/C,QAAMC,IAAgB,MAAM;AAC1B,IAACD,EAAM,gBAA2BA,EAAM,aAAaA,EAAM,IAAI;AAAA,EAAA;AAI/D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH,EAAM,OAAOA,EAAM,OAAO;AAAA,MAChC,WAAWI,EAAG,sBAAsBJ,EAAM,SAAS;AAAA,MACnD,SAASA,EAAM;AAAA,MACf,UAAUA,EAAM;AAAA,MAChB,SAAS,MAAMC,EAAc;AAAA,MAE5B,UAAA;AAAA,QAAMD,EAAA;AAAA,QACP,gBAAAK,EAAC,QAAM,EAAA,UAAAL,EAAM,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/components/common/button/PrimaryBtn.js

@@ -0,0 +1,26 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import d from "../../../assets/icons/plusIcon.js";
+import { Button as l } from "@vivakits/react-components";
+import { cn as c } from "../../../libs/index.js";
+function f(n) {
+  const t = (i) => {
+    i.preventDefault(), n.handleAction(n.args);
+  };
+  return /* @__PURE__ */ e(
+    l,
+    {
+      className: c("add-btn-wrapper", n.className),
+      loading: n.isLoading,
+      disabled: n.isLoading || n.isDisabled,
+      onClick: (i) => t(i),
+      children: [
+        n.addIcon ? /* @__PURE__ */ a(d, {}) : n.icon,
+        /* @__PURE__ */ a("span", { children: n.title })
+      ]
+    }
+  );
+}
+export {
+  f as default
+};
+//# sourceMappingURL=PrimaryBtn.js.map

package/dist/components/common/button/PrimaryBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryBtn.js","sources":["../../../../src/components/common/button/PrimaryBtn.tsx"],"sourcesContent":["import { PlusIcon } from \"@/assets/icons\";\nimport { Button } from \"@vivakits/react-components\";\nimport { cn } from \"@/libs\";\n\ntype TProps = {\n  title: any;\n  handleAction: any;\n  args?: any;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  icon?: JSX.Element;\n  className?: string;\n  addIcon?: boolean;\n};\n\nexport default function PrimaryBtn(props: TProps) {\n  const handleOnClick = (e: any) => {\n    e.preventDefault();\n    props.handleAction(props.args);\n  };\n\n  return (\n    <Button\n      className={cn(\"add-btn-wrapper\", props.className)}\n      loading={props.isLoading}\n      disabled={props.isLoading || props.isDisabled}\n      onClick={(e: any) => handleOnClick(e)}\n    >\n      {props.addIcon ? <PlusIcon /> : props.icon}\n      <span>{props.title}</span>\n    </Button>\n  );\n}\n"],"names":["PrimaryBtn","props","handleOnClick","e","jsxs","Button","cn","jsx","PlusIcon"],"mappings":";;;;AAeA,SAAwBA,EAAWC,GAAe;AAC1C,QAAAC,IAAgB,CAACC,MAAW;AAChC,IAAAA,EAAE,eAAe,GACXF,EAAA,aAAaA,EAAM,IAAI;AAAA,EAAA;AAI7B,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,mBAAmBL,EAAM,SAAS;AAAA,MAChD,SAASA,EAAM;AAAA,MACf,UAAUA,EAAM,aAAaA,EAAM;AAAA,MACnC,SAAS,CAACE,MAAWD,EAAcC,CAAC;AAAA,MAEnC,UAAA;AAAA,QAAAF,EAAM,UAAU,gBAAAM,EAACC,GAAS,CAAA,CAAA,IAAKP,EAAM;AAAA,QACtC,gBAAAM,EAAC,QAAM,EAAA,UAAAN,EAAM,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/components/common/button/SaveBtn.js

@@ -0,0 +1,26 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Button as l } from "@vivakits/react-components";
+import { cn as d } from "../../../libs/index.js";
+function s(i) {
+  const t = (n) => {
+    i.handleAction && i.handleAction(n, i.args);
+  };
+  return /* @__PURE__ */ a(
+    l,
+    {
+      type: i.type ? i.type : "submit",
+      className: d("save-btn-wrapper", i.className),
+      loading: i.isLoading,
+      disabled: i.isLoading || i.isDisabled,
+      onClick: (n) => t(n),
+      children: [
+        i.icon,
+        /* @__PURE__ */ e("span", { children: i.title })
+      ]
+    }
+  );
+}
+export {
+  s as default
+};
+//# sourceMappingURL=SaveBtn.js.map

package/dist/components/common/button/SaveBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveBtn.js","sources":["../../../../src/components/common/button/SaveBtn.tsx"],"sourcesContent":["import { Button } from \"@vivakits/react-components\";\nimport { cn } from \"../../../libs\";\n\ntype TProps = {\n  title: string;\n  type?: \"submit\" | \"reset\" | \"button\" | undefined;\n  handleAction?: (e: React.MouseEvent<HTMLButtonElement>, args: any) => void;\n  args?: any;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  icon?: JSX.Element;\n  className?: string;\n};\nexport default function SaveBtn(props: TProps) {\n  const handleOnClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    !props.handleAction ? undefined : props.handleAction(e, props.args);\n  };\n\n  return (\n    <Button\n      type={props.type ? props.type : \"submit\"}\n      className={cn(\"save-btn-wrapper\", props.className)}\n      loading={props.isLoading}\n      disabled={props.isLoading || props.isDisabled}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleOnClick(e)}\n    >\n      {props.icon}\n      <span>{props.title}</span>\n    </Button>\n  );\n}\n"],"names":["SaveBtn","props","handleOnClick","e","jsxs","Button","cn","jsx"],"mappings":";;;AAaA,SAAwBA,EAAQC,GAAe;AACvC,QAAAC,IAAgB,CAACC,MAA2C;AAChE,IAACF,EAAM,gBAA2BA,EAAM,aAAaE,GAAGF,EAAM,IAAI;AAAA,EAAA;AAIlE,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ,EAAM,OAAOA,EAAM,OAAO;AAAA,MAChC,WAAWK,EAAG,oBAAoBL,EAAM,SAAS;AAAA,MACjD,SAASA,EAAM;AAAA,MACf,UAAUA,EAAM,aAAaA,EAAM;AAAA,MACnC,SAAS,CAACE,MAA2CD,EAAcC,CAAC;AAAA,MAEnE,UAAA;AAAA,QAAMF,EAAA;AAAA,QACP,gBAAAM,EAAC,QAAM,EAAA,UAAAN,EAAM,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/components/common/button/actionEdit.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as i } from "../../../libs/index.js";
+import n from "../../../assets/icons/editIconLatest.js";
+const c = ({
+  onClick: r,
+  className: o,
+  ...e
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    onClick: r,
+    className: i(
+      "flex justify-center items-center cursor-pointer pr-[-5px]",
+      o
+    ),
+    ...e,
+    children: /* @__PURE__ */ t(n, {})
+  }
+), f = c;
+export {
+  f as default
+};
+//# sourceMappingURL=actionEdit.js.map

package/dist/components/common/button/actionEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionEdit.js","sources":["../../../../src/components/common/button/actionEdit.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@/libs\";\nimport EditIconV3 from \"@/assets/icons/editIconLatest\";\n\ntype AddNewButtonProps = {\n  onClick: () => void;\n  className?: string;\n};\n\nconst ActionEdit: React.FC<AddNewButtonProps> = ({\n  onClick,\n  className,\n  ...props\n}) => {\n  return (\n    <span\n      onClick={onClick}\n      className={cn(\n        \"flex justify-center items-center cursor-pointer pr-[-5px]\",\n        className,\n      )}\n      {...props}\n    >\n      <EditIconV3 />\n    </span>\n  );\n};\n\nexport default ActionEdit;\n"],"names":["ActionEdit","onClick","className","props","jsx","cn","EditIconV3","ActionEdit$1"],"mappings":";;;AASA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,4BAACG,GAAW,EAAA;AAAA,EAAA;AAAA,GAKlBC,IAAeP;"}

package/dist/components/common/button/addNew.js

@@ -0,0 +1,32 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { Button as s } from "@vivakits/react-components";
+import p from "../../../assets/icons/plusIcon.js";
+import { useTranslation as i } from "react-i18next";
+import { cn as d } from "../../../libs/index.js";
+const c = ({
+  onClick: o,
+  className: r,
+  ...e
+}) => {
+  const { t: n } = i();
+  return /* @__PURE__ */ m(
+    s,
+    {
+      onClick: o,
+      className: d(
+        "flex items-center !h-9 px-[14px] py-2 gap-2 font-semibold bg-primary-600",
+        r
+      ),
+      ...e,
+      children: [
+        /* @__PURE__ */ t(p, {}),
+        " ",
+        /* @__PURE__ */ t("p", { children: n("ADD_NEW", "Add New") })
+      ]
+    }
+  );
+}, N = c;
+export {
+  N as default
+};
+//# sourceMappingURL=addNew.js.map

package/dist/components/common/button/addNew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addNew.js","sources":["../../../../src/components/common/button/addNew.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@vivakits/react-components\";\nimport { PlusIcon } from \"@/assets/icons\";\nimport { useTranslation } from \"@/utils/translation-helpers\";\nimport { cn } from \"@/libs\";\n\ntype AddNewButtonProps = {\n  onClick: () => void;\n  className?: string;\n};\n\nconst AddNewButton: React.FC<AddNewButtonProps> = ({\n  onClick,\n  className,\n  ...props\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Button\n      onClick={onClick}\n      className={cn(\n        \"flex items-center !h-9 px-[14px] py-2 gap-2 font-semibold bg-primary-600\",\n        className,\n      )}\n      {...props}\n    >\n      <PlusIcon /> <p>{t(\"ADD_NEW\", \"Add New\")}</p>\n    </Button>\n  );\n};\n\nexport default AddNewButton;\n"],"names":["AddNewButton","onClick","className","props","t","useTranslation","jsxs","Button","cn","jsx","PlusIcon","AddNewButton$1"],"mappings":";;;;;AAWA,MAAMA,IAA4C,CAAC;AAAA,EACjD,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,GAAAC,MAAMC;AAEZ,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAS,EAAA;AAAA,QAAE;AAAA,QAAE,gBAAAD,EAAA,KAAA,EAAG,UAAEL,EAAA,WAAW,SAAS,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/C,GAEAO,IAAeX;"}

package/dist/components/common/button/blueCancel.js

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Button as e } from "@vivakits/react-components";
+import { useTranslation as l } from "react-i18next";
+import { cn as i } from "../../../libs/index.js";
+const m = ({
+  onClick: t,
+  className: o,
+  ...n
+}) => {
+  const { t: r } = l();
+  return /* @__PURE__ */ a(
+    e,
+    {
+      variant: "light",
+      type: "button",
+      className: i("!bg-primary-light px-8 !w-28", o),
+      onClick: t,
+      ...n,
+      children: r("CANCEL", "Cancel")
+    }
+  );
+}, f = m;
+export {
+  f as default
+};
+//# sourceMappingURL=blueCancel.js.map

package/dist/components/common/button/blueCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueCancel.js","sources":["../../../../src/components/common/button/blueCancel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@vivakits/react-components\";\nimport { useTranslation } from \"@/utils/translation-helpers\";\nimport { cn } from \"@/libs\";\n\ntype AddNewButtonProps = {\n  onClick: () => void;\n  className?: string;\n};\n\nconst BlueCancelButton: React.FC<AddNewButtonProps> = ({\n  onClick,\n  className,\n  ...props\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Button\n      variant=\"light\"\n      type=\"button\"\n      className={cn(\"!bg-primary-light px-8 !w-28\", className)}\n      onClick={onClick}\n      {...props}\n    >\n      {t(\"CANCEL\", \"Cancel\")}\n    </Button>\n  );\n};\n\nexport default BlueCancelButton;\n"],"names":["BlueCancelButton","onClick","className","props","t","useTranslation","jsx","Button","cn","BlueCancelButton$1"],"mappings":";;;;AAUA,MAAMA,IAAgD,CAAC;AAAA,EACrD,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,GAAAC,MAAMC;AAEZ,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAWC,EAAG,gCAAgCN,CAAS;AAAA,MACvD,SAAAD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAC,EAAE,UAAU,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG3B,GAEAK,IAAeT;"}

package/dist/components/common/button/blueSave.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Button as a } from "@vivakits/react-components";
+import { useTranslation as m } from "react-i18next";
+import { cn as s } from "../../../libs/index.js";
+const u = ({
+  onClick: t,
+  className: o,
+  ...r
+}) => {
+  const { t: e } = m();
+  return /* @__PURE__ */ n(
+    a,
+    {
+      className: s("px-8 !w-28", o),
+      onClick: t,
+      ...r,
+      children: e("SAVE", "Save")
+    }
+  );
+}, f = u;
+export {
+  f as default
+};
+//# sourceMappingURL=blueSave.js.map

package/dist/components/common/button/blueSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueSave.js","sources":["../../../../src/components/common/button/blueSave.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@vivakits/react-components\";\nimport { useTranslation } from \"@/utils/translation-helpers\";\nimport { cn } from \"@/libs\";\n\ntype AddNewButtonProps = {\n  onClick: () => void;\n  className?: string;\n};\n\nconst BlueSaveButton: React.FC<AddNewButtonProps> = ({\n  onClick,\n  className,\n  ...props\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Button\n      className={cn(\"px-8 !w-28\", className)}\n      onClick={onClick}\n      {...props}\n    >\n      {t(\"SAVE\", \"Save\")}\n    </Button>\n  );\n};\n\nexport default BlueSaveButton;\n"],"names":["BlueSaveButton","onClick","className","props","t","useTranslation","jsx","Button","cn","BlueSaveButton$1"],"mappings":";;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,GAAAC,MAAMC;AAEZ,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,cAAcN,CAAS;AAAA,MACrC,SAAAD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAC,EAAE,QAAQ,MAAM;AAAA,IAAA;AAAA,EAAA;AAGvB,GAEAK,IAAeT;"}

package/dist/components/common/button/iconButton.js

@@ -0,0 +1,67 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as d } from "../../../libs/index.js";
+import { Button as i } from "@vivakits/react-components";
+import r from "react";
+const a = {
+  default: {
+    bg: "bg-gray-200 hover:bg-gray-300",
+    text: "text-gray-700"
+  },
+  primary: {
+    bg: "bg-primary-100 hover:bg-primary-50",
+    text: "text-primary-600"
+  },
+  secondary: {
+    bg: "bg-secondary-100 hover:bg-secondary-200",
+    text: "text-secondary-600"
+  },
+  success: {
+    bg: "bg-success-100 hover:bg-success-50",
+    text: "text-success-600"
+  },
+  danger: {
+    bg: "bg-red-100 hover:bg-red-200",
+    text: "text-red-600"
+  }
+}, f = {
+  small: "!w-8 !h-8",
+  medium: "!w-10 !h-10",
+  large: "!w-12 !h-12"
+}, b = ({
+  color: o = "default",
+  className: c,
+  size: l = "small",
+  isDisabled: e = !1,
+  isLoading: m = !1,
+  onClick: s,
+  children: g
+}) => {
+  const u = () => {
+    !e && s && s();
+  };
+  return /* @__PURE__ */ n(
+    i,
+    {
+      type: "button",
+      className: d(
+        "!flex !items-center !justify-center rounded-full transition-colors !p-0",
+        a[o].bg,
+        a[o].text,
+        f[l],
+        e && "opacity-50 cursor-not-allowed pointer-events-none",
+        c
+      ),
+      onClick: u,
+      disabled: e,
+      loading: m,
+      children: /* @__PURE__ */ n("span", { className: "flex items-center justify-center w-full h-full", children: r.Children.map(
+        g,
+        (t) => r.isValidElement(t) ? r.cloneElement(t, { className: "h-1/2 w-auto" }) : t
+      ) })
+    }
+  );
+}, v = b;
+export {
+  v as default
+};
+//# sourceMappingURL=iconButton.js.map

package/dist/components/common/button/iconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.js","sources":["../../../../src/components/common/button/iconButton.tsx"],"sourcesContent":["import { cn } from \"@/libs\";\nimport { Button } from \"@vivakits/react-components\";\nimport React from \"react\";\n\ntype IconButtonColor =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"danger\"\n  | \"success\";\n\ninterface IconButtonProps {\n  color?: IconButtonColor;\n  className?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n  isDisabled?: boolean;\n  isLoading?: boolean;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nconst COLOR_MAP: Record<IconButtonColor, { bg: string; text: string }> = {\n  default: {\n    bg: \"bg-gray-200 hover:bg-gray-300\",\n    text: \"text-gray-700\",\n  },\n  primary: {\n    bg: \"bg-primary-100 hover:bg-primary-50\",\n    text: \"text-primary-600\",\n  },\n  secondary: {\n    bg: \"bg-secondary-100 hover:bg-secondary-200\",\n    text: \"text-secondary-600\",\n  },\n  success: {\n    bg: \"bg-success-100 hover:bg-success-50\",\n    text: \"text-success-600\",\n  },\n  danger: {\n    bg: \"bg-red-100 hover:bg-red-200\",\n    text: \"text-red-600\",\n  },\n};\n\nconst SIZE_MAP: Record<\"small\" | \"medium\" | \"large\", string> = {\n  small: \"!w-8 !h-8\",\n  medium: \"!w-10 !h-10\",\n  large: \"!w-12 !h-12\",\n};\n\nconst IconButton: React.FC<IconButtonProps> = ({\n  color = \"default\",\n  className,\n  size = \"small\",\n  isDisabled = false,\n  isLoading = false,\n  onClick,\n  children,\n}) => {\n  const handleClick = () => {\n    if (!isDisabled && onClick) onClick();\n  };\n\n  return (\n    <Button\n      type=\"button\"\n      className={cn(\n        \"!flex !items-center !justify-center rounded-full transition-colors !p-0\",\n        COLOR_MAP[color].bg,\n        COLOR_MAP[color].text,\n        SIZE_MAP[size],\n        isDisabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      disabled={isDisabled}\n      loading={isLoading}\n    >\n      <span className=\"flex items-center justify-center w-full h-full\">\n        {React.Children.map(children, (child) =>\n          React.isValidElement<{ className?: string }>(child)\n            ? React.cloneElement(child, { className: \"h-1/2 w-auto\" })\n            : child,\n        )}\n      </span>\n    </Button>\n  );\n};\n\nexport default IconButton;\n"],"names":["COLOR_MAP","SIZE_MAP","IconButton","color","className","size","isDisabled","isLoading","onClick","children","handleClick","jsx","Button","cn","child","React","IconButton$1"],"mappings":";;;;AAqBA,MAAMA,IAAmE;AAAA,EACvE,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAAyD;AAAA,EAC7D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GAEMC,IAAwC,CAAC;AAAA,EAC7C,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,MAAM;AACxB,IAAI,CAACJ,KAAcE,KAAiBA;EAAA;AAIpC,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA,QACAb,EAAUG,CAAK,EAAE;AAAA,QACjBH,EAAUG,CAAK,EAAE;AAAA,QACjBF,EAASI,CAAI;AAAA,QACbC,KAAc;AAAA,QACdF;AAAA,MACF;AAAA,MACA,SAASM;AAAA,MACT,UAAUJ;AAAA,MACV,SAASC;AAAA,MAET,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,kDACb,YAAM,SAAS;AAAA,QAAIF;AAAA,QAAU,CAACK,MAC7BC,EAAM,eAAuCD,CAAK,IAC9CC,EAAM,aAAaD,GAAO,EAAE,WAAW,eAAA,CAAgB,IACvDA;AAAA,MAAA,GAER;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAE,IAAed;"}

package/dist/components/common/button/index.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { cn as m } from "../../../libs/index.js";
+import { Button as y } from "@vivakits/react-components";
+const g = {
+  primary: "!bg-primary-600 text-white hover:bg-primary-700",
+  secondary: "!bg-secondary-500 text-white hover:bg-secondary-500",
+  danger: "bg-danger-600 text-white hover:bg-danger-700",
+  tertiary: "bg-transparent text-gray-600 border border-gray-600 hover:bg-gray-100",
+  icon: "w-10 h-10 p-0 rounded-full flex items-center justify-center"
+}, u = ({
+  type: s = "button",
+  className: p,
+  variation: t = "primary",
+  label: n,
+  icon: a,
+  isLoading: r = !1,
+  isDisabled: o = !1,
+  onClick: c
+}) => {
+  const i = () => {
+    !o && !r && c && c();
+  };
+  return /* @__PURE__ */ e(
+    y,
+    {
+      type: s,
+      className: m(
+        "app-btn flex items-center justify-center gap-2 px-3.5 !h-9 py-2 rounded-lg font-semibold transition-colors",
+        g[t],
+        r && "opacity-70 pointer-events-none",
+        o && "opacity-50 cursor-not-allowed",
+        p
+      ),
+      onClick: i,
+      disabled: o || r,
+      "aria-label": t === "icon" ? String(n) || "icon-button" : void 0,
+      children: r ? /* @__PURE__ */ e("span", { className: "loader" }) : /* @__PURE__ */ d(l, { children: [
+        a && /* @__PURE__ */ e("span", { className: "icon", children: a }),
+        n && t !== "icon" && /* @__PURE__ */ e("span", { children: n })
+      ] })
+    }
+  );
+};
+export {
+  u as AppButton
+};
+//# sourceMappingURL=index.js.map

package/dist/components/common/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/common/button/index.tsx"],"sourcesContent":["import { cn } from \"@/libs\";\nimport { Button } from \"@vivakits/react-components\";\nimport React from \"react\";\n\nexport type AppButtonVariation =\n  | \"primary\"\n  | \"secondary\"\n  | \"danger\"\n  | \"tertiary\"\n  | \"icon\";\n\ninterface AppButtonProps {\n  type?: \"button\" | \"submit\" | \"reset\";\n  className?: string;\n  variation?: AppButtonVariation;\n  label?: string;\n  icon?: React.ReactNode;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  onClick?: () => void;\n}\n\n// Centralized style map for variations\nconst VARIATION_CLASSES: Record<AppButtonVariation, string> = {\n  primary: \"!bg-primary-600 text-white hover:bg-primary-700\",\n  secondary: \"!bg-secondary-500 text-white hover:bg-secondary-500\",\n  danger: \"bg-danger-600 text-white hover:bg-danger-700\",\n  tertiary:\n    \"bg-transparent text-gray-600 border border-gray-600 hover:bg-gray-100\",\n  icon: \"w-10 h-10 p-0 rounded-full flex items-center justify-center\",\n};\n\nexport const AppButton: React.FC<AppButtonProps> = ({\n  type = \"button\",\n  className,\n  variation = \"primary\",\n  label,\n  icon,\n  isLoading = false,\n  isDisabled = false,\n  onClick,\n}) => {\n  const handleClick = () => {\n    if (!isDisabled && !isLoading && onClick) {\n      onClick();\n    }\n  };\n\n  return (\n    <Button\n      type={type}\n      className={cn(\n        \"app-btn flex items-center justify-center gap-2 px-3.5 !h-9 py-2 rounded-lg font-semibold transition-colors\",\n        VARIATION_CLASSES[variation],\n        isLoading && \"opacity-70 pointer-events-none\",\n        isDisabled && \"opacity-50 cursor-not-allowed\",\n        className,\n      )}\n      onClick={handleClick}\n      disabled={isDisabled || isLoading}\n      aria-label={\n        variation === \"icon\" ? String(label) || \"icon-button\" : undefined\n      }\n    >\n      {isLoading ? (\n        <span className=\"loader\" />\n      ) : (\n        <>\n          {icon && <span className=\"icon\">{icon}</span>}\n          {label && variation !== \"icon\" && <span>{label}</span>}\n        </>\n      )}\n    </Button>\n  );\n};\n"],"names":["VARIATION_CLASSES","AppButton","type","className","variation","label","icon","isLoading","isDisabled","onClick","handleClick","jsx","Button","cn","jsxs","Fragment"],"mappings":";;;AAuBA,MAAMA,IAAwD;AAAA,EAC5D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UACE;AAAA,EACF,MAAM;AACR,GAEaC,IAAsC,CAAC;AAAA,EAClD,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,MAAM;AACxB,IAAI,CAACF,KAAc,CAACD,KAAaE,KACvBA;EACV;AAIA,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAV;AAAA,MACA,WAAWW;AAAA,QACT;AAAA,QACAb,EAAkBI,CAAS;AAAA,QAC3BG,KAAa;AAAA,QACbC,KAAc;AAAA,QACdL;AAAA,MACF;AAAA,MACA,SAASO;AAAA,MACT,UAAUF,KAAcD;AAAA,MACxB,cACEH,MAAc,SAAS,OAAOC,CAAK,KAAK,gBAAgB;AAAA,MAGzD,cACE,gBAAAM,EAAA,QAAA,EAAK,WAAU,SAAA,CAAS,IAGtB,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAAT,KAAS,gBAAAK,EAAA,QAAA,EAAK,WAAU,QAAQ,UAAKL,GAAA;AAAA,QACrCD,KAASD,MAAc,UAAU,gBAAAO,EAAC,UAAM,UAAMN,GAAA;AAAA,MAAA,GACjD;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/common/button/lightButton.js

@@ -0,0 +1,16 @@
+import { jsx as i } from "react/jsx-runtime";
+import { VKButton as r } from "@vivakits/react-components";
+const a = ({ handleClick: t, children: o, buttonType: n }) => /* @__PURE__ */ i(
+  r,
+  {
+    type: n,
+    className: "min-w-[123px] h-10",
+    onClick: t,
+    variant: "light",
+    children: o
+  }
+), e = a;
+export {
+  e as default
+};
+//# sourceMappingURL=lightButton.js.map

package/dist/components/common/button/lightButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightButton.js","sources":["../../../../src/components/common/button/lightButton.tsx"],"sourcesContent":["import { VKButton } from \"@vivakits/react-components\";\nimport { ReactNode } from \"react\";\n\ntype TProps = {\n  handleClick?: (e: any) => void;\n  children?: ReactNode;\n  buttonType?: \"button\" | \"submit\" | \"reset\";\n};\n\nconst LightButton = ({ handleClick, children, buttonType }: TProps) => {\n  return (\n    <VKButton\n      type={buttonType}\n      className=\"min-w-[123px] h-10\"\n      onClick={handleClick}\n      variant={\"light\"}\n    >\n      {children}\n    </VKButton>\n  );\n};\n\nexport default LightButton;\n"],"names":["LightButton","handleClick","children","buttonType","jsx","VKButton","LightButton$1"],"mappings":";;AASA,MAAMA,IAAc,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,YAAAC,QAE1C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMF;AAAA,IACN,WAAU;AAAA,IACV,SAASF;AAAA,IACT,SAAS;AAAA,IAER,UAAAC;AAAA,EAAA;AAAA,GAKPI,IAAeN;"}

package/dist/components/common/button/secondaryOutlinedButton.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/index.js";
+import { VKButton as d } from "@vivakits/react-components";
+const i = ({
+  onClick: o,
+  className: t,
+  isLoading: r,
+  children: n
+}) => /* @__PURE__ */ e(
+  d,
+  {
+    loading: r,
+    variant: "outline",
+    className: a(
+      "px-3.5 py-2 text-sm font-semibold border border-secondary-400",
+      t
+    ),
+    onClick: o,
+    children: n
+  }
+), c = i;
+export {
+  c as default
+};
+//# sourceMappingURL=secondaryOutlinedButton.js.map

package/dist/components/common/button/secondaryOutlinedButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondaryOutlinedButton.js","sources":["../../../../src/components/common/button/secondaryOutlinedButton.tsx"],"sourcesContent":["import { cn } from \"@/libs\";\nimport { VKButton } from \"@vivakits/react-components\";\nimport React from \"react\";\n\ntype TProps = {\n  onClick?: () => void;\n  className?: string;\n  children?: React.ReactNode;\n  isLoading?: boolean;\n};\n\nconst SecondaryOutlinedButton: React.FC<TProps> = ({\n  onClick,\n  className,\n  isLoading,\n  children,\n}) => {\n  return (\n    <VKButton\n      loading={isLoading}\n      variant=\"outline\"\n      className={cn(\n        \"px-3.5 py-2 text-sm font-semibold border border-secondary-400\",\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </VKButton>\n  );\n};\n\nexport default SecondaryOutlinedButton;\n"],"names":["SecondaryOutlinedButton","onClick","className","isLoading","children","jsx","VKButton","cn","SecondaryOutlinedButton$1"],"mappings":";;;AAWA,MAAMA,IAA4C,CAAC;AAAA,EACjD,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAASH;AAAA,IACT,SAAQ;AAAA,IACR,WAAWI;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACA,SAAAD;AAAA,IAEC,UAAAG;AAAA,EAAA;AAAA,GAKPI,IAAeR;"}

package/dist/components/common/buttons/CancelBtn.js

@@ -0,0 +1,26 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/index.js";
+import { Button as l } from "@vivakits/react-components";
+function m(n) {
+  const e = () => {
+    n.handleAction && n.handleAction(n.args);
+  };
+  return /* @__PURE__ */ t(
+    l,
+    {
+      type: n.type ? n.type : "button",
+      className: a("employee_cancel-btn-wrapper", n.className),
+      loading: n.isLoading,
+      disabled: n.isDisabled,
+      onClick: () => e(),
+      children: [
+        n.icon,
+        /* @__PURE__ */ i("span", { children: n.title })
+      ]
+    }
+  );
+}
+export {
+  m as default
+};
+//# sourceMappingURL=CancelBtn.js.map

package/dist/components/common/buttons/CancelBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelBtn.js","sources":["../../../../src/components/common/buttons/CancelBtn.tsx"],"sourcesContent":["import { cn } from \"@/libs\";\nimport { Button } from \"@vivakits/react-components\";\n\ntype TProps = {\n  title: any;\n  type?: \"submit\" | \"reset\" | \"button\" | undefined;\n  handleAction?: any;\n  args?: any;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  icon?: JSX.Element;\n  className?: string;\n};\nexport default function CancelBtn(props: TProps) {\n  const handleOnClick = () => {\n    !props.handleAction ? undefined : props.handleAction(props.args);\n  };\n\n  return (\n    <Button\n      type={props.type ? props.type : \"button\"}\n      className={cn(\"employee_cancel-btn-wrapper\", props.className)}\n      loading={props.isLoading}\n      disabled={props.isDisabled}\n      onClick={() => handleOnClick()}\n    >\n      {props.icon}\n      <span>{props.title}</span>\n    </Button>\n  );\n}\n"],"names":["CancelBtn","props","handleOnClick","jsxs","Button","cn","jsx"],"mappings":";;;AAaA,SAAwBA,EAAUC,GAAe;AAC/C,QAAMC,IAAgB,MAAM;AAC1B,IAACD,EAAM,gBAA2BA,EAAM,aAAaA,EAAM,IAAI;AAAA,EAAA;AAI/D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH,EAAM,OAAOA,EAAM,OAAO;AAAA,MAChC,WAAWI,EAAG,+BAA+BJ,EAAM,SAAS;AAAA,MAC5D,SAASA,EAAM;AAAA,MACf,UAAUA,EAAM;AAAA,MAChB,SAAS,MAAMC,EAAc;AAAA,MAE5B,UAAA;AAAA,QAAMD,EAAA;AAAA,QACP,gBAAAK,EAAC,QAAM,EAAA,UAAAL,EAAM,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/components/common/cards/employeeCard.js

@@ -0,0 +1,18 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+function a({
+  image_path: l,
+  employee_name: m,
+  employee_description: t
+}) {
+  return /* @__PURE__ */ e("div", { className: "flex items-center my-2 min-w-[180px]", children: [
+    /* @__PURE__ */ r("img", { className: "object-cover w-8 h-8 rounded-full", src: l }),
+    /* @__PURE__ */ e("div", { className: "rtl:mr-3 ltr:ml-3 text-gray-500", children: [
+      /* @__PURE__ */ r("div", { className: "font-medium text-gray-900 ", children: m }),
+      t
+    ] })
+  ] });
+}
+export {
+  a as default
+};
+//# sourceMappingURL=employeeCard.js.map

package/dist/components/common/cards/employeeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeCard.js","sources":["../../../../src/components/common/cards/employeeCard.tsx"],"sourcesContent":["type TProps = {\n  image_path: string;\n  employee_name: string;\n  employee_description: string;\n};\n\nexport default function EmployeeCard({\n  image_path,\n  employee_name,\n  employee_description,\n}: TProps) {\n  return (\n    <div className=\"flex items-center my-2 min-w-[180px]\">\n      <img className=\"object-cover w-8 h-8 rounded-full\" src={image_path} />\n      <div className={\"rtl:mr-3 ltr:ml-3 text-gray-500\"}>\n        <div className=\"font-medium text-gray-900 \">{employee_name}</div>\n        {employee_description}\n      </div>\n    </div>\n  );\n}\n"],"names":["EmployeeCard","image_path","employee_name","employee_description","jsxs","jsx"],"mappings":";AAMA,SAAwBA,EAAa;AAAA,EACnC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AACF,GAAW;AAEP,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,qCAAoC,KAAKJ,GAAY;AAAA,IACpE,gBAAAG,EAAC,OAAI,EAAA,WAAW,mCACd,UAAA;AAAA,MAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,8BAA8B,UAAcH,GAAA;AAAA,MAC1DC;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/common/confirmModal/deleteConfirmationModal.js

@@ -0,0 +1,31 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import a from "../../../assets/icons/xIcon.js";
+import i from "../../../assets/icons/warningIcon.js";
+import { Modal as c, ModalTrigger as s, ModalContent as d, ModalClose as o, ModalFooter as m, Button as f } from "@vivakits/react-components";
+import { useTranslation as h } from "react-i18next";
+import x from "../button/CancelBtn.js";
+const _ = ({ children: r, onDelete: n }) => {
+  const { t } = h(["designation"]);
+  return /* @__PURE__ */ l(c, { children: [
+    /* @__PURE__ */ e(s, { children: r }),
+    /* @__PURE__ */ l(d, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ e("button", { className: "absolute text-gray-400 -top-4 right-4", children: /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(a, {}) }) }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4 mt-8 mb-8", children: [
+        /* @__PURE__ */ e("div", { className: "inline-block p-3 rounded-full text-danger bg-danger-light", children: /* @__PURE__ */ e(i, {}) }),
+        /* @__PURE__ */ e("h3", { className: "text-xl font-semibold text-gray-950", children: t("ARE_YOU_SURE") }),
+        /* @__PURE__ */ e("p", { className: "text-center max-w-[340px] text-gray-500", children: t(
+          "DO_YOU_REALLY_WANT_TO_DELETE_THIS_RECORD_?_THIS_ACTION_CAN_NOT_BE_UNDONE"
+        ) })
+      ] }),
+      /* @__PURE__ */ e("hr", {}),
+      /* @__PURE__ */ l(m, { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(x, { title: t("CANCEL", "Cancel") }) }),
+        /* @__PURE__ */ e(f, { color: "danger", onClick: n, className: "px-8", children: t("DELETE") })
+      ] })
+    ] })
+  ] });
+}, u = _;
+export {
+  u as default
+};
+//# sourceMappingURL=deleteConfirmationModal.js.map

package/dist/components/common/confirmModal/deleteConfirmationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteConfirmationModal.js","sources":["../../../../src/components/common/confirmModal/deleteConfirmationModal.tsx"],"sourcesContent":["import { WarningIcon, XIcon } from \"@/assets/icons\";\nimport {\n  Button,\n  Modal,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalTrigger,\n} from \"@vivakits/react-components\";\n\nimport { useTranslation } from \"@/utils/translation-helpers\";\nimport CancelBtn from \"../button/CancelBtn\";\n\ninterface Props {\n  children?: React.ReactNode;\n  onDelete?: () => void;\n}\n\nconst DeleteConfirmationModal = ({ children, onDelete }: Props) => {\n  const { t } = useTranslation([\"designation\"]);\n  return (\n    <Modal>\n      <ModalTrigger>{children}</ModalTrigger>\n      <ModalContent className=\"overflow-hidden\">\n        <button className=\"absolute text-gray-400 -top-4 right-4\">\n          <ModalClose>\n            <XIcon />\n          </ModalClose>\n        </button>\n        <div className=\"flex flex-col items-center gap-4 mt-8 mb-8\">\n          <div className=\"inline-block p-3 rounded-full text-danger bg-danger-light\">\n            <WarningIcon />\n          </div>\n          <h3 className=\"text-xl font-semibold text-gray-950\">\n            {t(\"ARE_YOU_SURE\")}\n          </h3>\n          <p className=\"text-center max-w-[340px] text-gray-500\">\n            {t(\n              \"DO_YOU_REALLY_WANT_TO_DELETE_THIS_RECORD_?_THIS_ACTION_CAN_NOT_BE_UNDONE\",\n            )}\n          </p>\n        </div>\n        <hr />\n        <ModalFooter className=\"flex items-center justify-center\">\n          <ModalClose>\n            <CancelBtn title={t(\"CANCEL\", \"Cancel\")} />\n          </ModalClose>\n          <Button color={\"danger\"} onClick={onDelete} className=\"px-8\">\n            {t(\"DELETE\")}\n          </Button>\n        </ModalFooter>\n      </ModalContent>\n    </Modal>\n  );\n};\n\nexport default DeleteConfirmationModal;\n"],"names":["DeleteConfirmationModal","children","onDelete","useTranslation","Modal","jsx","ModalTrigger","jsxs","ModalContent","ModalClose","XIcon","WarningIcon","ModalFooter","CancelBtn","Button","DeleteConfirmationModal$1"],"mappings":";;;;;;AAkBA,MAAMA,IAA0B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAsB;AACjE,QAAM,EAAE,EAAE,IAAIC,EAAe,CAAC,aAAa,CAAC;AAC5C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAc,UAAAL,GAAS;AAAA,IACxB,gBAAAM,EAACC,GAAa,EAAA,WAAU,mBACtB,UAAA;AAAA,MAAC,gBAAAH,EAAA,UAAA,EAAO,WAAU,yCAChB,UAAA,gBAAAA,EAACI,KACC,UAAC,gBAAAJ,EAAAK,GAAA,CAAA,CAAM,GACT,EACF,CAAA;AAAA,MACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAI,EAAA,WAAU,6DACb,UAAA,gBAAAA,EAACM,IAAY,CAAA,GACf;AAAA,0BACC,MAAG,EAAA,WAAU,uCACX,UAAA,EAAE,cAAc,GACnB;AAAA,QACA,gBAAAN,EAAC,KAAE,EAAA,WAAU,2CACV,UAAA;AAAA,UACC;AAAA,QAAA,GAEJ;AAAA,MAAA,GACF;AAAA,wBACC,MAAG,EAAA;AAAA,MACJ,gBAAAE,EAACK,GAAY,EAAA,WAAU,oCACrB,UAAA;AAAA,QAAC,gBAAAP,EAAAI,GAAA,EACC,4BAACI,GAAU,EAAA,OAAO,EAAE,UAAU,QAAQ,GAAG,EAC3C,CAAA;AAAA,QACA,gBAAAR,EAACS,GAAO,EAAA,OAAO,UAAU,SAASZ,GAAU,WAAU,QACnD,UAAE,EAAA,QAAQ,EACb,CAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAa,IAAef;"}