gd-design-library 0.3.4 → 0.4.0

package/components/core/Link/Link.js

@@ -1 +1,43 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("@emotion/react/jsx-runtime"),O=require("react"),x=require("../../../hooks/useTheme/useTheme.js"),E=require("../../../types/accesability.js"),P=require("../../../types/cursors.js"),q=require("../../../types/link.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../List/List.js");require("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("uuid");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");require("../Wrapper/Wrapper.js");const h=require("../types/roles.types.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const e=require("./constants.js"),C=require("./LinkStyled.js"),t=O.forwardRef((s,a)=>{const{variant:n=q.LinkVariant.Primary,disabled:r=!1,className:c="",cursor:o=P.Cursors.Pointer,target:l=q.LinkTarget.Blank,tabindex:d=E.TabIndex.Default,href:N,role:k=h.Roles.Link,children:b,onClick:m,external:f=!1,ariaLabel:i,rel:u,...y}=s,{theme:L}=x.useTheme(),T=f?{href:N}:{onClick:m};return M.jsx(C.LinkStyled,{ref:a,$variant:n,$cursor:o,className:`${c}${r?`${e.COMPONENT_NAME}--disabled`:""}`,theme:L,target:l,role:k,tabIndex:d,"data-testid":e.COMPONENT_NAME,...u?{rel:u}:{},...r?{}:T,...i?{"aria-label":i}:{},...y,children:b})});t.displayName=e.COMPONENT_NAME;exports.Link=t;
+"use client";
+import { jsx as N } from "@emotion/react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { COMPONENT_NAME as r } from "./constants.js";
+import { LinkStyled as h } from "./LinkStyled.js";
+import { LinkVariant as T, LinkTarget as y } from "../../../types/link.js";
+import { Roles as C } from "../types/roles.types.js";
+import { Cursors as P } from "../../../types/cursors.js";
+import { TabIndex as g } from "../../../types/accesability.js";
+import { useTheme as v } from "../../../hooks/useTheme/useTheme.js";
+const A = $((o, i) => {
+  const {
+    variant: m = T.Primary,
+    disabled: e = !1,
+    className: n = "",
+    cursor: s = P.Pointer,
+    target: l = y.Blank,
+    tabindex: f = g.Default,
+    href: c,
+    role: d = C.Link,
+    children: p,
+    onClick: k,
+    external: b = !1,
+    ariaLabel: a,
+    rel: t,
+    ...u
+  } = o, {
+    theme: x
+  } = v(), L = b ? {
+    href: c
+  } : {
+    onClick: k
+  };
+  return /* @__PURE__ */ N(h, { ref: i, $variant: m, $cursor: s, className: `${n}${e ? `${r}--disabled` : ""}`, theme: x, target: l, role: d, tabIndex: f, "data-testid": r, ...t ? {
+    rel: t
+  } : {}, ...e ? {} : L, ...a ? {
+    "aria-label": a
+  } : {}, ...u, children: p });
+});
+A.displayName = r;
+export {
+  A as Link
+};

package/components/core/Link/LinkStyled.js

@@ -1 +1,22 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),a=require("react"),r=require("../../../utils/helpers.js"),y=require("../../../types/link.js"),d=a.forwardRef((t,n)=>{const{theme:{link:e}={},$variant:s=y.LinkVariant.Primary,$cursor:i,styles:o={},...c}=t,l=[{cursor:i},r.get(e,"default",{}),r.get(e,s,{}),o];return u.jsx("a",{css:l,...c,ref:n})});exports.LinkStyled=d;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { LinkVariant as p } from "../../../types/link.js";
+import { get as t } from "../../../utils/helpers.js";
+const k = f((o, e) => {
+  const {
+    theme: {
+      link: r
+    } = {},
+    $variant: s = p.Primary,
+    $cursor: n,
+    styles: i = {},
+    ...m
+  } = o, a = [{
+    cursor: n
+  }, t(r, "default", {}), t(r, s, {}), i];
+  return /* @__PURE__ */ c("a", { css: a, ...m, ref: e });
+});
+export {
+  k as LinkStyled
+};

package/components/core/Link/constants.js

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

package/components/core/List/List.js

