gd-design-library 0.3.4 → 0.3.5

package/components/domainSpecific/SearchModal/SearchItems/SearchItemsStyled.js

@@ -1 +1,82 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),u=require("../../../../utils/helpers.js");require("react");require("../../../core/Breadcrumbs/Breadcrumbs.js");const n=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("uuid");require("../../../../hooks/useTheme/useTheme.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");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");const q=require("../../../layout/Column/Column.js"),l=require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("embla-carousel-react");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.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const m=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.default",{});return o.jsx("div",{css:e,...s})},a=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.newSearchBtn",{}),i=u.get(e,"styles",{}),c=u.get(e,"attrs",{});return o.jsx(n.Button,{css:i,...c,...s})},S=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.noResult",{});return o.jsx("div",{css:e,...s})},d=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.groupTitle",{});return o.jsx("div",{css:e,...s})},h=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.item",{}),i=u.get(e,"styles",{}),c=u.get(e,"attrs",{});return o.jsx(n.Button,{css:i,...c,...s})},y=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.itemRow",{});return o.jsx(l.Row,{css:e,...s})},p=r=>{const{theme:{searchModal:t}={},...s}=r,e=u.get(t,"items.itemColumn",{});return o.jsx(q.Column,{css:e,...s})},g=r=>{const{theme:{searchModal:t}={},$variant:s="default",...e}=r,i=u.get(t,`items.itemContent.${s}`,{});return o.jsx("div",{css:i,...e})};exports.NewSearchButtonStyled=a;exports.SearchGroupTitleStyled=d;exports.SearchItemColumnStyled=p;exports.SearchItemContentStyled=g;exports.SearchItemRowStyled=y;exports.SearchItemStyled=h;exports.SearchItemsStyled=m;exports.SearchNoItemsStyled=S;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { get as r } from "../../../../utils/helpers.js";
+import { Button as l } from "../../../core/Button/Button.js";
+import { Row as a } from "../../../layout/Row/Row.js";
+import { Column as d } from "../../../layout/Column/Column.js";
+const y = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.default", {});
+  return /* @__PURE__ */ c("div", { css: t, ...o });
+}, P = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.newSearchBtn", {}), n = r(t, "styles", {}), m = r(t, "attrs", {});
+  return /* @__PURE__ */ c(l, { css: n, ...m, ...o });
+}, M = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.noResult", {});
+  return /* @__PURE__ */ c("div", { css: t, ...o });
+}, f = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.groupTitle", {});
+  return /* @__PURE__ */ c("div", { css: t, ...o });
+}, I = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.item", {}), n = r(t, "styles", {}), m = r(t, "attrs", {});
+  return /* @__PURE__ */ c(l, { css: n, ...m, ...o });
+}, v = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.itemRow", {});
+  return /* @__PURE__ */ c(a, { css: t, ...o });
+}, w = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    ...o
+  } = e, t = r(s, "items.itemColumn", {});
+  return /* @__PURE__ */ c(d, { css: t, ...o });
+}, C = (e) => {
+  const {
+    theme: {
+      searchModal: s
+    } = {},
+    $variant: o = "default",
+    ...t
+  } = e, n = r(s, `items.itemContent.${o}`, {});
+  return /* @__PURE__ */ c("div", { css: n, ...t });
+};
+export {
+  P as NewSearchButtonStyled,
+  f as SearchGroupTitleStyled,
+  w as SearchItemColumnStyled,
+  C as SearchItemContentStyled,
+  v as SearchItemRowStyled,
+  I as SearchItemStyled,
+  y as SearchItemsStyled,
+  M as SearchNoItemsStyled
+};

package/components/domainSpecific/SearchModal/SearchItems/constants.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="SearchItems",E="SearchGroupTitle",O="SearchItem",_="SearchEmpty",T="NEW_SEARCH",M="edit",t="search";exports.COMPONENT_EMPTY_NAME=_;exports.COMPONENT_GROUP_TITLE=E;exports.COMPONENT_ITEM_NAME=O;exports.COMPONENT_NAME=N;exports.NEW_CHAT_ICON=M;exports.NEW_SEARCH=T;exports.NO_RESULTS_ICON=t;
+const E = "SearchItems", N = "SearchGroupTitle", t = "SearchItem", _ = "SearchEmpty", c = "NEW_SEARCH", O = "edit", T = "search";
+export {
+  _ as COMPONENT_EMPTY_NAME,
+  N as COMPONENT_GROUP_TITLE,
+  t as COMPONENT_ITEM_NAME,
+  E as COMPONENT_NAME,
+  O as NEW_CHAT_ICON,
+  c as NEW_SEARCH,
+  T as NO_RESULTS_ICON
+};

package/components/domainSpecific/SearchModal/SearchItems/utils.js

@@ -1 +1,7 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),r=require("../../../core/Icon/Icon.js"),u=(e,t)=>e?typeof e=="string"?n.jsx(r.Icon,{name:e,...t}):e:null;exports.getIcon=u;
+"use client";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Icon as n } from "../../../core/Icon/Icon.js";
+const f = (r, t) => r ? typeof r == "string" ? /* @__PURE__ */ e(n, { name: r, ...t }) : r : null;
+export {
+  f as getIcon
+};

