@prokodo/ui 0.0.10 → 0.0.11

package/dist/components/label/Label.js

@@ -1 +1,65 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.js"),h=require("react"),R=require("../../helpers/bem.js"),t=require("./Label.module.scss.js"),a=R.create(t.default,"Label"),r=h.memo(({className:m,htmlFor:u,required:o,label:n,contentProps:j,textProps:e,error:l,children:c,...d})=>{const s=n==null?void 0:n.split(" ");return s?i.jsxRuntimeExports.jsxs("label",{...d,className:a(void 0,void 0,m),htmlFor:u,children:[i.jsxRuntimeExports.jsxs("span",{...j,children:[i.jsxRuntimeExports.jsxs("i",{...e,className:a("highlighted",{error:!!l},e==null?void 0:e.className),children:[s==null?void 0:s[0]," "]}),i.jsxRuntimeExports.jsxs("i",{...e,className:a("text",void 0,e==null?void 0:e.className),children:[s==null?void 0:s.slice(1).join(" ")," ",!!o&&i.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:"*"})]})]}),c]}):c});r.displayName="Label";exports.Label=r;
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import { memo as l } from "react";
+import { create as N } from "../../helpers/bem.js";
+import f from "./Label.module.scss.js";
+const n = N(f, "Label"), u = l(
+  ({
+    className: r,
+    htmlFor: o,
+    required: e,
+    label: a,
+    contentProps: d,
+    textProps: i,
+    error: h,
+    children: c,
+    ...j
+  }) => {
+    const m = a == null ? void 0 : a.split(" ");
+    return m ? /* @__PURE__ */ s.jsxs(
+      "label",
+      {
+        ...j,
+        className: n(void 0, void 0, r),
+        htmlFor: o,
+        children: [
+          /* @__PURE__ */ s.jsxs("span", { ...d, children: [
+            /* @__PURE__ */ s.jsxs(
+              "i",
+              {
+                ...i,
+                className: n(
+                  "highlighted",
+                  {
+                    error: !!h
+                  },
+                  i == null ? void 0 : i.className
+                ),
+                children: [
+                  m == null ? void 0 : m[0],
+                  " "
+                ]
+              }
+            ),
+            /* @__PURE__ */ s.jsxs(
+              "i",
+              {
+                ...i,
+                className: n("text", void 0, i == null ? void 0 : i.className),
+                children: [
+                  m == null ? void 0 : m.slice(1).join(" "),
+                  " ",
+                  !!e && /* @__PURE__ */ s.jsx("span", { "aria-hidden": "true", children: "*" })
+                ]
+              }
+            )
+          ] }),
+          c
+        ]
+      }
+    ) : c;
+  }
+);
+u.displayName = "Label";
+export {
+  u as Label
+};

package/dist/components/label/Label.module.scss.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="gradientMove",o="fadeInKeyframe",r={"prokodo-Label":"prokodo-Label","prokodo-Label__highlighted":"prokodo-Label__highlighted","prokodo-Label__highlighted--error":"prokodo-Label__highlighted--error","prokodo-Label__text":"prokodo-Label__text",gradientMove:e,fadeInKeyframe:o};exports.default=r;exports.fadeInKeyframe=o;exports.gradientMove=e;
+const e = "gradientMove", o = "fadeInKeyframe", r = {
+  "prokodo-Label": "prokodo-Label",
+  "prokodo-Label__highlighted": "prokodo-Label__highlighted",
+  "prokodo-Label__highlighted--error": "prokodo-Label__highlighted--error",
+  "prokodo-Label__text": "prokodo-Label__text",
+  gradientMove: e,
+  fadeInKeyframe: o
+};
+export {
+  r as default,
+  o as fadeInKeyframe,
+  e as gradientMove
+};

package/dist/components/label/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Label.js");exports.Label=e.Label;
+import { Label as r } from "./Label.js";
+export {
+  r as Label
+};

package/dist/components/link/Link.js