@@ -1 +1,45 @@
-"use client";"use strict";const e=require("@emotion/react/jsx-runtime"),l=require("react"),n=require("../../../utils/helpers.js"),i=require("../../../types/list.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");const o=require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../Link/Link.js");require("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("uuid");const E=require("../../../hooks/useTheme/useTheme.js");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const u=require("./constants.js"),d=require("./ListStyled.js"),M=l.forwardRef((N,h)=>{const{items:t=[],variant:q=i.ListVariant.OrderedCircle,styles:O,...m}=N,{theme:s}=E.useTheme(),a=n.get(s,"list.icons",{}),C=l.useCallback(r=>{switch(q){case i.ListVariant.UnorderedDot:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u.COMPONENT_NAME}__bulletPoint`,children:e.jsx(o.Icon,{...n.get(a,"bulletDot",{name:"dot"})})}),r]});case i.ListVariant.UnorderedCheck:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u.COMPONENT_NAME}__bulletPoint`,children:e.jsx(o.Icon,{...n.get(a,"bulletCheck",{name:"check"})})}),r]});case i.ListVariant.OrderedCircle:case i.ListVariant.OrderedSquare:default:return r}},[q]);if(t!=null&&t.length)return e.jsx(d.ListWrapperStyled,{"data-testid":u.COMPONENT_NAME,ref:h,theme:s,styles:O,$variant:q,...m,children:t.map((r,c)=>e.jsx(d.ListItemStyled,{theme:s,$variant:q,"data-testid":`${u.COMPONENT_NAME}-item-${c}`,children:C(r)},`${u.COMPONENT_NAME}-${c}`))})});module.exports=M;
+"use client";
+import { jsxs as d, Fragment as m, jsx as e } from "@emotion/react/jsx-runtime";
+import { forwardRef as b, useCallback as v } from "react";
+import { COMPONENT_NAME as t } from "./constants.js";
+import { ListWrapperStyled as N, ListItemStyled as O } from "./ListStyled.js";
+import { useTheme as _ } from "../../../hooks/useTheme/useTheme.js";
+import { ListVariant as a } from "../../../types/list.js";
+import { get as s } from "../../../utils/helpers.js";
+import { Icon as u } from "../Icon/Icon.js";
+const w = b((f, h) => {
+  const {
+    items: i = [],
+    variant: o = a.OrderedCircle,
+    styles: p,
+    ...$
+  } = f, {
+    theme: n
+  } = _(), c = s(n, "list.icons", {}), C = v((r) => {
+    switch (o) {
+      case a.UnorderedDot:
+        return /* @__PURE__ */ d(m, { children: [
+          /* @__PURE__ */ e("div", { className: `${t}__bulletPoint`, children: /* @__PURE__ */ e(u, { ...s(c, "bulletDot", {
+            name: "dot"
+          }) }) }),
+          r
+        ] });
+      case a.UnorderedCheck:
+        return /* @__PURE__ */ d(m, { children: [
+          /* @__PURE__ */ e("div", { className: `${t}__bulletPoint`, children: /* @__PURE__ */ e(u, { ...s(c, "bulletCheck", {
+            name: "check"
+          }) }) }),
+          r
+        ] });
+      case a.OrderedCircle:
+      case a.OrderedSquare:
+      default:
+        return r;
+    }
+  }, [o]);
+  if (i != null && i.length)
+    return /* @__PURE__ */ e(N, { "data-testid": t, ref: h, theme: n, styles: p, $variant: o, ...$, children: i.map((r, l) => /* @__PURE__ */ e(O, { theme: n, $variant: o, "data-testid": `${t}-item-${l}`, children: C(r) }, `${t}-${l}`)) });
+});
+export {
+  w as default
+};

package/components/core/List/ListStyled.js

@@ -1 +1,31 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),t=require("../../../utils/helpers.js");require("react");const o=require("../../../types/list.js"),a=r=>{const{theme:i,$variant:n=o.ListVariant.OrderedCircle,styles:l,...e}=r,s=t.get(i,"list.wrapper",{}),u={...t.get(s,"default",{}),...t.get(s,n,{}),...l};return c.jsx("ul",{css:u,...e})},d=r=>{const{theme:i,$variant:n=o.ListVariant.OrderedCircle,...l}=r,e=t.get(i,"list.item",{}),s={...t.get(e,"default",{}),...t.get(e,n,{})};return c.jsx("li",{css:s,...l})};exports.ListItemStyled=d;exports.ListWrapperStyled=a;
+"use client";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { ListVariant as l } from "../../../types/list.js";
+import { get as t } from "../../../utils/helpers.js";
+const u = (r) => {
+  const {
+    theme: o,
+    $variant: n = l.OrderedCircle,
+    styles: c,
+    ...e
+  } = r, s = t(o, "list.wrapper", {}), m = {
+    ...t(s, "default", {}),
+    ...t(s, n, {}),
+    ...c
+  };
+  return /* @__PURE__ */ i("ul", { css: m, ...e });
+}, y = (r) => {
+  const {
+    theme: o,
+    $variant: n = l.OrderedCircle,
+    ...c
+  } = r, e = t(o, "list.item", {}), s = {
+    ...t(e, "default", {}),
+    ...t(e, n, {})
+  };
+  return /* @__PURE__ */ i("li", { css: s, ...c });
+};
+export {
+  y as ListItemStyled,
+  u as ListWrapperStyled
+};