package/components/domainSpecific/SearchModal/SearchLoader/SearchLoader.js

@@ -1 +1,20 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),c=require("../../../../hooks/useTheme/useTheme.js"),i=require("../../../core/Skeleton/Skeleton.js"),t=require("./constants.js"),u=require("./SearchLoaderStyled.js"),r=o=>{const{itemsCount:s}=o,{theme:n}=c.useTheme();return e.jsx(u.SearchLoaderStyled,{theme:n,"data-testid":t.COMPONENT_NAME,children:Array.from({length:s}).map((d,a)=>e.jsx(i.Skeleton,{height:"20px"},a))})};r.displayName=t.COMPONENT_NAME;exports.SearchLoader=r;
+"use client";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { COMPONENT_NAME as r } from "./constants.js";
+import { SearchLoaderStyled as a } from "./SearchLoaderStyled.js";
+import { useTheme as n } from "../../../../hooks/useTheme/useTheme.js";
+import { Skeleton as p } from "../../../core/Skeleton/Skeleton.js";
+const s = (t) => {
+  const {
+    itemsCount: o
+  } = t, {
+    theme: m
+  } = n();
+  return /* @__PURE__ */ e(a, { theme: m, "data-testid": r, children: Array.from({
+    length: o
+  }).map((h, i) => /* @__PURE__ */ e(p, { height: "20px" }, i)) });
+};
+s.displayName = r;
+export {
+  s as SearchLoader
+};

package/components/domainSpecific/SearchModal/SearchLoader/SearchLoaderStyled.js

@@ -1 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("../../../../utils/helpers.js");require("react");const a=e=>{const{theme:{searchModal:r}={},...t}=e;return s.jsx("div",{css:[o.get(r,"loader.default",{})],...t})};exports.SearchLoaderStyled=a;
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { get as s } from "../../../../utils/helpers.js";
+const c = (e) => {
+  const {
+    theme: {
+      searchModal: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ o("div", { css: [s(r, "loader.default", {})], ...t });
+};
+export {
+  c as SearchLoaderStyled
+};

package/components/domainSpecific/SearchModal/SearchLoader/constants.js

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

package/components/domainSpecific/SearchModal/SearchModal.js

@@ -1 +1,39 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),R=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),l=require("./SearchModalStyled.js"),q=require("./SearchInput/SearchInput.js"),y=require("./SearchLoader/SearchLoader.js"),A=require("./SearchItems/SearchItems.js"),i=R.forwardRef((u,S)=>{const{children:h,onResultClick:d,results:E=[],historyResults:T=[],searchValue:s="",isLoading:m=!1,noHistoryResultsLabel:C=e.DEFAULT_NO_HISTORY_RESULTS,noResultsLabel:L=e.DEFAULT_NO_RESULTS,newSearchCta:_=e.DEFAULT_NEW_SEARCH,loaderItemsCount:I=e.DEFAULT_LOADER_ITEMS_COUNT,modalProps:r={},searchProps:M={},...N}=u,{theme:a}=O.useTheme();let c=T,n=C,o=_;return s&&(c=E,n=L,o=""),t.jsxs(l.SearchModalStyled,{theme:a,ref:S,"data-testid":e.COMPONENT_NAME,...r,...N,children:[t.jsx(q.SearchInput,{onEndIconClick:r==null?void 0:r.onClose,...M,defaultValue:s}),t.jsx(l.SearchModalWrapperStyled,{theme:a,children:m?t.jsx(y.SearchLoader,{itemsCount:I}):t.jsx(A.SearchItems,{onItemClick:d,items:c,newSearchCta:o,noItemsLabel:n})}),h]})});i.displayName=e.COMPONENT_NAME;exports.SearchModal=i;
+"use client";
+import { jsxs as _, jsx as t } from "@emotion/react/jsx-runtime";
+import { forwardRef as R } from "react";
+import { DEFAULT_NO_HISTORY_RESULTS as I, DEFAULT_NO_RESULTS as N, DEFAULT_NEW_SEARCH as A, DEFAULT_LOADER_ITEMS_COUNT as O, COMPONENT_NAME as m } from "./constants.js";
+import { SearchModalStyled as U, SearchModalWrapperStyled as M } from "./SearchModalStyled.js";
+import { SearchInput as y } from "./SearchInput/SearchInput.js";
+import { SearchLoader as D } from "./SearchLoader/SearchLoader.js";
+import { SearchItems as w } from "./SearchItems/SearchItems.js";
+import { useTheme as F } from "../../../hooks/useTheme/useTheme.js";
+const b = R((i, n) => {
+  const {
+    children: c,
+    onResultClick: h,
+    results: S = [],
+    historyResults: d = [],
+    searchValue: r = "",
+    isLoading: f = !1,
+    noHistoryResultsLabel: u = I,
+    noResultsLabel: p = N,
+    newSearchCta: E = A,
+    // @TODO: rename to loaderLinesCount, add possibility for a loader line set custom size
+    loaderItemsCount: C = O,
+    modalProps: e = {},
+    searchProps: L = {},
+    ...T
+  } = i, {
+    theme: o
+  } = F();
+  let s = d, a = u, l = E;
+  return r && (s = S, a = p, l = ""), /* @__PURE__ */ _(U, { theme: o, ref: n, "data-testid": m, ...e, ...T, children: [
+    /* @__PURE__ */ t(y, { onEndIconClick: e == null ? void 0 : e.onClose, ...L, defaultValue: r }),
+    /* @__PURE__ */ t(M, { theme: o, children: f ? /* @__PURE__ */ t(D, { itemsCount: C }) : /* @__PURE__ */ t(w, { onItemClick: h, items: s, newSearchCta: l, noItemsLabel: a }) }),
+    c
+  ] });
+});
+b.displayName = m;
+export {
+  b as SearchModal
+};

