gd-design-library 0.3.4 → 0.4.0

package/components/core/Textarea/hooks/useResizeObserver.js

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("../../../../utils/helpers.js"),i=(e,r)=>{const t=s.useRef(!1);s.useEffect(()=>{if(!e.current||!r)return;const c=new ResizeObserver(()=>{if(!t.current){t.current=!0;return}r&&e.current&&r({width:n.get(e,"current.scrollWidth",0),height:n.get(e,"current.scrollHeight",0)})});return c.observe(e.current),()=>{c.disconnect()}},[r])};exports.useResizeObserver=i;
+import { useRef as i, useEffect as s } from "react";
+import { get as n } from "../../../../utils/helpers.js";
+const l = (r, e) => {
+  const t = i(!1);
+  s(() => {
+    if (!r.current || !e) return;
+    const c = new ResizeObserver(() => {
+      if (!t.current) {
+        t.current = !0;
+        return;
+      }
+      e && r.current && e({
+        width: n(r, "current.scrollWidth", 0),
+        height: n(r, "current.scrollHeight", 0)
+      });
+    });
+    return c.observe(r.current), () => {
+      c.disconnect();
+    };
+  }, [e]);
+};
+export {
+  l as useResizeObserver
+};

package/components/core/Toggle/Toggle.js

@@ -1 +1,37 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),u=require("react"),N=require("../../../hooks/useTheme/useTheme.js"),c=require("../../../types/button.js"),h=require("../Button/Button.js"),i=require("./constants.js"),p=require("./ToggleStyled.js"),v=e=>typeof e=="object"?e:{label:e,value:e},g=u.forwardRef((e,d)=>{const{items:T=[],onValueChange:n,value:b,renderItemContent:r,disabled:s=!1,...m}=e,{theme:f}=N.useTheme(),q=u.useCallback(t=>{n&&n(t)},[n]);return l.jsx(p.ToggleStyled,{ref:d,"data-testid":i.COMPONENT_NAME,theme:f,disabled:s,...m,children:T.map((t,a)=>{const o=v(t),C={variant:o.value===b?c.ButtonVariant.Contained:c.ButtonVariant.Text,onClick:()=>q(o.value),disabled:s};return l.jsx(h.Button,{...C,children:r?r(t,a):o.label},`toggle-${a}`)})})});g.displayName=i.COMPONENT_NAME;exports.Toggle=g;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as C, useCallback as h } from "react";
+import { COMPONENT_NAME as c } from "./constants.js";
+import { ToggleStyled as v } from "./ToggleStyled.js";
+import { useTheme as T } from "../../../hooks/useTheme/useTheme.js";
+import { ButtonVariant as m } from "../../../types/button.js";
+import { Button as I } from "../Button/Button.js";
+const N = (t) => typeof t == "object" ? t : {
+  label: t,
+  value: t
+}, x = C((t, i) => {
+  const {
+    items: u = [],
+    onValueChange: o,
+    value: f,
+    renderItemContent: n,
+    disabled: a = !1,
+    ...p
+  } = t, {
+    theme: d
+  } = T(), g = h((e) => {
+    o && o(e);
+  }, [o]);
+  return /* @__PURE__ */ s(v, { ref: i, "data-testid": c, theme: d, disabled: a, ...p, children: u.map((e, l) => {
+    const r = N(e), b = {
+      variant: r.value === f ? m.Contained : m.Text,
+      onClick: () => g(r.value),
+      disabled: a
+    };
+    return /* @__PURE__ */ s(I, { ...b, children: n ? n(e, l) : r.label }, `toggle-${l}`);
+  }) });
+});
+x.displayName = c;
+export {
+  x as Toggle
+};

package/components/core/Toggle/ToggleStyled.js