package/components/core/List/constants.js

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

package/components/core/Loader/Loader.js

@@ -1 +1,28 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),N=require("react"),h=require("../../../hooks/useTheme/useTheme.js");require("../Breadcrumbs/Breadcrumbs.js");require("../Button/Button.js");require("../Dropdown/Dropdown.js");require("../Dropdown/hooks/useDropdown.js");require("../DropdownItem/DropdownItem.js");require("../Form/Form.js");require("../Icon/Icon.js");require("../Image/Image.js");require("../InlineNotification/InlineNotification.js");require("../Input/Input.js");require("../InputFile/InputFile.js");require("../Label/Label.js");require("../Link/Link.js");require("../List/List.js");require("../Menu/Menu.js");require("../Modal/Modal.js");const P=require("../Portal/Portal.js");require("../Scroll/Scroll.js");require("../Select/Select.js");require("../Separator/Separator.js");require("../Skeleton/Skeleton.js");require("../Slider/SliderStyled.js");require("../Slider/Slider.js");require("../Snackbar/Snackbar.js");require("uuid");require("../Snackbar/SnackbarStyled.js");require("../Snackbar/constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");const M=require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const O=require("../../../types/common.js"),n=require("../../../types/wrapper.js"),u=require("./constants.js"),S=require("./LoaderStyled.js"),a=N.forwardRef((s,o)=>{const{name:c,variant:e=n.WrapperVariant.Inline,children:q,size:d=O.SizeVariant.Md,animationProps:p=u.BASE_ANIMATION,withWrapper:t=!0,...l}=s,{theme:m}=h.useTheme(),r=()=>q||i.jsx(S.LoaderStyled,{ref:o,theme:m,$name:c,$variant:e,$size:d,$animationProps:p,"data-testid":u.COMPONENT_NAME,...l});return e===n.WrapperVariant.FullPage?i.jsx(P,{wrapperVariant:e,withWrapper:t,children:r()}):t?i.jsx(M,{variant:e,children:r()}):r()});a.displayName=u.COMPONENT_NAME;exports.Loader=a;
+"use client";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { BASE_ANIMATION as u, COMPONENT_NAME as m } from "./constants.js";
+import { LoaderStyled as N } from "./LoaderStyled.js";
+import { Portal as P } from "../Portal/Portal.js";
+import A from "../Wrapper/Wrapper.js";
+import { WrapperVariant as a } from "../../../types/wrapper.js";
+import { SizeVariant as M } from "../../../types/common.js";
+import { useTheme as $ } from "../../../hooks/useTheme/useTheme.js";
+const w = h((n, p) => {
+  const {
+    name: s,
+    variant: r = a.Inline,
+    children: o,
+    size: f = M.Md,
+    animationProps: d = u,
+    withWrapper: i = !0,
+    ...l
+  } = n, {
+    theme: c
+  } = $(), e = () => o || /* @__PURE__ */ t(N, { ref: p, theme: c, $name: s, $variant: r, $size: f, $animationProps: d, "data-testid": m, ...l });
+  return r === a.FullPage ? /* @__PURE__ */ t(P, { wrapperVariant: r, withWrapper: i, children: e() }) : i ? /* @__PURE__ */ t(A, { variant: r, children: e() }) : e();
+});
+w.displayName = m;
+export {
+  w as Loader
+};

package/components/core/Loader/LoaderStyled.js