package/components/domainSpecific/SearchModal/SearchModalStyled.js

@@ -1 +1,29 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),c=require("../../../utils/helpers.js");require("react");const a=require("../../core/Modal/Modal.js"),d=e=>{const{theme:{searchModal:t}={},styles:r={},...s}=e,l={...c.get(t,"default",{}),...r};return o.jsx(a.Modal,{styles:l,isCustomView:!0,closeOnEscape:!0,...s})},u=e=>{const{theme:{searchModal:t}={},...r}=e,s=c.get(t,"wrapper",{});return o.jsx("div",{css:s,...r})};exports.SearchModalStyled=d;exports.SearchModalWrapperStyled=u;
+"use client";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Modal as a } from "../../core/Modal/Modal.js";
+import { get as c } from "../../../utils/helpers.js";
+const n = (e) => {
+  const {
+    theme: {
+      searchModal: t
+    } = {},
+    styles: s = {},
+    ...r
+  } = e, l = {
+    ...c(t, "default", {}),
+    ...s
+  };
+  return /* @__PURE__ */ o(a, { styles: l, isCustomView: !0, closeOnEscape: !0, ...r });
+}, u = (e) => {
+  const {
+    theme: {
+      searchModal: t
+    } = {},
+    ...s
+  } = e, r = c(t, "wrapper", {});
+  return /* @__PURE__ */ o("div", { css: r, ...s });
+};
+export {
+  n as SearchModalStyled,
+  u as SearchModalWrapperStyled
+};

package/components/domainSpecific/SearchModal/constants.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="SearchModal",_=3,T="You have no conversations",S="No Results",o="No chat";exports.COMPONENT_NAME=E;exports.DEFAULT_LOADER_ITEMS_COUNT=_;exports.DEFAULT_NEW_SEARCH=o;exports.DEFAULT_NO_HISTORY_RESULTS=T;exports.DEFAULT_NO_RESULTS=S;
+const o = "SearchModal", E = 3, _ = "You have no conversations", T = "No Results", s = "No chat";
+export {
+  o as COMPONENT_NAME,
+  E as DEFAULT_LOADER_ITEMS_COUNT,
+  s as DEFAULT_NEW_SEARCH,
+  _ as DEFAULT_NO_HISTORY_RESULTS,
+  T as DEFAULT_NO_RESULTS
+};

package/components/domainSpecific/Stepper/Stepper.js