@@ -1 +1,18 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),n=require("react"),t=require("../../../utils/helpers.js"),u=n.forwardRef((s,r)=>{const{theme:{switchToggle:e}={},disabled:o,styles:l={},...c}=s,d=[t.get(e,"default",{}),l,o?t.get(e,"disabled",{}):{}];return i.jsx("div",{css:d,...c,ref:r})});exports.ToggleStyled=u;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { get as t } from "../../../utils/helpers.js";
+const n = c((o, s) => {
+  const {
+    theme: {
+      switchToggle: e
+    } = {},
+    disabled: r,
+    styles: d = {},
+    ...l
+  } = o, i = [t(e, "default", {}), d, r ? t(e, "disabled", {}) : {}];
+  return /* @__PURE__ */ m("div", { css: i, ...l, ref: s });
+});
+export {
+  n as ToggleStyled
+};

package/components/core/Toggle/constants.js

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

package/components/core/Tooltip/Tooltip.js

@@ -1 +1,40 @@
-"use client";"use strict";const e=require("@emotion/react/jsx-runtime"),E=require("react"),j=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("../Loader/Loader.js");require("../Menu/Menu.js");require("../Modal/Modal.js");const w=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("../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 q=require("./constants.js"),O=require("./utils.js"),t=require("./TooltipStyled.js"),R=E.forwardRef((o,s)=>{const{children:l,content:n,position:c,delay:a,classNames:p="",gap:d,styles:h,...r}=o,{theme:T}=j.useTheme(),{isVisible:f,coords:i,containerRef:N,tooltipRef:m,showTooltip:y,hideTooltip:M,positionWithFallback:u}=O.useTooltip(c,a,d),x=`${p.trim()} tooltip-${u}`;return e.jsxs(t.TooltipWrapperStyled,{ref:N,onMouseEnter:y,onMouseLeave:M,...r,"data-testid":`${q.COMPONENT_NAME}-wrapper`,styles:h,children:[l,f&&e.jsx(w,{withWrapper:!1,ref:s,children:e.jsx(t.TooltipStyled,{"data-testid":q.COMPONENT_NAME,className:x,ref:m,position:u,theme:T,style:{top:i.top,left:i.left},...r,children:n})})]})});module.exports=R;
+"use client";
+import { jsxs as x, jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as E } from "react";
+import { COMPONENT_NAME as i } from "./constants.js";
+import { useTooltip as R } from "./utils.js";
+import { TooltipWrapperStyled as W, TooltipStyled as $ } from "./TooltipStyled.js";
+import { useTheme as b } from "../../../hooks/useTheme/useTheme.js";
+import { Portal as j } from "../Portal/Portal.js";
+const A = E((s, l) => {
+  const {
+    children: p,
+    content: a,
+    position: n,
+    delay: m,
+    classNames: f = "",
+    gap: c,
+    styles: d,
+    ...o
+  } = s, {
+    theme: h
+  } = b(), {
+    isVisible: T,
+    coords: t,
+    containerRef: u,
+    tooltipRef: y,
+    showTooltip: N,
+    hideTooltip: w,
+    positionWithFallback: e
+  } = R(n, m, c), M = `${f.trim()} tooltip-${e}`;
+  return /* @__PURE__ */ x(W, { ref: u, onMouseEnter: N, onMouseLeave: w, ...o, "data-testid": `${i}-wrapper`, styles: d, children: [
+    p,
+    T && /* @__PURE__ */ r(j, { withWrapper: !1, ref: l, children: /* @__PURE__ */ r($, { "data-testid": i, className: M, ref: y, position: e, theme: h, style: {
+      top: t.top,
+      left: t.left
+    }, ...o, children: a }) })
+  ] });
+});
+export {
+  A as default
+};

package/components/core/Tooltip/Tooltip.types.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t.Top="top",t.Bottom="bottom",t.Left="left",t.Right="right",t))(e||{});exports.TooltipPosition=e;
+var t = /* @__PURE__ */ ((r) => (r.Top = "top", r.Bottom = "bottom", r.Left = "left", r.Right = "right", r))(t || {});
+export {
+  t as TooltipPosition
+};

package/components/core/Tooltip/TooltipStyled.js