@@ -1 +1,58 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),f=require("react"),j=require("../../helpers/bem.js"),p=require("../../helpers/validations.js"),q=require("../base-link/BaseLink.js"),L=require("./Link.module.scss.js"),g=j.create(L.default,"Link"),a=f.memo(({variant:u="inherit",href:t,children:n,className:c,style:l,target:d,itemProp:m,hasBackground:s,onMouseEnter:b,onClick:e,onKeyDown:x,ariaLabel:i})=>{const k={"has-no-background":s===!1,[`has-no-background--${u}`]:s===!1},r={className:g(void 0,k,c),style:l,onMouseEnter:b};return e&&!p.isString(t)?o.jsxRuntimeExports.jsx("span",{"aria-label":i,role:"button",tabIndex:0,onClick:e,onKeyDown:x,...r,children:n}):o.jsxRuntimeExports.jsx(q.BaseLink,{...r,"aria-label":i,href:t,itemProp:m,target:d??void 0,onClick:e,children:n})});a.displayName="Link";exports.Link=a;
+import { j as a } from "../../_virtual/jsx-runtime.js";
+import { memo as x } from "react";
+import { create as c } from "../../helpers/bem.js";
+import { isString as j } from "../../helpers/validations.js";
+import { BaseLink as k } from "../base-link/BaseLink.js";
+import g from "./Link.module.scss.js";
+const L = c(g, "Link"), v = x(
+  ({
+    variant: m = "inherit",
+    href: r,
+    children: t,
+    className: n,
+    style: p,
+    target: f,
+    itemProp: l,
+    hasBackground: s,
+    onMouseEnter: b,
+    onClick: o,
+    onKeyDown: d,
+    ariaLabel: i
+  }) => {
+    const u = {
+      "has-no-background": s === !1,
+      [`has-no-background--${m}`]: s === !1
+    }, e = {
+      className: L(void 0, u, n),
+      style: p,
+      onMouseEnter: b
+    };
+    return o && !j(r) ? /* @__PURE__ */ a.jsx(
+      "span",
+      {
+        "aria-label": i,
+        role: "button",
+        tabIndex: 0,
+        onClick: o,
+        onKeyDown: d,
+        ...e,
+        children: t
+      }
+    ) : /* @__PURE__ */ a.jsx(
+      k,
+      {
+        ...e,
+        "aria-label": i,
+        href: r,
+        itemProp: l,
+        target: f ?? void 0,
+        onClick: o,
+        children: t
+      }
+    );
+  }
+);
+v.displayName = "Link";
+export {
+  v as Link
+};