@@ -1 +1,42 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),l=require("react"),y=require("../../../hooks/useTheme/useTheme.js"),o=require("../../../types/stepper.js"),a=require("./constants.js"),C=require("./utils.js"),c=require("./StepperStyled.js"),T=l.forwardRef((N,M)=>{const{steps:d=[],isIconsView:O=!1,activeStep:S=0,onStepClick:u,...$}=N,{theme:e}=y.useTheme(),E=l.useCallback((t,p)=>i=>u==null?void 0:u(t,p,i),[]),h=t=>t===S?o.StepStatus.Active:t<S?o.StepStatus.Complete:o.StepStatus.Inactive;return n.jsx(c.StepperStyled,{ref:M,theme:e,"data-testid":a.COMPONENT_NAME,...$,children:d.map(({validationStatus:t=o.StepValidationStatus.Success,customView:p,label:i},s)=>{const r=h(s),m=s<d.length-1,j=C.getStepStatusIcon({status:r,validationStatus:t,customView:p,isIconsView:O,theme:e})||s+1;return n.jsxs(l.Fragment,{children:[n.jsxs(c.StepStyled,{theme:e,$status:r,onClick:u&&E(s,r),"data-testid":`${a.COMPONENT_NAME}-step`,"aria-selected":s===S,children:[n.jsx(c.StepIconStyled,{theme:e,$status:r,$validationStatus:t,"data-testid":`${a.COMPONENT_NAME}-step-icon`,children:j}),i&&n.jsx(c.StepLabelStyled,{theme:e,$status:r,$validationStatus:t,"data-testid":`${a.COMPONENT_NAME}-step-label`,children:i})]}),m&&n.jsx(c.SeparatorStyled,{theme:e,$status:r})]},`${a.COMPONENT_NAME}-step-${s}`)})})});exports.Stepper=T;
+"use client";
+import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { forwardRef as C, useCallback as v, Fragment as w } from "react";
+import { COMPONENT_NAME as a } from "./constants.js";
+import { getStepStatusIcon as N } from "./utils.js";
+import { StepperStyled as V, StepStyled as b, StepIconStyled as j, StepLabelStyled as k, SeparatorStyled as A } from "./StepperStyled.js";
+import { useTheme as E } from "../../../hooks/useTheme/useTheme.js";
+import { StepValidationStatus as L, StepStatus as l } from "../../../types/stepper.js";
+const _ = C((u, d) => {
+  const {
+    steps: S = [],
+    isIconsView: f = !1,
+    activeStep: c = 0,
+    onStepClick: o,
+    ...$
+  } = u, {
+    theme: e
+  } = E(), h = v((t, i) => (n) => o == null ? void 0 : o(t, i, n), []), y = (t) => t === c ? l.Active : t < c ? l.Complete : l.Inactive;
+  return /* @__PURE__ */ p(V, { ref: d, theme: e, "data-testid": a, ...$, children: S.map(({
+    validationStatus: t = L.Success,
+    customView: i,
+    label: n
+  }, s) => {
+    const r = y(s), I = s < S.length - 1, g = N({
+      status: r,
+      validationStatus: t,
+      customView: i,
+      isIconsView: f,
+      theme: e
+    }) || s + 1;
+    return /* @__PURE__ */ m(w, { children: [
+      /* @__PURE__ */ m(b, { theme: e, $status: r, onClick: o && h(s, r), "data-testid": `${a}-step`, "aria-selected": s === c, children: [
+        /* @__PURE__ */ p(j, { theme: e, $status: r, $validationStatus: t, "data-testid": `${a}-step-icon`, children: g }),
+        n && /* @__PURE__ */ p(k, { theme: e, $status: r, $validationStatus: t, "data-testid": `${a}-step-label`, children: n })
+      ] }),
+      I && /* @__PURE__ */ p(A, { theme: e, $status: r })
+    ] }, `${a}-step-${s}`);
+  }) });
+});
+export {
+  _ as Stepper
+};

package/components/domainSpecific/Stepper/StepperStyled.js

@@ -1 +1,58 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@emotion/react/jsx-runtime"),S=require("react"),t=require("../../../utils/helpers.js"),d=S.forwardRef((n,r)=>{const{theme:{stepper:o}={},styles:c={},...s}=n,e=[t.get(o,"default",{}),c];return p.jsx("div",{css:e,...s,ref:r})}),a=n=>{const{theme:{stepper:r}={},$status:o,...c}=n,s=t.get(r,"separator",{}),e=[t.get(s,"default",{}),t.get(s,o,{})];return p.jsx("div",{css:e,...c})},u=n=>{const{theme:{stepper:r}={},$status:o,...c}=n,s=t.get(r,"step",{}),e=[t.get(s,"default",{}),t.get(s,o,{})];return p.jsx("div",{css:e,...c})},y=n=>{const{theme:{stepper:r}={},$status:o,$validationStatus:c,...s}=n,e=t.get(r,"stepIcon",{}),l=[t.get(e,"default",{}),t.get(e,[o,"default"],{}),t.get(e,[o,c],{})];return p.jsx("div",{css:l,...s})},g=n=>{const{theme:{stepper:r}={},$status:o,$validationStatus:c,...s}=n,e=t.get(r,"stepLabel",{}),l=[t.get(e,"default",{}),t.get(e,o,{}),t.get(e,c,{})];return p.jsx("div",{css:l,...s})};exports.SeparatorStyled=a;exports.StepIconStyled=y;exports.StepLabelStyled=g;exports.StepStyled=u;exports.StepperStyled=d;
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { get as t } from "../../../utils/helpers.js";
+const m = d((n, c) => {
+  const {
+    theme: {
+      stepper: o
+    } = {},
+    styles: r = {},
+    ...s
+  } = n, e = [t(o, "default", {}), r];
+  return /* @__PURE__ */ p("div", { css: e, ...s, ref: c });
+}), y = (n) => {
+  const {
+    theme: {
+      stepper: c
+    } = {},
+    $status: o,
+    ...r
+  } = n, s = t(c, "separator", {}), e = [t(s, "default", {}), t(s, o, {})];
+  return /* @__PURE__ */ p("div", { css: e, ...r });
+}, f = (n) => {
+  const {
+    theme: {
+      stepper: c
+    } = {},
+    $status: o,
+    ...r
+  } = n, s = t(c, "step", {}), e = [t(s, "default", {}), t(s, o, {})];
+  return /* @__PURE__ */ p("div", { css: e, ...r });
+}, i = (n) => {
+  const {
+    theme: {
+      stepper: c
+    } = {},
+    $status: o,
+    $validationStatus: r,
+    ...s
+  } = n, e = t(c, "stepIcon", {}), l = [t(e, "default", {}), t(e, [o, "default"], {}), t(e, [o, r], {})];
+  return /* @__PURE__ */ p("div", { css: l, ...s });
+}, v = (n) => {
+  const {
+    theme: {
+      stepper: c
+    } = {},
+    $status: o,
+    $validationStatus: r,
+    ...s
+  } = n, e = t(c, "stepLabel", {}), l = [t(e, "default", {}), t(e, o, {}), t(e, r, {})];
+  return /* @__PURE__ */ p("div", { css: l, ...s });
+};
+export {
+  y as SeparatorStyled,
+  i as StepIconStyled,
+  v as StepLabelStyled,
+  f as StepStyled,
+  m as StepperStyled
+};