@@ -1 +1,23 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),i=require("react"),p=require("../../../utils/helpers.js"),n=i.forwardRef((e,t)=>{const{theme:r,styles:o={},...s}=e,l=[p.get(r,"tooltip.wrapper.default",{}),o];return c.jsx("div",{css:l,...s,ref:t})}),d=i.forwardRef((e,t)=>{const{theme:r,styles:o={},...s}=e,l=[p.get(r,"tooltip.default",{}),o];return c.jsx("div",{css:l,...s,ref:t})});exports.TooltipStyled=d;exports.TooltipWrapperStyled=n;
+"use client";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { get as i } from "../../../utils/helpers.js";
+const n = c((t, e) => {
+  const {
+    theme: o,
+    styles: r = {},
+    ...s
+  } = t, p = [i(o, "tooltip.wrapper.default", {}), r];
+  return /* @__PURE__ */ l("div", { css: p, ...s, ref: e });
+}), u = c((t, e) => {
+  const {
+    theme: o,
+    styles: r = {},
+    ...s
+  } = t, p = [i(o, "tooltip.default", {}), r];
+  return /* @__PURE__ */ l("div", { css: p, ...s, ref: e });
+});
+export {
+  u as TooltipStyled,
+  n as TooltipWrapperStyled
+};

package/components/core/Tooltip/constants.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Tooltip",A=10,E=200;exports.COMPONENT_NAME=t;exports.DEFAULT_DELAY=E;exports.DEFAULT_GAP=A;
+const o = "Tooltip", t = 10, A = 200;
+export {
+  o as COMPONENT_NAME,
+  A as DEFAULT_DELAY,
+  t as DEFAULT_GAP
+};

package/components/core/Tooltip/utils.js