@@ -1 +1,41 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),S=require("react"),e=require("../../../utils/helpers.js"),h=require("../../../types/common.js"),j=require("../../../types/wrapper.js"),$=require("./utils.js"),v=S.forwardRef((i,o)=>{const{theme:{loader:t,animations:s}={},styles:c,$name:n,$variant:m=j.WrapperVariant.Inline,$size:l=h.SizeVariant.Md,$animationProps:u,children:d,...g}=i,p=e.get(t,["animation",n,"name"],""),y=e.get(s,p,{}),{animation:r,AnimationView:f}=$.getAnimationDataByName(n,y,u),q={...e.get(t,"default",{}),...e.get(t,m,{}),...e.get(t,[n,"default"],{}),...e.get(t,[n,l],{}),...r?{animation:r}:{},...c};return a.jsxs("div",{css:q,...g,ref:o,children:[a.jsx(f,{}),d]})});exports.LoaderStyled=v;
+"use client";
+import { jsxs as h, jsx as x } from "@emotion/react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { getAnimationDataByName as V } from "./utils.js";
+import { WrapperVariant as g } from "../../../types/wrapper.js";
+import { SizeVariant as j } from "../../../types/common.js";
+import { get as t } from "../../../utils/helpers.js";
+const B = S((o, e) => {
+  const {
+    theme: {
+      loader: a,
+      animations: r
+    } = {},
+    styles: m,
+    $name: i,
+    $variant: s = g.Inline,
+    $size: f = j.Md,
+    $animationProps: p,
+    children: c,
+    ...d
+  } = o, l = t(a, ["animation", i, "name"], ""), u = t(r, l, {}), {
+    animation: n,
+    AnimationView: y
+  } = V(i, u, p), $ = {
+    ...t(a, "default", {}),
+    ...t(a, s, {}),
+    ...t(a, [i, "default"], {}),
+    ...t(a, [i, f], {}),
+    ...n ? {
+      animation: n
+    } : {},
+    ...m
+  };
+  return /* @__PURE__ */ h("div", { css: $, ...d, ref: e, children: [
+    /* @__PURE__ */ x(y, {}),
+    c
+  ] });
+});
+export {
+  B as LoaderStyled
+};

package/components/core/Loader/constants.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../constants/timers.js"),t="Loader",N=`${e.BASE_ANIMATION_MS}ms ease-in-out infinite`;exports.BASE_ANIMATION=N;exports.COMPONENT_NAME=t;
+import { BASE_ANIMATION_MS as o } from "../../../constants/timers.js";
+const N = "Loader", t = `${o}ms ease-in-out infinite`;
+export {
+  t as BASE_ANIMATION,
+  N as COMPONENT_NAME
+};

package/components/core/Loader/utils.js

@@ -1 +1,37 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),c=require("../../../tokens/utils.js"),o=(n,i={},a)=>{const e=`${c.convertJsonToCssKeyframeCss(i)} ${a}`;switch(n){case"dots":return{animation:null,AnimationView:()=>s.jsxs(s.Fragment,{children:[s.jsx("div",{css:t.css({animation:e}),className:"dot"}),s.jsx("div",{css:t.css({animation:e}),className:"dot"}),s.jsx("div",{css:t.css({animation:e}),className:"dot"})]})};case"circle":return{animation:e,AnimationView:()=>null};default:return{animation:null,AnimationView:()=>null}}};exports.getAnimationDataByName=o;
+"use client";
+import { jsxs as o, Fragment as m, jsx as n } from "@emotion/react/jsx-runtime";
+import { css as t } from "@emotion/react";
+import { convertJsonToCssKeyframeCss as c } from "../../../tokens/utils.js";
+const f = (i, a = {}, e) => {
+  const s = `${c(a)} ${e}`;
+  switch (i) {
+    case "dots":
+      return {
+        animation: null,
+        AnimationView: () => /* @__PURE__ */ o(m, { children: [
+          /* @__PURE__ */ n("div", { css: /* @__PURE__ */ t({
+            animation: s
+          }), className: "dot" }),
+          /* @__PURE__ */ n("div", { css: /* @__PURE__ */ t({
+            animation: s
+          }), className: "dot" }),
+          /* @__PURE__ */ n("div", { css: /* @__PURE__ */ t({
+            animation: s
+          }), className: "dot" })
+        ] })
+      };
+    case "circle":
+      return {
+        animation: s,
+        AnimationView: () => null
+      };
+    default:
+      return {
+        animation: null,
+        AnimationView: () => null
+      };
+  }
+};
+export {
+  f as getAnimationDataByName
+};

package/components/core/Menu/Menu.js