package/components/domainSpecific/Stepper/constants.js

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

package/components/domainSpecific/Stepper/utils.js

@@ -1 +1,37 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),r=require("../../../utils/helpers.js");require("react");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");const q=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("uuid");require("../../../hooks/useTheme/useTheme.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");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("embla-carousel-react");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.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const t=require("../../../types/stepper.js"),p=({status:s,validationStatus:o,customView:e,isIconsView:n,theme:a})=>{const c=o===t.StepValidationStatus.Error,u=r.get(a,"stepper.icons",{});switch(s){case t.StepStatus.Complete:return c?i.jsx(q.Icon,{...r.get(u,"error",{name:"cross"})}):n?i.jsx(q.Icon,{...r.get(u,"complete",{name:"check"})}):e;case t.StepStatus.Inactive:return n?e||i.jsx(q.Icon,{...r.get(u,"inactive",{name:"check"})}):e;case t.StepStatus.Active:return c?i.jsx(q.Icon,{...r.get(u,"errorActive",{name:"cross"})}):n?e||i.jsx(q.Icon,{...r.get(u,"active",{name:"check"})}):e;default:return e}};exports.getStepStatusIcon=p;
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { get as e } from "../../../utils/helpers.js";
+import { StepStatus as a, StepValidationStatus as f } from "../../../types/stepper.js";
+import { Icon as c } from "../../core/Icon/Icon.js";
+const h = ({
+  status: s,
+  validationStatus: i,
+  customView: r,
+  isIconsView: o,
+  theme: m
+}) => {
+  const p = i === f.Error, t = e(m, "stepper.icons", {});
+  switch (s) {
+    case a.Complete:
+      return p ? /* @__PURE__ */ n(c, { ...e(t, "error", {
+        name: "cross"
+      }) }) : o ? /* @__PURE__ */ n(c, { ...e(t, "complete", {
+        name: "check"
+      }) }) : r;
+    case a.Inactive:
+      return o ? r || /* @__PURE__ */ n(c, { ...e(t, "inactive", {
+        name: "check"
+      }) }) : r;
+    case a.Active:
+      return p ? /* @__PURE__ */ n(c, { ...e(t, "errorActive", {
+        name: "cross"
+      }) }) : o ? r || /* @__PURE__ */ n(c, { ...e(t, "active", {
+        name: "check"
+      }) }) : r;
+    default:
+      return r;
+  }
+};
+export {
+  h as getStepStatusIcon
+};

package/components/domainSpecific/Tabs/Tabs.js