@@ -1 +1,64 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),o=require("./Tooltip.types.js"),h=require("./constants.js"),F=(t=o.TooltipPosition.Top,l=h.DEFAULT_DELAY,i=h.DEFAULT_GAP)=>{const[e,p]=s.useState(!1),[g,P]=s.useState({top:0,left:0}),[m,b]=s.useState(t),r=s.useRef(null),u=s.useRef(null),n=s.useRef(null),k=s.useCallback(()=>{n.current=setTimeout(()=>{r.current&&(p(!0),requestAnimationFrame(()=>{if(u.current&&r.current){const T=r.current.getBoundingClientRect(),f=u.current.getBoundingClientRect(),d=w(T,f,t,i),c=a(t,f,d);b(c),P(c===t?d:w(T,f,c,i))}}))},l)},[l,t,i]),B=()=>{n.current&&clearTimeout(n.current),p(!1)};return s.useEffect(()=>()=>{n.current&&(clearTimeout(n.current),n.current=null)},[]),{isVisible:e,coords:g,containerRef:r,tooltipRef:u,showTooltip:k,hideTooltip:B,positionWithFallback:m}},w=(t,l,i,e)=>{switch(i){case o.TooltipPosition.Top:return{top:t.top+window.scrollY-l.height-e,left:t.left+window.scrollX+t.width/2};case o.TooltipPosition.Bottom:return{top:t.top+window.scrollY+t.height+e,left:t.left+window.scrollX+t.width/2};case o.TooltipPosition.Left:return{top:t.top+window.scrollY+t.height/2,left:t.left+window.scrollX-l.width-e};case o.TooltipPosition.Right:return{top:t.top+window.scrollY+t.height/2,left:t.right+window.scrollX+e};default:throw Error(`Unexpected position '${i}'`)}},a=(t,l,i)=>{let e=t;return t===o.TooltipPosition.Top&&i.top<0?e=o.TooltipPosition.Bottom:t===o.TooltipPosition.Bottom&&i.top+l.height>window.innerHeight+window.scrollY?e=o.TooltipPosition.Top:t===o.TooltipPosition.Left&&i.left<0?e=o.TooltipPosition.Right:t===o.TooltipPosition.Right&&i.left+l.width>window.innerWidth+window.scrollX&&(e=o.TooltipPosition.Left),e};exports.getCoords=w;exports.getFallbackPosition=a;exports.useTooltip=F;
+import { useState as w, useRef as c, useCallback as F, useEffect as L } from "react";
+import { TooltipPosition as o } from "./Tooltip.types.js";
+import { DEFAULT_DELAY as Y, DEFAULT_GAP as A } from "./constants.js";
+const U = (t = o.Top, r = Y, l = A) => {
+  const [e, h] = w(!1), [T, g] = w({
+    top: 0,
+    left: 0
+  }), [a, B] = w(t), i = c(null), n = c(null), s = c(null), b = F(() => {
+    s.current = setTimeout(() => {
+      i.current && (h(!0), requestAnimationFrame(() => {
+        if (n.current && i.current) {
+          const d = i.current.getBoundingClientRect(), f = n.current.getBoundingClientRect(), p = m(d, f, t, l), u = C(t, f, p);
+          B(u), g(u === t ? p : m(d, f, u, l));
+        }
+      }));
+    }, r);
+  }, [r, t, l]), k = () => {
+    s.current && clearTimeout(s.current), h(!1);
+  };
+  return L(() => () => {
+    s.current && (clearTimeout(s.current), s.current = null);
+  }, []), {
+    isVisible: e,
+    coords: T,
+    containerRef: i,
+    tooltipRef: n,
+    showTooltip: b,
+    hideTooltip: k,
+    positionWithFallback: a
+  };
+}, m = (t, r, l, e) => {
+  switch (l) {
+    case o.Top:
+      return {
+        top: t.top + window.scrollY - r.height - e,
+        left: t.left + window.scrollX + t.width / 2
+      };
+    case o.Bottom:
+      return {
+        top: t.top + window.scrollY + t.height + e,
+        left: t.left + window.scrollX + t.width / 2
+      };
+    case o.Left:
+      return {
+        top: t.top + window.scrollY + t.height / 2,
+        left: t.left + window.scrollX - r.width - e
+      };
+    case o.Right:
+      return {
+        top: t.top + window.scrollY + t.height / 2,
+        left: t.right + window.scrollX + e
+      };
+    default:
+      throw Error(`Unexpected position '${l}'`);
+  }
+}, C = (t, r, l) => {
+  let e = t;
+  return t === o.Top && l.top < 0 ? e = o.Bottom : t === o.Bottom && l.top + r.height > window.innerHeight + window.scrollY ? e = o.Top : t === o.Left && l.left < 0 ? e = o.Right : t === o.Right && l.left + r.width > window.innerWidth + window.scrollX && (e = o.Left), e;
+};
+export {
+  m as getCoords,
+  C as getFallbackPosition,
+  U as useTooltip
+};

package/components/core/Typography/Typography.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@emotion/react/jsx-runtime"),T=require("react"),d=require("../../../hooks/useTheme/useTheme.js"),t=require("../../../types/typography.js"),r=require("./constants.js"),N=require("./TypographyStyled.js"),a=T.forwardRef((s,n)=>{const{variant:e=t.TypographyVariant.Inherit,as:i,size:o,children:y,align:c=t.TextAlign.Start,color:l,styleVariant:p,...u}=s,{theme:g}=d.useTheme();return h.jsx(N.TypographyStyled,{ref:n,theme:g,$as:i||e,$variant:e,$align:c,$size:o,$color:l,$styleVariant:p,"data-testid":r.COMPONENT_NAME,...u,children:y})});a.displayName=r.COMPONENT_NAME;exports.Typography=a;
+"use client";
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { COMPONENT_NAME as t } from "./constants.js";
+import { TypographyStyled as h } from "./TypographyStyled.js";
+import { TypographyVariant as d, TextAlign as g } from "../../../types/typography.js";
+import { useTheme as T } from "../../../hooks/useTheme/useTheme.js";
+const $ = c((o, a) => {
+  const {
+    variant: r = d.Inherit,
+    as: e,
+    size: i,
+    children: m,
+    align: n = g.Start,
+    color: s,
+    styleVariant: p,
+    ...l
+  } = o, {
+    theme: y
+  } = T();
+  return /* @__PURE__ */ f(h, { ref: a, theme: y, $as: e || r, $variant: r, $align: n, $size: i, $color: s, $styleVariant: p, "data-testid": t, ...l, children: m });
+});
+$.displayName = t;
+export {
+  $ as Typography
+};