package/dist/components/link/Link.module.scss.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",n="fadeInKeyframe",r={"prokodo-Link":"prokodo-Link","prokodo-Link--has-no-background":"prokodo-Link--has-no-background","prokodo-Link--has-no-background--primary":"prokodo-Link--has-no-background--primary","prokodo-Link--has-no-background--secondary":"prokodo-Link--has-no-background--secondary","prokodo-Link--has-no-background--info":"prokodo-Link--has-no-background--info","prokodo-Link--has-no-background--success":"prokodo-Link--has-no-background--success","prokodo-Link--has-no-background--warning":"prokodo-Link--has-no-background--warning","prokodo-Link--has-no-background--error":"prokodo-Link--has-no-background--error","prokodo-Link--has-no-background--white":"prokodo-Link--has-no-background--white",gradientMove:o,fadeInKeyframe:n};exports.default=r;exports.fadeInKeyframe=n;exports.gradientMove=o;
+const o = "gradientMove", n = "fadeInKeyframe", r = {
+  "prokodo-Link": "prokodo-Link",
+  "prokodo-Link--has-no-background": "prokodo-Link--has-no-background",
+  "prokodo-Link--has-no-background--primary": "prokodo-Link--has-no-background--primary",
+  "prokodo-Link--has-no-background--secondary": "prokodo-Link--has-no-background--secondary",
+  "prokodo-Link--has-no-background--info": "prokodo-Link--has-no-background--info",
+  "prokodo-Link--has-no-background--success": "prokodo-Link--has-no-background--success",
+  "prokodo-Link--has-no-background--warning": "prokodo-Link--has-no-background--warning",
+  "prokodo-Link--has-no-background--error": "prokodo-Link--has-no-background--error",
+  "prokodo-Link--has-no-background--white": "prokodo-Link--has-no-background--white",
+  gradientMove: o,
+  fadeInKeyframe: n
+};
+export {
+  r as default,
+  n as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/link/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Link.js");exports.Link=e.Link;
+import { Link as e } from "./Link.js";
+export {
+  e as Link
+};

package/dist/components/list/List.js

@@ -1 +1,172 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.js"),l=require("react"),q=require("../../helpers/bem.js"),L=require("../../helpers/validations.js"),I=require("../card/Card.js"),b=require("../icon/Icon.js"),g=require("../link/Link.js"),t=require("./List.module.scss.js"),c=q.create(t.default,"List"),i=l.memo(({type:o,variant:e="inherit",className:R,options:d={},items:E,classNameDesc:k,...h})=>{const j=l.useMemo(()=>({[`${o}`]:!!o}),[o]),u=l.useCallback((s,n)=>r.jsxRuntimeExports.jsx("span",{className:c("item__title",{"is-clickable":!!(n!=null&&n.onClick),...j}),children:s}),[j]),v=l.useCallback((s,n)=>r.jsxRuntimeExports.jsx(g.Link,{className:c("item__link",void 0,s==null?void 0:s.className),variant:e,...s,children:n}),[e]),_=l.useCallback(s=>s?r.jsxRuntimeExports.jsx("div",{className:c("item__icon__wrapper"),children:r.jsxRuntimeExports.jsx(b.Icon,{color:e,name:s,...d==null?void 0:d.icon})}):null,[e,d==null?void 0:d.icon]),x=l.useCallback(s=>L.isString(s)&&r.jsxRuntimeExports.jsx("p",{className:c("item__desc",void 0,k),children:s}),[k]),C=l.useCallback(s=>{var a;const n=s==null?void 0:s.icon;return r.jsxRuntimeExports.jsx(I.Card,{variant:"white",...s,className:c("item__card",void 0,s==null?void 0:s.className),contentClassName:c("item__card__content",void 0,s==null?void 0:s.contentClassName),children:r.jsxRuntimeExports.jsxs("div",{className:c("item__inner",void 0,s==null?void 0:s.innerClassName),children:[n&&r.jsxRuntimeExports.jsx("div",{className:c("item__icon",void 0,(a=s==null?void 0:s.iconProps)==null?void 0:a.className),children:r.jsxRuntimeExports.jsx(b.Icon,{...s==null?void 0:s.iconProps,className:c("item__icon__svg"),name:n,size:"sm"})}),r.jsxRuntimeExports.jsxs("div",{className:c("item__content"),children:[u(s.title),x(s==null?void 0:s.desc)]})]})})},[u,x]),f=l.useCallback(s=>{switch(o){case"card":return C(s);default:return(s==null?void 0:s.redirect)!==void 0?v(s.redirect,r.jsxRuntimeExports.jsxs(l.Fragment,{children:[_(s==null?void 0:s.icon),u(s.title,s),x(s==null?void 0:s.desc)]})):r.jsxRuntimeExports.jsxs(l.Fragment,{children:[_(s==null?void 0:s.icon),u(s.title,s),x(s==null?void 0:s.desc)]})}},[o,C,_,v,u,x]);return r.jsxRuntimeExports.jsx("ul",{"aria-live":"polite","aria-relevant":"additions text",...h,className:c(void 0,void 0,R),children:E.map(s=>{const n=!!(s!=null&&s.onClick)||!!(s!=null&&s.redirect);return r.jsxRuntimeExports.jsx("li",{"aria-pressed":n?!1:void 0,role:n?"button":void 0,tabIndex:n?0:-1,className:c("item",{"is-clickable":n,[`is-clickable--${(s==null?void 0:s.variant)??e}`]:n,...j},s==null?void 0:s.className),onClick:o==="default"&&n?()=>{var a;return(a=s.onClick)==null?void 0:a.call(s,s)}:void 0,onKeyDown:n?a=>{var N;(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),(N=s==null?void 0:s.onClick)==null||N.call(s,s))}:void 0,children:f(s)},`list-item-${s.title}`)})})});i.displayName="List";exports.List=i;
+import { j as c } from "../../_virtual/jsx-runtime.js";
+import { memo as g, useMemo as $, useCallback as d, Fragment as C } from "react";
+import { create as D } from "../../helpers/bem.js";
+import { isString as E } from "../../helpers/validations.js";
+import { Card as P } from "../card/Card.js";
+import { Icon as e } from "../icon/Icon.js";
+import { Link as z } from "../link/Link.js";
+import F from "./List.module.scss.js";
+const n = D(F, "List"), K = g(
+  ({
+    type: a,
+    variant: _ = "inherit",
+    className: b,
+    options: o = {},
+    items: I,
+    classNameDesc: f,
+    ...L
+  }) => {
+    const N = $(
+      () => ({
+        [`${a}`]: !!a
+      }),
+      [a]
+    ), v = d(
+      (r, s) => /* @__PURE__ */ c.jsx(
+        "span",
+        {
+          className: n("item__title", {
+            "is-clickable": !!(s != null && s.onClick),
+            ...N
+          }),
+          children: r
+        }
+      ),
+      [N]
+    ), j = d(
+      (r, s) => /* @__PURE__ */ c.jsx(
+        z,
+        {
+          className: n("item__link", void 0, r == null ? void 0 : r.className),
+          variant: _,
+          ...r,
+          children: s
+        }
+      ),
+      [_]
+    ), u = d(
+      (r) => r ? /* @__PURE__ */ c.jsx("div", { className: n("item__icon__wrapper"), children: /* @__PURE__ */ c.jsx(e, { color: _, name: r, ...o == null ? void 0 : o.icon }) }) : null,
+      [_, o == null ? void 0 : o.icon]
+    ), x = d(
+      (r) => E(r) && /* @__PURE__ */ c.jsx("p", { className: n("item__desc", void 0, f), children: r }),
+      [f]
+    ), k = d(
+      (r) => {
+        var l;
+        const s = r == null ? void 0 : r.icon;
+        return /* @__PURE__ */ c.jsx(
+          P,
+          {
+            variant: "white",
+            ...r,
+            className: n("item__card", void 0, r == null ? void 0 : r.className),
+            contentClassName: n(
+              "item__card__content",
+              void 0,
+              r == null ? void 0 : r.contentClassName
+            ),
+            children: /* @__PURE__ */ c.jsxs(
+              "div",
+              {
+                className: n("item__inner", void 0, r == null ? void 0 : r.innerClassName),
+                children: [
+                  s && /* @__PURE__ */ c.jsx(
+                    "div",
+                    {
+                      className: n(
+                        "item__icon",
+                        void 0,
+                        (l = r == null ? void 0 : r.iconProps) == null ? void 0 : l.className
+                      ),
+                      children: /* @__PURE__ */ c.jsx(
+                        e,
+                        {
+                          ...r == null ? void 0 : r.iconProps,
+                          className: n("item__icon__svg"),
+                          name: s,
+                          size: "sm"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ c.jsxs("div", { className: n("item__content"), children: [
+                    v(r.title),
+                    x(r == null ? void 0 : r.desc)
+                  ] })
+                ]
+              }
+            )
+          }
+        );
+      },
+      [v, x]
+    ), w = d(
+      (r) => {
+        switch (a) {
+          case "card":
+            return k(r);
+          default:
+            return (r == null ? void 0 : r.redirect) !== void 0 ? j(
+              r.redirect,
+              /* @__PURE__ */ c.jsxs(C, { children: [
+                u(r == null ? void 0 : r.icon),
+                v(r.title, r),
+                x(r == null ? void 0 : r.desc)
+              ] })
+            ) : /* @__PURE__ */ c.jsxs(C, { children: [
+              u(r == null ? void 0 : r.icon),
+              v(r.title, r),
+              x(r == null ? void 0 : r.desc)
+            ] });
+        }
+      },
+      [a, k, u, j, v, x]
+    );
+    return /* @__PURE__ */ c.jsx(
+      "ul",
+      {
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        ...L,
+        className: n(void 0, void 0, b),
+        children: I.map((r) => {
+          const s = !!(r != null && r.onClick) || !!(r != null && r.redirect);
+          return (
+            /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
+            /* @__PURE__ */ c.jsx(
+              "li",
+              {
+                "aria-pressed": s ? !1 : void 0,
+                role: s ? "button" : void 0,
+                tabIndex: s ? 0 : -1,
+                className: n(
+                  "item",
+                  {
+                    "is-clickable": s,
+                    [`is-clickable--${(r == null ? void 0 : r.variant) ?? _}`]: s,
+                    ...N
+                  },
+                  r == null ? void 0 : r.className
+                ),
+                onClick: a === "default" && s ? () => {
+                  var l;
+                  return (l = r.onClick) == null ? void 0 : l.call(r, r);
+                } : void 0,
+                onKeyDown: s ? (l) => {
+                  var h;
+                  (l.key === "Enter" || l.key === " ") && (l.preventDefault(), (h = r == null ? void 0 : r.onClick) == null || h.call(r, r));
+                } : void 0,
+                children: w(r)
+              },
+              `list-item-${r.title}`
+            )
+          );
+        })
+      }
+    );
+  }
+);
+K.displayName = "List";
+export {
+  K as List
+};

package/dist/components/list/List.module.scss.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",i="fadeInKeyframe",_={"prokodo-List":"prokodo-List","prokodo-List__item":"prokodo-List__item","prokodo-List__item__card":"prokodo-List__item__card","prokodo-List__item__card__content":"prokodo-List__item__card__content","prokodo-List__item__inner":"prokodo-List__item__inner","prokodo-List__item__link":"prokodo-List__item__link","prokodo-List__item__icon":"prokodo-List__item__icon","prokodo-List__item__icon__svg":"prokodo-List__item__icon__svg","prokodo-List__item__icon__wrapper":"prokodo-List__item__icon__wrapper","prokodo-List__item__title--card":"prokodo-List__item__title--card","prokodo-List__item__content":"prokodo-List__item__content","prokodo-List__item__desc":"prokodo-List__item__desc","prokodo-List__item--is-clickable":"prokodo-List__item--is-clickable","prokodo-List__item--is-clickable--inherit":"prokodo-List__item--is-clickable--inherit","prokodo-List__item--is-clickable--primary":"prokodo-List__item--is-clickable--primary","prokodo-List__item--is-clickable--secondary":"prokodo-List__item--is-clickable--secondary","prokodo-List__item--is-clickable--info":"prokodo-List__item--is-clickable--info","prokodo-List__item--is-clickable--success":"prokodo-List__item--is-clickable--success","prokodo-List__item--is-clickable--warning":"prokodo-List__item--is-clickable--warning","prokodo-List__item--is-clickable--error":"prokodo-List__item--is-clickable--error","prokodo-List__item--is-clickable--white":"prokodo-List__item--is-clickable--white","prokodo-List__item--card":"prokodo-List__item--card",gradientMove:o,fadeInKeyframe:i};exports.default=_;exports.fadeInKeyframe=i;exports.gradientMove=o;
+const o = "gradientMove", i = "fadeInKeyframe", _ = {
+  "prokodo-List": "prokodo-List",
+  "prokodo-List__item": "prokodo-List__item",
+  "prokodo-List__item__card": "prokodo-List__item__card",
+  "prokodo-List__item__card__content": "prokodo-List__item__card__content",
+  "prokodo-List__item__inner": "prokodo-List__item__inner",
+  "prokodo-List__item__link": "prokodo-List__item__link",
+  "prokodo-List__item__icon": "prokodo-List__item__icon",
+  "prokodo-List__item__icon__svg": "prokodo-List__item__icon__svg",
+  "prokodo-List__item__icon__wrapper": "prokodo-List__item__icon__wrapper",
+  "prokodo-List__item__title--card": "prokodo-List__item__title--card",
+  "prokodo-List__item__content": "prokodo-List__item__content",
+  "prokodo-List__item__desc": "prokodo-List__item__desc",
+  "prokodo-List__item--is-clickable": "prokodo-List__item--is-clickable",
+  "prokodo-List__item--is-clickable--inherit": "prokodo-List__item--is-clickable--inherit",
+  "prokodo-List__item--is-clickable--primary": "prokodo-List__item--is-clickable--primary",
+  "prokodo-List__item--is-clickable--secondary": "prokodo-List__item--is-clickable--secondary",
+  "prokodo-List__item--is-clickable--info": "prokodo-List__item--is-clickable--info",
+  "prokodo-List__item--is-clickable--success": "prokodo-List__item--is-clickable--success",
+  "prokodo-List__item--is-clickable--warning": "prokodo-List__item--is-clickable--warning",
+  "prokodo-List__item--is-clickable--error": "prokodo-List__item--is-clickable--error",
+  "prokodo-List__item--is-clickable--white": "prokodo-List__item--is-clickable--white",
+  "prokodo-List__item--card": "prokodo-List__item--card",
+  gradientMove: o,
+  fadeInKeyframe: i
+};
+export {
+  _ as default,
+  i as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/list/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./List.js");exports.List=t.List;
+import { List as t } from "./List.js";
+export {
+  t as List
+};

package/dist/components/loading/Loading.js

@@ -1 +1,57 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),a=require("../../helpers/bem.js"),t=require("./Loading.module.scss.js"),s=a.create(t.default,"Loading"),i=r.memo(({className:n,size:o="sm"})=>e.jsxRuntimeExports.jsxs("div",{className:s(void 0,void 0,n),style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"16px"},children:[e.jsxRuntimeExports.jsx("svg",{height:0,style:{position:"absolute"},width:0,children:e.jsxRuntimeExports.jsx("defs",{children:e.jsxRuntimeExports.jsxs("linearGradient",{className:s("gradient"),id:"loading-gradient",x1:"0%",x2:"0%",y1:"0%",y2:"100%",children:[e.jsxRuntimeExports.jsx("stop",{offset:"0%"}),e.jsxRuntimeExports.jsx("stop",{offset:"50%"}),e.jsxRuntimeExports.jsx("stop",{offset:"100%"})]})})}),e.jsxRuntimeExports.jsx("div",{className:s("animation",{[`size-${o}`]:!0}),style:{borderRadius:"50%",border:"4px solid transparent",borderTop:"4px solid",animation:`${t.default.spin} 1s linear infinite`,background:"conic-gradient(from 0deg at 50% 50%, url(#loading-gradient) 0deg 360deg)"}})]}));i.displayName="Loading";exports.Loading=i;
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { memo as n } from "react";
+import { create as r } from "../../helpers/bem.js";
+import i from "./Loading.module.scss.js";
+const s = r(i, "Loading"), a = n(({ className: t, size: o = "sm" }) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: s(void 0, void 0, t),
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "16px"
+    },
+    children: [
+      /* @__PURE__ */ e.jsx("svg", { height: 0, style: { position: "absolute" }, width: 0, children: /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+        "linearGradient",
+        {
+          className: s("gradient"),
+          id: "loading-gradient",
+          x1: "0%",
+          x2: "0%",
+          y1: "0%",
+          y2: "100%",
+          children: [
+            /* @__PURE__ */ e.jsx("stop", { offset: "0%" }),
+            /* @__PURE__ */ e.jsx("stop", { offset: "50%" }),
+            /* @__PURE__ */ e.jsx("stop", { offset: "100%" })
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: s("animation", {
+            [`size-${o}`]: !0
+          }),
+          style: {
+            borderRadius: "50%",
+            border: "4px solid transparent",
+            // Transparent border for empty space
+            borderTop: "4px solid",
+            // Apply color for top border only
+            animation: `${i.spin} 1s linear infinite`,
+            // Define animation for spinning
+            background: "conic-gradient(from 0deg at 50% 50%, url(#loading-gradient) 0deg 360deg)"
+            // Create a conic gradient
+          }
+        }
+      )
+    ]
+  }
+));
+a.displayName = "Loading";
+export {
+  a as Loading
+};

package/dist/components/loading/Loading.module.scss.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="spin",i="gradientMove",n="fadeInKeyframe",a={"prokodo-Loading":"prokodo-Loading","prokodo-Loading__gradient":"prokodo-Loading__gradient","prokodo-Loading__animation":"prokodo-Loading__animation",spin:o,"prokodo-Loading__animation--size-xs":"prokodo-Loading__animation--size-xs","prokodo-Loading__animation--size-sm":"prokodo-Loading__animation--size-sm","prokodo-Loading__animation--size-md":"prokodo-Loading__animation--size-md","prokodo-Loading__animation--size-lg":"prokodo-Loading__animation--size-lg","prokodo-Loading__animation--size-xl":"prokodo-Loading__animation--size-xl",gradientMove:i,fadeInKeyframe:n};exports.default=a;exports.fadeInKeyframe=n;exports.gradientMove=i;exports.spin=o;
+const o = "spin", i = "gradientMove", n = "fadeInKeyframe", a = {
+  "prokodo-Loading": "prokodo-Loading",
+  "prokodo-Loading__gradient": "prokodo-Loading__gradient",
+  "prokodo-Loading__animation": "prokodo-Loading__animation",
+  spin: o,
+  "prokodo-Loading__animation--size-xs": "prokodo-Loading__animation--size-xs",
+  "prokodo-Loading__animation--size-sm": "prokodo-Loading__animation--size-sm",
+  "prokodo-Loading__animation--size-md": "prokodo-Loading__animation--size-md",
+  "prokodo-Loading__animation--size-lg": "prokodo-Loading__animation--size-lg",
+  "prokodo-Loading__animation--size-xl": "prokodo-Loading__animation--size-xl",
+  gradientMove: i,
+  fadeInKeyframe: n
+};
+export {
+  a as default,
+  n as fadeInKeyframe,
+  i as gradientMove,
+  o as spin
+};

package/dist/components/loading/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Loading.js");exports.Loading=e.Loading;
+import { Loading as a } from "./Loading.js";
+export {
+  a as Loading
+};

package/dist/components/lottie/Lottie.js

@@ -1 +1,55 @@
-"use strict";var R=Object.create;var m=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var E=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of I(t))!L.call(e,o)&&o!==s&&m(e,o,{get:()=>t[o],enumerable:!(n=j(t,o))||n.enumerable});return e};var N=(e,t,s)=>(s=e!=null?R(b(e)):{},E(t||!e||!e.__esModule?m(s,"default",{value:e,enumerable:!0}):s,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.js"),i=require("react"),S=require("../../helpers/bem.js"),h=require("./Lottie.module.scss.js"),f=require("./LottieAnimations.js"),c=S.create(h.default,"Lottie"),q=i.lazy(()=>import("@lottiefiles/dotlottie-react").then(e=>({default:e.DotLottieReact}))),p=i.memo(({className:e,animationName:t,containerClassName:s,...n})=>{var d;const[o,v]=i.useState(!1),a=i.useRef(null);return i.useEffect(()=>{const u=new IntersectionObserver(([l])=>{(l==null?void 0:l.isIntersecting)===!0&&(v(!0),u.disconnect())}),x=a.current;return x&&u.observe(x),()=>u.disconnect()},[]),(d=f.ANIMATIONS)!=null&&d[t]?r.jsxRuntimeExports.jsx("div",{ref:a,className:c("container",void 0,s),children:o?r.jsxRuntimeExports.jsx(i.Suspense,{fallback:r.jsxRuntimeExports.jsx("div",{className:c("placeholder",void 0,s)}),children:r.jsxRuntimeExports.jsx(q,{autoplay:!0,autoResizeCanvas:!0,loop:!0,className:c(void 0,void 0,e),renderConfig:{devicePixelRatio:.9},src:f.ANIMATIONS[t],useFrameInterpolation:!1,...n})}):r.jsxRuntimeExports.jsx("div",{className:c("placeholder",void 0,s)})}):null});p.displayName="Lottie";exports.Lottie=p;
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { memo as p, useState as v, useRef as x, useEffect as I, Suspense as j, lazy as R } from "react";
+import { create as b } from "../../helpers/bem.js";
+import h from "./Lottie.module.scss.js";
+import { ANIMATIONS as u } from "./LottieAnimations.js";
+const t = b(h, "Lottie"), L = R(
+  () => import("@lottiefiles/dotlottie-react").then((o) => ({
+    default: o.DotLottieReact
+  }))
+), N = p(
+  ({ className: o, animationName: c, containerClassName: s, ...d }) => {
+    var l;
+    const [f, m] = v(!1), n = x(null);
+    return I(() => {
+      const r = new IntersectionObserver(([i]) => {
+        (i == null ? void 0 : i.isIntersecting) === !0 && (m(!0), r.disconnect());
+      }), a = n.current;
+      return a && r.observe(a), () => r.disconnect();
+    }, []), (l = u) != null && l[c] ? /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: n,
+        className: t("container", void 0, s),
+        children: f ? /* @__PURE__ */ e.jsx(
+          j,
+          {
+            fallback: /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: t("placeholder", void 0, s)
+              }
+            ),
+            children: /* @__PURE__ */ e.jsx(
+              L,
+              {
+                autoplay: !0,
+                autoResizeCanvas: !0,
+                loop: !0,
+                className: t(void 0, void 0, o),
+                renderConfig: { devicePixelRatio: 0.9 },
+                src: u[c],
+                useFrameInterpolation: !1,
+                ...d
+              }
+            )
+          }
+        ) : /* @__PURE__ */ e.jsx("div", { className: t("placeholder", void 0, s) })
+      }
+    ) : null;
+  }
+);
+N.displayName = "Lottie";
+export {
+  N as Lottie
+};