@@ -1 +1,40 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),A=require("../../../utils/uniqueKeys.js"),e=require("./constants.js"),l=require("./TabsStyled.js"),R=o.forwardRef((E,M)=>{const{activeTab:O=0,tabs:N=[],ariaLabel:u,onTabChange:c,...P}=E,{theme:n}=h.useTheme(),[$,C]=o.useState(O),y=o.useCallback(a=>()=>{C(a),c&&c(a)},[c]),r=o.useCallback((a,t)=>A.generateUniqueId(t,`${e.COMPONENT_NAME}-${a}`),[]);return s.jsxs(l.TabsStyled,{ref:M,theme:n,"data-testid":e.COMPONENT_NAME,...u?{"aria-label":u}:{},...P,children:[s.jsx(l.TabsHeaderStyled,{theme:n,"data-testid":`${e.COMPONENT_NAME}-header`,role:e.TabRoles.TabList,children:N.map(({isDisabled:a,noticeCounter:t,label:b,id:i},T)=>{const d=T===$;return s.jsx(l.TabLabelStyled,{theme:n,$isDisabled:a,$isActive:d,"data-testid":`${e.COMPONENT_NAME}-${e.TabRoles.Tab}`,children:s.jsx(l.TextButtonStyled,{onClick:y(T),disabled:a,id:r(`${e.TabRoles.Tab}-${T}`,i),theme:n,iconEnd:typeof t<"u"&&s.jsx(l.NoticeCounterStyled,{className:`${e.COMPONENT_NAME}__noticeCounter`,theme:n,$isActive:d,$isDisabled:a,"data-testid":`${e.COMPONENT_NAME}-noticeCounter`,children:t}),"aria-selected":d,"aria-controls":r(`${e.TabRoles.TabPanel}-${T}`,i),children:b})},r(`tab-${T}`,i))})}),s.jsx(l.TabPanelsWrapperStyled,{theme:n,"data-testid":`${e.COMPONENT_NAME}-wrapper`,children:N.map(({content:a,id:t},b)=>s.jsx(l.TabPanelStyled,{id:r(`${e.TabRoles.TabPanel}-${b}`,t),"aria-labelledby":r(`${e.TabRoles.Tab}-${b}`,t),role:e.TabRoles.TabPanel,hidden:b!==$,"data-testid":`${e.COMPONENT_NAME}-${e.TabRoles.TabPanel}`,children:a},r(`${e.TabRoles.TabPanel}-${b}`,t)))})]})});exports.Tabs=R;
+"use client";
+import { jsxs as C, jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as v, useState as A, useCallback as p } from "react";
+import { COMPONENT_NAME as r, TabRoles as a } from "./constants.js";
+import { TabsStyled as N, TabsHeaderStyled as I, TabLabelStyled as g, TextButtonStyled as k, NoticeCounterStyled as E, TabPanelsWrapperStyled as L, TabPanelStyled as _ } from "./TabsStyled.js";
+import { useTheme as j } from "../../../hooks/useTheme/useTheme.js";
+import { generateUniqueId as w } from "../../../utils/uniqueKeys.js";
+const K = v((f, h) => {
+  const {
+    activeTab: u = 0,
+    tabs: T = [],
+    ariaLabel: $,
+    onTabChange: b,
+    ...y
+  } = f, {
+    theme: l
+  } = j(), [m, P] = A(u), S = p((e) => () => {
+    P(e), b && b(e);
+  }, [b]), n = p((e, t) => w(t, `${r}-${e}`), []);
+  return /* @__PURE__ */ C(N, { ref: h, theme: l, "data-testid": r, ...$ ? {
+    "aria-label": $
+  } : {}, ...y, children: [
+    /* @__PURE__ */ o(I, { theme: l, "data-testid": `${r}-header`, role: a.TabList, children: T.map(({
+      isDisabled: e,
+      noticeCounter: t,
+      label: s,
+      id: d
+    }, i) => {
+      const c = i === m;
+      return /* @__PURE__ */ o(g, { theme: l, $isDisabled: e, $isActive: c, "data-testid": `${r}-${a.Tab}`, children: /* @__PURE__ */ o(k, { onClick: S(i), disabled: e, id: n(`${a.Tab}-${i}`, d), theme: l, iconEnd: typeof t < "u" && /* @__PURE__ */ o(E, { className: `${r}__noticeCounter`, theme: l, $isActive: c, $isDisabled: e, "data-testid": `${r}-noticeCounter`, children: t }), "aria-selected": c, "aria-controls": n(`${a.TabPanel}-${i}`, d), children: s }) }, n(`tab-${i}`, d));
+    }) }),
+    /* @__PURE__ */ o(L, { theme: l, "data-testid": `${r}-wrapper`, children: T.map(({
+      content: e,
+      id: t
+    }, s) => /* @__PURE__ */ o(_, { id: n(`${a.TabPanel}-${s}`, t), "aria-labelledby": n(`${a.Tab}-${s}`, t), role: a.TabPanel, hidden: s !== m, "data-testid": `${r}-${a.TabPanel}`, children: e }, n(`${a.TabPanel}-${s}`, t))) })
+  ] });
+});
+export {
+  K as Tabs
+};

package/components/domainSpecific/Tabs/TabsStyled.js