package/components/core/Typography/TypographyStyled.js

@@ -1 +1,32 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@emotion/react/jsx-runtime"),x=require("react"),t=require("../../../utils/helpers.js"),j=require("../../../types/common.js"),a=require("../../../types/typography.js"),z=x.forwardRef((y,c)=>{const{theme:{typography:e,colors:i}={},$as:p="span",$color:r,$align:l=a.TextAlign.Start,$variant:n=a.TypographyVariant.Inherit,$size:g=j.SizeVariant.Md,$styleVariant:s,styles:u,...S}=y,h=t.get(e,"base",{}),d=t.get(e,n,{}),m=t.get(e,[n,g],{}),$=r&&t.get(i,r,r),o=typeof s=="string"?[s]:s,T=o==null?void 0:o.reduce((b,f)=>({...b,...t.get(e,["styleVariant",f],{})}),{}),q=[h,d,m,T,{textAlign:l,color:$},u];return v.jsx(p,{css:q,...S,ref:c})});exports.TypographyStyled=z;
+"use client";
+import { jsx as T } from "@emotion/react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { TextAlign as z, TypographyVariant as V } from "../../../types/typography.js";
+import { SizeVariant as b } from "../../../types/common.js";
+import { get as t } from "../../../utils/helpers.js";
+const M = v((a, p) => {
+  const {
+    theme: {
+      typography: o,
+      colors: i
+    } = {},
+    $as: y = "span",
+    $color: r,
+    $align: c = z.Start,
+    $variant: n = V.Inherit,
+    $size: l = b.Md,
+    $styleVariant: e,
+    styles: m,
+    ...g
+  } = a, S = t(o, "base", {}), f = t(o, n, {}), u = t(o, [n, l], {}), d = r && t(i, r, r), s = typeof e == "string" ? [e] : e, h = s == null ? void 0 : s.reduce(($, x) => ({
+    ...$,
+    ...t(o, ["styleVariant", x], {})
+  }), {});
+  return /* @__PURE__ */ T(y, { css: [S, f, u, h, {
+    textAlign: c,
+    color: d
+  }, m], ...g, ref: p });
+});
+export {
+  M as TypographyStyled
+};

package/components/core/Typography/constants.js

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

package/components/core/Wrapper/Wrapper.js

@@ -1 +1,20 @@
-"use client";"use strict";const i=require("@emotion/react/jsx-runtime"),c=require("react"),o=require("../../../hooks/useTheme/useTheme.js"),u=require("../../../types/wrapper.js"),p=require("./constants.js"),d=require("./WrapperStyled.js"),q=c.forwardRef((e,r)=>{const{variant:t=u.WrapperVariant.Inline,children:s,...n}=e,{theme:a}=o.useTheme();return i.jsx(d.WrapperStyled,{ref:r,$variant:t,theme:a,"data-testid":p.COMPONENT_NAME,...n,children:s})});module.exports=q;
+"use client";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { COMPONENT_NAME as n } from "./constants.js";
+import { WrapperStyled as f } from "./WrapperStyled.js";
+import { useTheme as s } from "../../../hooks/useTheme/useTheme.js";
+import { WrapperVariant as d } from "../../../types/wrapper.js";
+const v = p((r, t) => {
+  const {
+    variant: e = d.Inline,
+    children: o,
+    ...a
+  } = r, {
+    theme: m
+  } = s();
+  return /* @__PURE__ */ i(f, { ref: t, $variant: e, theme: m, "data-testid": n, ...a, children: o });
+});
+export {
+  v as default
+};

package/components/core/Wrapper/WrapperStyled.js

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

package/components/core/Wrapper/constants.js

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

package/components/core/index.d.ts

@@ -27,4 +27,4 @@ export * from './Tooltip';
 export * from './Typography';
 export * from './Wrapper';
 export * from './types/index.types';