package/dist/components/lottie/Lottie.module.scss.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="gradientMove",o="fadeInKeyframe",t={"prokodo-Lottie__container":"prokodo-Lottie__container",gradientMove:e,fadeInKeyframe:o};exports.default=t;exports.fadeInKeyframe=o;exports.gradientMove=e;
+const e = "gradientMove", o = "fadeInKeyframe", t = {
+  "prokodo-Lottie__container": "prokodo-Lottie__container",
+  gradientMove: e,
+  fadeInKeyframe: o
+};
+export {
+  t as default,
+  o as fadeInKeyframe,
+  e as gradientMove
+};

package/dist/components/lottie/LottieAnimations.js

@@ -1 +1,35 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={SolutionUIUXDesign:"https://lottie.host/af0b17d4-cc93-48bb-b388-d058f579ae3a/mzzgcsHwL4.lottie",SolutionSoftwareDevelopment:"https://lottie.host/bf06b5a0-be40-4f2a-95e4-ae3e033006d3/pxQ7Wtj79u.lottie",SolutionAppDevelopment:"https://lottie.host/24da243e-b6e4-4180-abd2-fc70ece1a39c/UDS9WBtmnP.lottie",SolutionMarketing:"https://lottie.host/adcecb1c-461d-44a1-88bb-33ac05d46d3c/3MJbj0EmAN.lottie",SolutionCloud:"https://lottie.host/1f4750fd-b6d1-467c-956e-aa73a135859e/eFYRZy1wGx.lottie",SolutionCMS:"https://lottie.host/ba018362-745a-437f-9d7b-d73b9e703330/rzxWewbkvC.lottie",SolutionAIAutomation:"https://lottie.host/48d72c0c-5c54-4b15-9bd7-fd74c390ba37/m0eYQx59TH.lottie",SolutionProjectManagement:"https://lottie.host/688bcc01-8a1d-409b-908e-a56173c7927b/svTnec8A7e.lottie",ServiceAI:"https://lottie.host/a5311ebe-c1f3-4b94-9509-2d631a59cc46/bjuqMpRJkv.lottie",ServiceProjectmanagement:"https://lottie.host/841f6dd8-1cfc-4165-b5e9-09381141cb99/z0eni2vMyw.lottie",ServiceCloudSolutionsDatacenter:"https://lottie.host/66ac6f8d-66ef-458a-8d14-948592f1a65e/uQfPmnlujm.lottie",ServiceCMSDataTransfer:"https://lottie.host/105fc09c-ee9c-4765-ab43-0bf5b26cb395/93DzSJoUgh.lottie",ServiceWebApplicationCoding:"https://lottie.host/2830c0f4-5e97-4b3a-b3ed-b726c0de8447/g5nlv0g7p9.lottie",ServiceAppApplicationCoding:"https://lottie.host/9c029e60-f915-4eb8-91ea-123edb9b42bc/V77o0U9cND.lottie",ServiceAPIDevelopment:"https://lottie.host/f1df7053-da17-4070-afcd-0ee7063b94d5/ENvAukhE2D.lottie",ServiceWebdesign:"https://lottie.host/76b43e18-040a-4a8f-b75f-46eab430d3af/YuB4P2DMfj.lottie",AboutOurMission:"https://lottie.host/e9a146f1-91a1-4c9a-a75b-2b2646dbae13/Yanqpw6Rzd.lottie",AboutWhoWeAre:"https://lottie.host/e1123476-13bd-45ef-a5a4-a8560bcf3f29/9HJJWo4xtJ.lottie",LogoAWS:"https://lottie.host/0db4ad01-4be2-439f-858e-5b35a6a3fa10/na8bHDn7XH.lottie",LogoGCP:"https://lottie.host/7485553e-5baa-4463-a4cd-dc34df3e1966/b8mdLcofyU.lottie",LogoReact:"https://lottie.host/1f3571ff-9caf-4669-9cca-eb49f4481eab/rP3fY4zubb.lottie",LogoNodejs:"https://lottie.host/9bab6357-0884-43b8-ae4d-46e9ed1f175f/B1hOYuLcCu.lottie",LogoGithub:"https://lottie.host/e83a6197-0828-4cfe-b4e3-c02c64ae62e9/6Dcb0MXTTu.lottie",DataAnalytics:"https://lottie.host/39705791-7f99-48e4-8bd5-bc591c8c5356/TUI5KNWHZf.lottie",ProjectManagement:"https://lottie.host/5d3b9fec-c47e-42db-a730-eba87a1e8423/0ad0xAp3EE.lottie",CustomerFeedback:"https://lottie.host/a747a4f7-edf5-4d39-a815-513ec58b0f08/l0JXyd15wv.lottie",CustomerService:"https://lottie.host/9f95fc75-bc9a-4e79-962e-ee29aa814006/tYw7JZIxRh.lottie",MobileOTP:"https://lottie.host/23f9ab5b-1338-4ed4-841c-8fcdc3c2088c/7IjlwL6yhC.lottie",Swipe:"https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie",NotFound:"https://lottie.host/ee63adf0-2f07-44ca-94b1-f8829aea03a5/8qjL7cSngV.lottie"};exports.ANIMATIONS=t;
+const t = {
+  SolutionUIUXDesign: "https://lottie.host/af0b17d4-cc93-48bb-b388-d058f579ae3a/mzzgcsHwL4.lottie",
+  SolutionSoftwareDevelopment: "https://lottie.host/bf06b5a0-be40-4f2a-95e4-ae3e033006d3/pxQ7Wtj79u.lottie",
+  SolutionAppDevelopment: "https://lottie.host/24da243e-b6e4-4180-abd2-fc70ece1a39c/UDS9WBtmnP.lottie",
+  SolutionMarketing: "https://lottie.host/adcecb1c-461d-44a1-88bb-33ac05d46d3c/3MJbj0EmAN.lottie",
+  SolutionCloud: "https://lottie.host/1f4750fd-b6d1-467c-956e-aa73a135859e/eFYRZy1wGx.lottie",
+  SolutionCMS: "https://lottie.host/ba018362-745a-437f-9d7b-d73b9e703330/rzxWewbkvC.lottie",
+  SolutionAIAutomation: "https://lottie.host/48d72c0c-5c54-4b15-9bd7-fd74c390ba37/m0eYQx59TH.lottie",
+  SolutionProjectManagement: "https://lottie.host/688bcc01-8a1d-409b-908e-a56173c7927b/svTnec8A7e.lottie",
+  ServiceAI: "https://lottie.host/a5311ebe-c1f3-4b94-9509-2d631a59cc46/bjuqMpRJkv.lottie",
+  ServiceProjectmanagement: "https://lottie.host/841f6dd8-1cfc-4165-b5e9-09381141cb99/z0eni2vMyw.lottie",
+  ServiceCloudSolutionsDatacenter: "https://lottie.host/66ac6f8d-66ef-458a-8d14-948592f1a65e/uQfPmnlujm.lottie",
+  ServiceCMSDataTransfer: "https://lottie.host/105fc09c-ee9c-4765-ab43-0bf5b26cb395/93DzSJoUgh.lottie",
+  ServiceWebApplicationCoding: "https://lottie.host/2830c0f4-5e97-4b3a-b3ed-b726c0de8447/g5nlv0g7p9.lottie",
+  ServiceAppApplicationCoding: "https://lottie.host/9c029e60-f915-4eb8-91ea-123edb9b42bc/V77o0U9cND.lottie",
+  ServiceAPIDevelopment: "https://lottie.host/f1df7053-da17-4070-afcd-0ee7063b94d5/ENvAukhE2D.lottie",
+  ServiceWebdesign: "https://lottie.host/76b43e18-040a-4a8f-b75f-46eab430d3af/YuB4P2DMfj.lottie",
+  AboutOurMission: "https://lottie.host/e9a146f1-91a1-4c9a-a75b-2b2646dbae13/Yanqpw6Rzd.lottie",
+  AboutWhoWeAre: "https://lottie.host/e1123476-13bd-45ef-a5a4-a8560bcf3f29/9HJJWo4xtJ.lottie",
+  LogoAWS: "https://lottie.host/0db4ad01-4be2-439f-858e-5b35a6a3fa10/na8bHDn7XH.lottie",
+  LogoGCP: "https://lottie.host/7485553e-5baa-4463-a4cd-dc34df3e1966/b8mdLcofyU.lottie",
+  LogoReact: "https://lottie.host/1f3571ff-9caf-4669-9cca-eb49f4481eab/rP3fY4zubb.lottie",
+  LogoNodejs: "https://lottie.host/9bab6357-0884-43b8-ae4d-46e9ed1f175f/B1hOYuLcCu.lottie",
+  LogoGithub: "https://lottie.host/e83a6197-0828-4cfe-b4e3-c02c64ae62e9/6Dcb0MXTTu.lottie",
+  DataAnalytics: "https://lottie.host/39705791-7f99-48e4-8bd5-bc591c8c5356/TUI5KNWHZf.lottie",
+  ProjectManagement: "https://lottie.host/5d3b9fec-c47e-42db-a730-eba87a1e8423/0ad0xAp3EE.lottie",
+  CustomerFeedback: "https://lottie.host/a747a4f7-edf5-4d39-a815-513ec58b0f08/l0JXyd15wv.lottie",
+  CustomerService: "https://lottie.host/9f95fc75-bc9a-4e79-962e-ee29aa814006/tYw7JZIxRh.lottie",
+  MobileOTP: "https://lottie.host/23f9ab5b-1338-4ed4-841c-8fcdc3c2088c/7IjlwL6yhC.lottie",
+  Swipe: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie",
+  NotFound: "https://lottie.host/ee63adf0-2f07-44ca-94b1-f8829aea03a5/8qjL7cSngV.lottie"
+};
+export {
+  t as ANIMATIONS
+};

package/dist/components/lottie/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Lottie.js");exports.Lottie=t.Lottie;
+import { Lottie as e } from "./Lottie.js";
+export {
+  e as Lottie
+};