@@ -1 +1,79 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),c=require("react"),e=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");const d=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("uuid");require("../../../hooks/useTheme/useTheme.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("embla-carousel-react");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.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");require("../../core/Textarea/Textarea.js");const o=require("../../../types/button.js"),b=c.forwardRef((t,s)=>{const{theme:{tabs:r}={},styles:u={},...i}=t,n=[e.get(r,"default",{}),u];return q.jsx("div",{css:n,...i,ref:s})}),y=t=>{const{theme:{tabs:s}={},...r}=t;return q.jsx("div",{css:[e.get(s,"header.default",{})],...r})},S=t=>{const{theme:{tabs:s}={},$isDisabled:r,$isActive:u,...i}=t,n=e.get(s,"label",{}),a=e.get(n,"disabled",{}),l=[e.get(n,"default",{}),u?e.get(n,"active",{}):{},r?e.get(a,"default",{}):{},r&&u?e.get(a,"active",{}):{}];return q.jsx("div",{css:l,...i})},p=t=>{const{theme:{tabs:s}={},styles:r={},...u}=t,i=[e.get(s,"panelsWrapper.default",{}),r];return q.jsx("div",{css:i,...u})},g=t=>{const{theme:{tabs:s}={},styles:r={},...u}=t,i=[e.get(s,"panel.default",{}),r];return q.jsx("div",{css:i,...u})},m=t=>{const{theme:{tabs:s}={},$isDisabled:r,$isActive:u,...i}=t,n=e.get(s,"noticeCounter",{}),a=[e.get(n,"default",{}),u?e.get(n,"active",{}):{},r?e.get(n,"disabled",{}):{}];return q.jsx("span",{css:a,...i})},T=t=>{const{theme:{tabs:s}={},...r}=t,u=[e.get(s,"tabButton.default",{})];return q.jsx(d.Button,{css:u,variant:o.ButtonVariant.Text,role:o.ButtonRole.Tab,...r})};exports.NoticeCounterStyled=m;exports.TabLabelStyled=S;exports.TabPanelStyled=g;exports.TabPanelsWrapperStyled=p;exports.TabsHeaderStyled=y;exports.TabsStyled=b;exports.TextButtonStyled=T;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { get as t } from "../../../utils/helpers.js";
+import { Button as u } from "../../core/Button/Button.js";
+import { ButtonRole as m, ButtonVariant as b } from "../../../types/button.js";
+const h = i((s, o) => {
+  const {
+    theme: {
+      tabs: e
+    } = {},
+    styles: n = {},
+    ...a
+  } = s, c = [t(e, "default", {}), n];
+  return /* @__PURE__ */ r("div", { css: c, ...a, ref: o });
+}), T = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    ...e
+  } = s;
+  return /* @__PURE__ */ r("div", { css: [t(o, "header.default", {})], ...e });
+}, B = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    $isDisabled: e,
+    $isActive: n,
+    ...a
+  } = s, c = t(o, "label", {}), l = t(c, "disabled", {}), d = [t(c, "default", {}), n ? t(c, "active", {}) : {}, e ? t(l, "default", {}) : {}, e && n ? t(l, "active", {}) : {}];
+  return /* @__PURE__ */ r("div", { css: d, ...a });
+}, x = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    styles: e = {},
+    ...n
+  } = s, a = [t(o, "panelsWrapper.default", {}), e];
+  return /* @__PURE__ */ r("div", { css: a, ...n });
+}, $ = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    styles: e = {},
+    ...n
+  } = s, a = [t(o, "panel.default", {}), e];
+  return /* @__PURE__ */ r("div", { css: a, ...n });
+}, D = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    $isDisabled: e,
+    $isActive: n,
+    ...a
+  } = s, c = t(o, "noticeCounter", {}), l = [t(c, "default", {}), n ? t(c, "active", {}) : {}, e ? t(c, "disabled", {}) : {}];
+  return /* @__PURE__ */ r("span", { css: l, ...a });
+}, A = (s) => {
+  const {
+    theme: {
+      tabs: o
+    } = {},
+    ...e
+  } = s, n = [t(o, "tabButton.default", {})];
+  return /* @__PURE__ */ r(u, { css: n, variant: b.Text, role: m.Tab, ...e });
+};
+export {
+  D as NoticeCounterStyled,
+  B as TabLabelStyled,
+  $ as TabPanelStyled,
+  x as TabPanelsWrapperStyled,
+  T as TabsHeaderStyled,
+  h as TabsStyled,
+  A as TextButtonStyled
+};

package/components/domainSpecific/Tabs/constants.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Tabs";var a=(t=>(t.TabList="tablist",t.Tab="tab",t.TabPanel="tabpanel",t))(a||{});exports.COMPONENT_NAME=e;exports.TabRoles=a;
+const b = "Tabs";
+var t = /* @__PURE__ */ ((a) => (a.TabList = "tablist", a.Tab = "tab", a.TabPanel = "tabpanel", a))(t || {});
+export {
+  b as COMPONENT_NAME,
+  t as TabRoles
+};

package/components/index.types.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=(a=>(a.png="image/png",a.gif="image/gif",a.jpeg="image/jpeg",a.svg="image/svg+xml",a.webp="image/webp",a.mp4="video/mp4",a.pdf="application/pdf",a.doc="application/msword",a.docx="application/vnd.openxmlformats-officedocument.wordprocessingml.document",a.xls="application/vnd.ms-excel",a.xlsx="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",a.csv="text/csv",a.text="text/plain",a.zip="application/zip",a.rar="application/x-rar",a["7z"]="application/x-7z-compressed",a))(o||{});exports.FileTypes=o;
+var o = /* @__PURE__ */ ((a) => (a.png = "image/png", a.gif = "image/gif", a.jpeg = "image/jpeg", a.svg = "image/svg+xml", a.webp = "image/webp", a.mp4 = "video/mp4", a.pdf = "application/pdf", a.doc = "application/msword", a.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", a.xls = "application/vnd.ms-excel", a.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", a.csv = "text/csv", a.text = "text/plain", a.zip = "application/zip", a.rar = "application/x-rar", a["7z"] = "application/x-7z-compressed", a))(o || {});
+export {
+  o as FileTypes
+};

package/components/layout/ChatContainer/ChatContainer.js