-export { Textarea } from './Textarea';
+export * from './Textarea';

package/components/core/types/roles.types.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Link="link",e.Region="region",e))(r||{});exports.Roles=r;
+var r = /* @__PURE__ */ ((n) => (n.Link = "link", n.Region = "region", n))(r || {});
+export {
+  r as Roles
+};

package/components/domainSpecific/Accordion/Accordion.js

@@ -1 +1,35 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("@emotion/react/jsx-runtime"),c=require("react"),m=require("../../../utils/helpers.js"),b=require("./hooks/useAccordion.js"),f=({children:l,allowMultipleExpand:u=!1,value:i,defaultValue:I=[],onChange:s})=>{const[p,a]=c.useState(I),r=m.isArray(i),t=r?i:p,o=c.useCallback(e=>{if(r){s==null||s(e);return}a(e)},[s,r]),d=c.useCallback(e=>{if(t.includes(e)){const n=m.without(t,e);o(n)}else{const n=u?[...t,e]:[e];o(n)}},[u,t,o]),A=c.useMemo(()=>({openedItems:t,toggleItem:d}),[d,t]);return O.jsx(b.AccordionContext.Provider,{value:A,children:l})};exports.Accordion=f;
+"use client";
+import { jsx as O } from "@emotion/react/jsx-runtime";
+import { useState as x, useCallback as i, useMemo as A } from "react";
+import { isArray as a, without as b } from "../../../utils/helpers.js";
+import { AccordionContext as j } from "./hooks/useAccordion.js";
+const z = ({
+  children: p,
+  allowMultipleExpand: m = !1,
+  value: n,
+  defaultValue: u = [],
+  onChange: s
+}) => {
+  const [I, f] = x(u), o = a(n), e = o ? n : I, r = i((t) => {
+    if (o) {
+      s == null || s(t);
+      return;
+    }
+    f(t);
+  }, [s, o]), d = i((t) => {
+    if (e.includes(t)) {
+      const c = b(e, t);
+      r(c);
+    } else {
+      const c = m ? [...e, t] : [t];
+      r(c);
+    }
+  }, [m, e, r]), l = A(() => ({
+    openedItems: e,
+    toggleItem: d
+  }), [d, e]);
+  return /* @__PURE__ */ O(j.Provider, { value: l, children: p });
+};
+export {
+  z as Accordion
+};

package/components/domainSpecific/Accordion/AccordionContent/AccordionContent.js

@@ -1 +1,21 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),s=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("react");require("uuid");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../hooks/useAccordion.js");require("embla-carousel-react");const d=require("../constants.js"),a=require("../AccordionStyled.js");require("../../Avatar/Avatar.js");require("../../Card/Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../../SearchModal/SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");const l=require("../../../core/types/roles.types.js");require("../../../core/Textarea/Textarea.js");const y=({children:r,id:e,className:i="",isOpen:u=!1,styles:q={}})=>{const o=`accordion-panel-${e}`,t=`accordion-header-${e}`,{theme:n}=s.useTheme();return c.jsx(a.AccordionContentStyled,{id:o,role:l.Roles.Region,"data-testid":`${d.CONTENT_COMPONENT}-${e}`,"aria-labelledby":t,$isOpen:u,styles:q,theme:n,className:i,children:r})};exports.AccordionContent=y;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { CONTENT_COMPONENT as d } from "../constants.js";
+import { AccordionContentStyled as s } from "../AccordionStyled.js";
+import { useTheme as l } from "../../../../hooks/useTheme/useTheme.js";
+import { Roles as p } from "../../../core/types/roles.types.js";
+const O = ({
+  children: e,
+  id: o,
+  className: r = "",
+  isOpen: t = !1,
+  styles: n = {}
+}) => {
+  const c = `accordion-panel-${o}`, i = `accordion-header-${o}`, {
+    theme: a
+  } = l();
+  return /* @__PURE__ */ m(s, { id: c, role: p.Region, "data-testid": `${d}-${o}`, "aria-labelledby": i, $isOpen: t, styles: n, theme: a, className: r, children: e });
+};
+export {
+  O as AccordionContent
+};