@@ -1 +1,100 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),n=require("react"),I=require("../../../hooks/useTheme/useTheme.js"),j=require("../../../constants/keyboard.js"),A=require("../../../utils/animationFrame.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const L=require("../../../tokens/utils.js"),B=require("../Portal/Portal.js"),F=require("../Select/hooks/useSelectContext.js"),q=require("./constants.js"),y=require("./MenuStyled.js"),b=n.forwardRef((N,O)=>{const{onSelect:E,children:P,content:R,options:C={},...M}=N,{theme:T}=I.useTheme(),f=n.useMemo(()=>({...q.MENU_DEFAULT_OPTIONS,...C}),[C]),o=n.useRef(null),i=n.useRef(null),v=n.useRef(),S=n.useRef({top:0,left:0,maxHeight:f.maxHeight}),[m,g]=n.useState(!1),H=n.useCallback(({width:r,height:t})=>{const e=o.current?o.current.getBoundingClientRect():q.EMPTY_CLIENT_RECT,{minHeight:u,align:c,direction:d,offset:s}=f,l=v.current||d||"top",x=e.right+s,p={top:e.top-2*s,bottom:window.innerHeight-e.bottom-2*s},h={top:e.top,bottom:e.bottom+s,right:x,center:e.left+e.width/2+r/2<window.innerWidth-s?e.left+e.width/2-r/2:x,left:e.left+r<window.innerWidth-s?e.left:x},w=p.top>p.bottom?"top":"bottom";return p[l]>u&&d||p[l]>t?{top:h[l],left:h[c]}:(v.current=w,{top:h[w],left:h[c]})},[f]),_={onSelect:(r,t)=>{E==null||E({event:r,value:t}),g(!1)}},k=n.useCallback(()=>{g(r=>!r)},[]);return n.useImperativeHandle(O,()=>o.current),A.useAnimationFrame(()=>{if(i.current&&m){const r=i.current.getBoundingClientRect(),t=o.current?o.current.getBoundingClientRect():q.EMPTY_CLIENT_RECT,{top:e,left:u}=H(r),{offset:c,maxHeight:d}=f,l=u<t.right&&r.right>t.left&&e<2*c?t.top-2*c:window.innerHeight-e-c;S.current={top:e,left:u,maxHeight:Math.min(d,l)},i.current&&(i.current.style.left=`${u}px`,i.current.style.top=`${e}px`,i.current.style.maxHeight=`${Math.min(d,l)}px`)}}),n.useEffect(()=>{const r=t=>{m&&t.key===j.KEYBOARD_KEYS.ESCAPE&&g(!1)};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[m]),n.useEffect(()=>{const r=t=>{var e,u;!((e=o==null?void 0:o.current)!=null&&e.contains(t.target))&&!((u=i==null?void 0:i.current)!=null&&u.contains(t.target))&&g(!1)};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i]),a.jsxs(a.Fragment,{children:[a.jsx(y.MenuTriggerStyled,{onClick:k,theme:T,ref:o,"data-testid":q.COMPONENT_NAME,...M,children:P}),m&&a.jsx(B,{withWrapper:!1,children:a.jsx(F.SelectContext.Provider,{value:_,children:a.jsx(y.MenuContentStyled,{ref:i,"data-testid":q.COMPONENT_NAME,theme:T,...L.convertToInlineBoxStyles(M),children:R})})})]})});b.displayName=q.COMPONENT_NAME;exports.Menu=b;
+"use client";
+import { jsxs as _, Fragment as A, jsx as g } from "@emotion/react/jsx-runtime";
+import { forwardRef as D, useMemo as F, useRef as h, useState as K, useCallback as M, useImperativeHandle as W, useEffect as O } from "react";
+import { MENU_DEFAULT_OPTIONS as Y, EMPTY_CLIENT_RECT as P, COMPONENT_NAME as v } from "./constants.js";
+import { MenuTriggerStyled as $, MenuContentStyled as j } from "./MenuStyled.js";
+import { useAnimationFrame as U } from "../../../utils/animationFrame.js";
+import { SelectContext as V } from "../Select/hooks/useSelectContext.js";
+import { convertToInlineBoxStyles as q } from "../../../tokens/utils.js";
+import { useTheme as z } from "../../../hooks/useTheme/useTheme.js";
+import { Portal as G } from "../Portal/Portal.js";
+import { KEYBOARD_KEYS as J } from "../../../constants/keyboard.js";
+const Q = D((T, S) => {
+  const {
+    onSelect: E,
+    children: k,
+    content: I,
+    options: x = {},
+    ...C
+  } = T, {
+    theme: y
+  } = z(), u = F(() => ({
+    ...Y,
+    ...x
+  }), [x]), r = h(null), o = h(null), b = h(), N = h({
+    top: 0,
+    left: 0,
+    maxHeight: u.maxHeight
+  }), [a, d] = K(!1), R = M(({
+    width: e,
+    height: n
+  }) => {
+    const t = r.current ? r.current.getBoundingClientRect() : P, {
+      minHeight: i,
+      align: c,
+      direction: m,
+      offset: s
+    } = u, l = b.current || m || "top", w = t.right + s, f = {
+      top: t.top - 2 * s,
+      bottom: window.innerHeight - t.bottom - 2 * s
+    }, p = {
+      top: t.top,
+      bottom: t.bottom + s,
+      right: w,
+      center: t.left + t.width / 2 + e / 2 < window.innerWidth - s ? t.left + t.width / 2 - e / 2 : w,
+      left: t.left + e < window.innerWidth - s ? t.left : w
+    }, H = f.top > f.bottom ? "top" : "bottom";
+    return f[l] > i && m || f[l] > n ? {
+      top: p[l],
+      left: p[c]
+    } : (b.current = H, {
+      top: p[H],
+      left: p[c]
+    });
+  }, [u]), B = {
+    onSelect: (e, n) => {
+      E == null || E({
+        event: e,
+        value: n
+      }), d(!1);
+    }
+  }, L = M(() => {
+    d((e) => !e);
+  }, []);
+  return W(S, () => r.current), U(() => {
+    if (o.current && a) {
+      const e = o.current.getBoundingClientRect(), n = r.current ? r.current.getBoundingClientRect() : P, {
+        top: t,
+        left: i
+      } = R(e), {
+        offset: c,
+        maxHeight: m
+      } = u, l = i < n.right && e.right > n.left && t < 2 * c ? n.top - 2 * c : window.innerHeight - t - c;
+      N.current = {
+        top: t,
+        left: i,
+        maxHeight: Math.min(m, l)
+      }, o.current && (o.current.style.left = `${i}px`, o.current.style.top = `${t}px`, o.current.style.maxHeight = `${Math.min(m, l)}px`);
+    }
+  }), O(() => {
+    const e = (n) => {
+      a && n.key === J.ESCAPE && d(!1);
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [a]), O(() => {
+    const e = (n) => {
+      var t, i;
+      !((t = r == null ? void 0 : r.current) != null && t.contains(n.target)) && !((i = o == null ? void 0 : o.current) != null && i.contains(n.target)) && d(!1);
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [o]), /* @__PURE__ */ _(A, { children: [
+    /* @__PURE__ */ g($, { onClick: L, theme: y, ref: r, "data-testid": v, ...C, children: k }),
+    a && /* @__PURE__ */ g(G, { withWrapper: !1, children: /* @__PURE__ */ g(V.Provider, { value: B, children: /* @__PURE__ */ g(j, { ref: o, "data-testid": v, theme: y, ...q(C), children: I }) }) })
+  ] });
+});
+Q.displayName = v;
+export {
+  Q as Menu
+};

package/components/core/Menu/MenuStyled.js

@@ -1 +1,31 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("react"),u=require("../../../utils/helpers.js"),i=require("../Button/Button.js"),l=require("../../../types/button.js"),a=o.forwardRef((e,t)=>{const{theme:{menu:r}={},styles:n={},...c}=e;return s.jsx(i.Button,{variant:l.ButtonVariant.Text,styles:{...u.get(r,"wrapper.default",{}),...n},...c,ref:t})}),d=o.forwardRef((e,t)=>{const{theme:{menu:r}={},...n}=e;return s.jsx("div",{css:u.get(r,"content.default",{}),...n,ref:t})});exports.MenuContentStyled=d;exports.MenuTriggerStyled=a;
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { Button as u } from "../Button/Button.js";
+import { get as m } from "../../../utils/helpers.js";
+import { ButtonVariant as i } from "../../../types/button.js";
+const y = s((t, e) => {
+  const {
+    theme: {
+      menu: r
+    } = {},
+    styles: o = {},
+    ...f
+  } = t;
+  return /* @__PURE__ */ n(u, { variant: i.Text, styles: {
+    ...m(r, "wrapper.default", {}),
+    ...o
+  }, ...f, ref: e });
+}), g = s((t, e) => {
+  const {
+    theme: {
+      menu: r
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ n("div", { css: m(r, "content.default", {}), ...o, ref: e });
+});
+export {
+  g as MenuContentStyled,
+  y as MenuTriggerStyled
+};

package/components/core/Menu/constants.js

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Menu",i={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0},e={...i},o={align:"right",direction:null,limitWidth:"auto",maxHeight:400,minHeight:80,offset:4};exports.COMPONENT_NAME=t;exports.EMPTY_CLIENT_RECT=e;exports.MENU_DEFAULT_OPTIONS=o;
+const i = "Menu", t = {
+  bottom: 0,
+  height: 0,
+  left: 0,
+  right: 0,
+  top: 0,
+  width: 0,
+  x: 0,
+  y: 0
+}, o = {
+  ...t
+}, e = {
+  align: "right",
+  direction: null,
+  limitWidth: "auto",
+  maxHeight: 400,
+  minHeight: 80,
+  offset: 4
+};
+export {
+  i as COMPONENT_NAME,
+  o as EMPTY_CLIENT_RECT,
+  e as MENU_DEFAULT_OPTIONS
+};

package/components/core/Modal/Modal.js

@@ -1 +1,47 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),a=require("react"),j=require("../../../hooks/useTheme/useTheme.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");const x=require("../../../constants/keyboard.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const T=require("../../../tokens/utils.js"),y=require("../../../utils/helpers.js"),P=require("../Icon/Icon.js"),k=require("../Portal/Portal.js"),u=require("./constants.js"),t=require("./ModalStyled.js"),M=a.forwardRef((E,h)=>{const{isOpen:l=!1,isCustomView:N=!1,onClose:i,showCloseButton:q=!0,closeOnEscape:d,title:o,children:n,footer:c,styles:O,...C}=E,{theme:r}=j.useTheme(),f=y.get(r,"modal.icons",{}),m=o||q&&i;return a.useEffect(()=>{if(!d)return;const s=S=>{i&&S.key===x.KEYBOARD_KEYS.ESCAPE&&i()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[l,d,i]),l?e.jsx(k,{children:e.jsx(t.ModalOverlayStyled,{onClick:i,theme:r,children:e.jsx(t.ModalContentStyled,{ref:h,onClick:s=>s.stopPropagation(),"data-testid":u.COMPONENT_NAME,theme:r,styles:O,...T.convertToInlineBoxStyles(C),children:N?n:e.jsxs(e.Fragment,{children:[m&&e.jsxs(t.ModalHeaderStyled,{theme:r,$withTitle:!!o,children:[o&&e.jsx(t.ModalTitleStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-title`,children:o}),q&&i&&e.jsx(t.CloseButtonStyled,{onClick:i,"data-testid":"close-button",theme:r,children:e.jsx(P.Icon,{...y.get(f,"close",{name:"cross"})})})]}),n&&e.jsx(t.ModalBodyStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-body`,children:n}),c&&e.jsx(t.ModalFooterStyled,{theme:r,"data-testid":`${u.COMPONENT_NAME}-footer`,children:c})]})})})}):null});M.displayName=u.COMPONENT_NAME;exports.Modal=M;
+"use client";
+import { jsx as t, jsxs as m, Fragment as w } from "@emotion/react/jsx-runtime";
+import { forwardRef as k, useEffect as O } from "react";
+import { COMPONENT_NAME as r } from "./constants.js";
+import { ModalOverlayStyled as v, ModalContentStyled as B, ModalHeaderStyled as T, ModalTitleStyled as x, CloseButtonStyled as N, ModalBodyStyled as P, ModalFooterStyled as $ } from "./ModalStyled.js";
+import { useTheme as b } from "../../../hooks/useTheme/useTheme.js";
+import { get as f } from "../../../utils/helpers.js";
+import { Portal as g } from "../Portal/Portal.js";
+import { convertToInlineBoxStyles as A } from "../../../tokens/utils.js";
+import { Icon as K } from "../Icon/Icon.js";
+import { KEYBOARD_KEYS as j } from "../../../constants/keyboard.js";
+const D = k((y, p) => {
+  const {
+    isOpen: d = !1,
+    isCustomView: u = !1,
+    onClose: o,
+    showCloseButton: s = !0,
+    closeOnEscape: a,
+    title: n,
+    children: i,
+    footer: c,
+    styles: h,
+    ...C
+  } = y, {
+    theme: e
+  } = b(), E = f(e, "modal.icons", {}), S = n || s && o;
+  return O(() => {
+    if (!a) return;
+    const l = (M) => {
+      o && M.key === j.ESCAPE && o();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [d, a, o]), d ? /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(v, { onClick: o, theme: e, children: /* @__PURE__ */ t(B, { ref: p, onClick: (l) => l.stopPropagation(), "data-testid": r, theme: e, styles: h, ...A(C), children: u ? i : /* @__PURE__ */ m(w, { children: [
+    S && /* @__PURE__ */ m(T, { theme: e, $withTitle: !!n, children: [
+      n && /* @__PURE__ */ t(x, { theme: e, "data-testid": `${r}-title`, children: n }),
+      s && o && /* @__PURE__ */ t(N, { onClick: o, "data-testid": "close-button", theme: e, children: /* @__PURE__ */ t(K, { ...f(E, "close", {
+        name: "cross"
+      }) }) })
+    ] }),
+    i && /* @__PURE__ */ t(P, { theme: e, "data-testid": `${r}-body`, children: i }),
+    c && /* @__PURE__ */ t($, { theme: e, "data-testid": `${r}-footer`, children: c })
+  ] }) }) }) }) : null;
+});
+D.displayName = r;
+export {
+  D as Modal
+};

package/components/core/Modal/ModalStyled.js

@@ -1 +1,76 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),n=require("react"),o=require("../../../utils/helpers.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const c=require("../../../tokens/utils.js"),a=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"overlay.default",{}),...t})},y=n.forwardRef((e,r)=>{const{theme:{modal:t}={},styles:i={},...u}=e,{boxStyles:l,restProps:d}=c.getBoxStyles(u),q=[o.get(t,"content.default",{}),i,l];return s.jsx("div",{css:q,...d,ref:r})}),S=e=>{const{theme:{modal:r}={},$withTitle:t,...i}=e,u=o.get(r,"header",{}),l=[o.get(u,"default",{}),t?o.get(u,"withTitle",{}):{}];return s.jsx("div",{css:l,...i})},m=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"title.default",{}),...t})},p=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"body.default",{}),...t})},M=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("div",{css:o.get(r,"footer.default",{}),...t})},f=e=>{const{theme:{modal:r}={},...t}=e;return s.jsx("button",{css:o.get(r,"closeButton.default",{}),...t})};exports.CloseButtonStyled=f;exports.ModalBodyStyled=p;exports.ModalContentStyled=y;exports.ModalFooterStyled=M;exports.ModalHeaderStyled=S;exports.ModalOverlayStyled=a;exports.ModalTitleStyled=m;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { getBoxStyles as u } from "../../../tokens/utils.js";
+import { get as s } from "../../../utils/helpers.js";
+const S = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ r("div", { css: s(e, "overlay.default", {}), ...o });
+}, h = m((t, e) => {
+  const {
+    theme: {
+      modal: o
+    } = {},
+    styles: d = {},
+    ...l
+  } = t, {
+    boxStyles: n,
+    restProps: c
+  } = u(l), a = [s(o, "content.default", {}), d, n];
+  return /* @__PURE__ */ r("div", { css: a, ...c, ref: e });
+}), P = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    $withTitle: o,
+    ...d
+  } = t, l = s(e, "header", {}), n = [s(l, "default", {}), o ? s(l, "withTitle", {}) : {}];
+  return /* @__PURE__ */ r("div", { css: n, ...d });
+}, v = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ r("div", { css: s(e, "title.default", {}), ...o });
+}, M = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ r("div", { css: s(e, "body.default", {}), ...o });
+}, x = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ r("div", { css: s(e, "footer.default", {}), ...o });
+}, B = (t) => {
+  const {
+    theme: {
+      modal: e
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ r("button", { css: s(e, "closeButton.default", {}), ...o });
+};
+export {
+  B as CloseButtonStyled,
+  M as ModalBodyStyled,
+  h as ModalContentStyled,
+  x as ModalFooterStyled,
+  P as ModalHeaderStyled,
+  S as ModalOverlayStyled,
+  v as ModalTitleStyled
+};

package/components/core/Modal/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Modal";exports.COMPONENT_NAME=e;
+const o = "Modal";
+export {
+  o as COMPONENT_NAME
+};

package/components/core/Portal/Portal.d.ts

@@ -1,3 +1,2 @@
 import { PortalProps } from './Portal.types';
-declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Portal;
+export declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<HTMLDivElement>>;