@@ -1 +1,51 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),o=require("react"),j=require("../../../hooks/useTheme/useTheme.js"),c=require("../../../utils/helpers.js"),l=require("../../core/Icon/Icon.js"),x=require("../../../types/chat.js"),a=require("./constants.js"),r=require("./ChatContainerStyled.js"),N=o.forwardRef((h,u)=>{const{sidebarContent:C,headerContent:O,children:S,isOpen:M=!0,sidebarHeaderContent:y,onToggleSidebar:s,styles:E={},variant:b=x.ChatLayoutVariant.Auto,...p}=h,{theme:e}=j.useTheme(),[n,g]=o.useState(M),d=()=>{const i=!n;g(i),s==null||s(i)};return t.jsxs(r.MainWrapperStyled,{className:"gd-chat-container","data-testid":`${a.COMPONENT_NAME}-main-wrapper`,theme:e,ref:u,...p,styles:E,children:[n&&t.jsx(r.SidebarWrapperStyled,{theme:e,$variant:b,"data-testid":`${a.COMPONENT_NAME}-sidebar-wrapper`,children:t.jsxs(r.SidebarStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-sidebar`,children:[t.jsxs(r.SidebarHeaderStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-sidebar-header`,children:[t.jsx(r.SidebarToggleButtonStyled,{theme:e,onClick:d,$open:n,children:t.jsx(l.Icon,{...c.get(e,"chat.toggleIcon",{name:"arrowDown"})})}),y]}),C]})}),t.jsxs(r.BodyStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-body`,children:[t.jsxs(r.MainHeaderStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-main-header`,children:[!n&&t.jsx(r.SidebarToggleButtonStyled,{theme:e,onClick:d,children:t.jsx(l.Icon,{...c.get(e,"chat.toggleIcon",{name:"arrowDown"})})}),O]}),t.jsx(r.ContentStyled,{theme:e,"data-testid":`${a.COMPONENT_NAME}-content`,children:S})]})]})});N.displayName=a.COMPONENT_NAME;exports.ChatContainer=N;
+"use client";
+import { jsxs as a, jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as w, useState as N } from "react";
+import { COMPONENT_NAME as t } from "./constants.js";
+import { MainWrapperStyled as O, SidebarWrapperStyled as x, SidebarStyled as M, SidebarHeaderStyled as H, SidebarToggleButtonStyled as s, BodyStyled as I, MainHeaderStyled as j, ContentStyled as k } from "./ChatContainerStyled.js";
+import { ChatLayoutVariant as v } from "../../../types/chat.js";
+import { useTheme as A } from "../../../hooks/useTheme/useTheme.js";
+import { Icon as c } from "../../core/Icon/Icon.js";
+import { get as l } from "../../../utils/helpers.js";
+const B = w((m, p) => {
+  const {
+    sidebarContent: h,
+    headerContent: S,
+    children: y,
+    isOpen: b = !0,
+    sidebarHeaderContent: f,
+    onToggleSidebar: n,
+    styles: C = {},
+    variant: $ = v.Auto,
+    ...g
+  } = m, {
+    theme: e
+  } = A(), [d, u] = N(b), i = () => {
+    const o = !d;
+    u(o), n == null || n(o);
+  };
+  return /* @__PURE__ */ a(O, { className: "gd-chat-container", "data-testid": `${t}-main-wrapper`, theme: e, ref: p, ...g, styles: C, children: [
+    d && /* @__PURE__ */ r(x, { theme: e, $variant: $, "data-testid": `${t}-sidebar-wrapper`, children: /* @__PURE__ */ a(M, { theme: e, "data-testid": `${t}-sidebar`, children: [
+      /* @__PURE__ */ a(H, { theme: e, "data-testid": `${t}-sidebar-header`, children: [
+        /* @__PURE__ */ r(s, { theme: e, onClick: i, $open: d, children: /* @__PURE__ */ r(c, { ...l(e, "chat.toggleIcon", {
+          name: "arrowDown"
+        }) }) }),
+        f
+      ] }),
+      h
+    ] }) }),
+    /* @__PURE__ */ a(I, { theme: e, "data-testid": `${t}-body`, children: [
+      /* @__PURE__ */ a(j, { theme: e, "data-testid": `${t}-main-header`, children: [
+        !d && /* @__PURE__ */ r(s, { theme: e, onClick: i, children: /* @__PURE__ */ r(c, { ...l(e, "chat.toggleIcon", {
+          name: "arrowDown"
+        }) }) }),
+        S
+      ] }),
+      /* @__PURE__ */ r(k, { theme: e, "data-testid": `${t}-content`, children: y })
+    ] })
+  ] });
+});
+B.displayName = t;
+export {
+  B as ChatContainer
+};

package/components/layout/ChatContainer/ChatContainer.types.d.ts

@@ -1,11 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { EnumOrPrimitive } from '../../../types';
+import { EnumOrPrimitive, ChatLayoutVariant } from '../../../types';
 import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
-export declare enum ChatLayoutVariant {
-    Auto = "auto",
-    Desktop = "desktop",
-    Drawer = "drawer"
-}
 export interface ChatContainerProps extends PropsWithChildren<CommonCssComponentProps> {
     sidebarContent?: ReactNode;
     sidebarHeaderContent?: ReactNode;