package/components/domainSpecific/Accordion/AccordionHeader/AccordionHeader.js

@@ -1 +1,29 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),A=require("../../../../hooks/useTheme/useTheme.js");require("react");require("embla-carousel-react");const q=require("../hooks/useAccordion.js"),m=require("../constants.js"),t=require("../AccordionStyled.js"),y=({children:s,id:e,styles:i={},className:d="",isOpen:r=!1,expandIcon:c})=>{const{theme:o}=A.useTheme(),{toggleItem:a}=q.useAccordion(),l=`accordion-header-${e}`,u=`accordion-panel-${e}`,h=()=>{e&&a(e)};return n.jsxs(t.AccordionHeaderStyled,{theme:o,id:l,"data-testid":`${m.HEADER_COMPONENT}-${e}`,className:d,"aria-expanded":r,"aria-controls":u,onClick:h,styles:i,children:[s,c&&n.jsx(t.AccordionIconStyled,{theme:o,$isOpen:r,children:c})]})};exports.AccordionHeader=y;
+"use client";
+import { jsxs as m, jsx as p } from "@emotion/react/jsx-runtime";
+import { HEADER_COMPONENT as f } from "../constants.js";
+import { AccordionHeaderStyled as h, AccordionIconStyled as A } from "../AccordionStyled.js";
+import { useTheme as $ } from "../../../../hooks/useTheme/useTheme.js";
+import { useAccordion as u } from "../hooks/useAccordion.js";
+const g = ({
+  children: t,
+  id: o,
+  styles: n = {},
+  className: d = "",
+  isOpen: e = !1,
+  expandIcon: r
+}) => {
+  const {
+    theme: c
+  } = $(), {
+    toggleItem: i
+  } = u(), a = `accordion-header-${o}`, s = `accordion-panel-${o}`, l = () => {
+    o && i(o);
+  };
+  return /* @__PURE__ */ m(h, { theme: c, id: a, "data-testid": `${f}-${o}`, className: d, "aria-expanded": e, "aria-controls": s, onClick: l, styles: n, children: [
+    t,
+    r && /* @__PURE__ */ p(A, { theme: c, $isOpen: e, children: r })
+  ] });
+};
+export {
+  g as AccordionHeader
+};

package/components/domainSpecific/Accordion/AccordionItem/AccordionItem.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),t=require("react"),d=require("../../../../hooks/useTheme/useTheme.js");require("embla-carousel-react");const a=require("../hooks/useAccordion.js"),m=require("../constants.js"),q=require("../AccordionStyled.js"),A=({children:o,id:e,styles:c={},className:s=""})=>{const{openedItems:u}=a.useAccordion(),{theme:i}=d.useTheme(),n=e&&u.includes(e);return l.jsx(q.AccordionItemStyled,{"data-testid":`${m.ITEM_COMPONENT}-${e}`,"data-open":n,"data-value":e,theme:i,className:s,styles:c,children:t.Children.map(o,r=>t.isValidElement(r)?t.cloneElement(r,{id:e,isOpen:n}):null)})};exports.AccordionItem=A;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { Children as l, isValidElement as p, cloneElement as a } from "react";
+import { ITEM_COMPONENT as u } from "../constants.js";
+import { AccordionItemStyled as d } from "../AccordionStyled.js";
+import { useAccordion as f } from "../hooks/useAccordion.js";
+import { useTheme as E } from "../../../../hooks/useTheme/useTheme.js";
+const C = ({
+  children: r,
+  id: e,
+  styles: n = {},
+  className: m = ""
+}) => {
+  const {
+    openedItems: c
+  } = f(), {
+    theme: i
+  } = E(), t = e && c.includes(e);
+  return /* @__PURE__ */ s(d, { "data-testid": `${u}-${e}`, "data-open": t, "data-value": e, theme: i, className: m, styles: n, children: l.map(r, (o) => p(o) ? a(o, {
+    id: e,
+    isOpen: t
+  }) : null) });
+};
+export {
+  C as AccordionItem
+};

package/components/domainSpecific/Accordion/AccordionStyled.js

@@ -1 +1,39 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),e=require("../../../utils/helpers.js");require("react");const u=c=>{const{theme:n,$isOpen:s,styles:d={},...t}=c,o=e.get(n,"accordion.content",{}),l=s?"opened":"closed",i=[e.get(o,"default",{}),e.get(o,l,{}),d];return r.jsx("div",{css:i,...t})},y=c=>{const{theme:n,styles:s,...d}=c,t=e.get(n,"accordion.header",{}),o=[e.get(t,"default",{}),s];return r.jsx("button",{css:o,...d})},S=c=>{const{theme:n,styles:s,...d}=c,t=e.get(n,"accordion.item",{}),o=[e.get(t,"default",{}),s];return r.jsx("div",{css:o,...d})},m=c=>{const{theme:n,$isOpen:s,...d}=c,t=e.get(n,"accordion.icon",{}),o=s?"opened":"closed",l=[e.get(t,"default",{}),e.get(t,o,{})];return r.jsx("span",{css:l,...d})};exports.AccordionContentStyled=u;exports.AccordionHeaderStyled=y;exports.AccordionIconStyled=m;exports.AccordionItemStyled=S;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { get as t } from "../../../utils/helpers.js";
+const y = (n) => {
+  const {
+    theme: c,
+    $isOpen: s,
+    styles: d = {},
+    ...e
+  } = n, o = t(c, "accordion.content", {}), l = s ? "opened" : "closed", m = [t(o, "default", {}), t(o, l, {}), d];
+  return /* @__PURE__ */ r("div", { css: m, ...e });
+}, u = (n) => {
+  const {
+    theme: c,
+    styles: s,
+    ...d
+  } = n, e = t(c, "accordion.header", {}), o = [t(e, "default", {}), s];
+  return /* @__PURE__ */ r("button", { css: o, ...d });
+}, S = (n) => {
+  const {
+    theme: c,
+    styles: s,
+    ...d
+  } = n, e = t(c, "accordion.item", {}), o = [t(e, "default", {}), s];
+  return /* @__PURE__ */ r("div", { css: o, ...d });
+}, a = (n) => {
+  const {
+    theme: c,
+    $isOpen: s,
+    ...d
+  } = n, e = t(c, "accordion.icon", {}), o = s ? "opened" : "closed", l = [t(e, "default", {}), t(e, o, {})];
+  return /* @__PURE__ */ r("span", { css: l, ...d });
+};
+export {
+  y as AccordionContentStyled,
+  u as AccordionHeaderStyled,
+  a as AccordionIconStyled,
+  S as AccordionItemStyled
+};

package/components/domainSpecific/Accordion/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="AccordionItem",E="AccordionContent",O="AccordionHeader",N="Accordion Context must be inside Accordion component";exports.CONTENT_COMPONENT=E;exports.CONTEXT_ERROR_MESSAGE=N;exports.HEADER_COMPONENT=O;exports.ITEM_COMPONENT=o;
+const o = "AccordionItem", c = "AccordionContent", n = "AccordionHeader", t = "Accordion Context must be inside Accordion component";
+export {
+  c as CONTENT_COMPONENT,
+  t as CONTEXT_ERROR_MESSAGE,
+  n as HEADER_COMPONENT,
+  o as ITEM_COMPONENT
+};

package/components/domainSpecific/Accordion/hooks/useAccordion.js

@@ -1 +1,12 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../constants.js"),o=e.createContext(null),c=()=>{const t=e.useContext(o);if(!t)throw new Error(n.CONTEXT_ERROR_MESSAGE);return t};exports.AccordionContext=o;exports.useAccordion=c;
+"use client";
+import { createContext as t, useContext as r } from "react";
+import { CONTEXT_ERROR_MESSAGE as e } from "../constants.js";
+const n = t(null), s = () => {
+  const o = r(n);
+  if (!o) throw new Error(e);
+  return o;
+};
+export {
+  n as AccordionContext,
+  s as useAccordion
+};