gd-design-library 0.3.3 → 0.3.5

package/components/domainSpecific/Carousel/Carousel.js

@@ -1 +1,137 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),i=require("react"),A=require("../../../utils/helpers.js"),_=require("../../../types/accesability.js"),V=require("../../../types/typography.js"),l=require("../../../types/button.js"),F=require("../../../hooks/useCarousel/useCarousel.js"),G=require("../../../hooks/useTheme/useTheme.js"),j=require("../../core/Icon/Icon.js"),J=require("../../core/Image/Image.js"),P=require("../../core/Typography/Typography.js"),s=require("./constants.js"),b=require("./Carousel.types.js"),o=require("./CarouselStyled.js");function q(r){const d=[];function u($){return i.Children.toArray($).flatMap(a=>{if(!i.isValidElement(a))return[a];if(a.type===w.Image)return d.push(a),[];const{children:C,...g}=a.props;if(C){const N=u(C);return[i.cloneElement(a,g,N.length>0?N:void 0)]}return[a]})}const S=u(r);return{images:d,content:t.jsx(i.Fragment,{children:S})}}const B=i.forwardRef(({layout:r=b.LayoutType.Horizontal,variant:d=b.CarouselVariantTypes.Cards,showArrows:u=!0,isFocusable:S=!0,showDots:$=!1,thumbs:a=b.ThumbsPosition.End,styles:C,children:g},N)=>{var I;const{theme:e}=G.useTheme(),{images:c,content:R}=q(g),{active:y,disabled:p}=A.get(e,"colors.icon.primary"),{icons:{base:h,controlLeft:k,controlRight:D}}=A.get(e,"carousel"),v=i.useRef(null),{carouselRef:L,carouselApi:H,thumbsRef:W,activeIndex:T,scrollTo:m,scrollPrev:x,scrollNext:E,canScrollPrev:M,canScrollNext:O,slidesCount:z}=F.useCarousel({options:{axis:r==="vertical"?"y":"x"},targetRef:v});return i.useImperativeHandle(N,()=>({scrollPrev:x,scrollNext:E,scrollTo:m,carouselApi:H,selectedIndex:T}),[x,E,m,T]),t.jsxs(o.CarouselContainerStyled,{ref:v,theme:e,$layout:r,styles:C,$variant:d,tabIndex:S?_.TabIndex.Default:_.TabIndex.Disabled,"data-testid":s.COMPONENT_NAME,children:[t.jsxs(o.CarouselControlsWrapperStyled,{"data-testid":`${s.COMPONENT_NAME}-controls-wrapper`,theme:e,styles:{order:a===b.ThumbsPosition.Start?1:"inherit"},children:[u&&t.jsxs(o.CarouselControlsStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-controls`,children:[t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:x,disabled:!M,"data-testid":`${s.COMPONENT_NAME}-control-previous`,children:t.jsx(j.Icon,{...h,name:"arrowLeft",fill:M?y:p})}),t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,styles:{transform:"rotate(180deg)"},color:l.ButtonColorVariant.Primary,onClick:E,disabled:!O,"data-testid":`${s.COMPONENT_NAME}-control-next`,children:t.jsx(j.Icon,{...h,name:"arrowLeft",fill:O?y:p})})]}),t.jsx(o.ContentContainerStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-content-container`,children:R}),t.jsx(o.CarouselViewportStyled,{theme:e,ref:L,"data-testid":`${s.COMPONENT_NAME}-viewport`,children:t.jsx(o.CarouselViewportSlideWrapperStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-slider-wrapper`,children:c==null?void 0:c.map((f,n)=>t.jsx(o.CarouselSlideStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-slide-${n}`,children:f},n))})}),$&&t.jsx(o.CarouselDotsStyled,{theme:e,"data-testid":`${s.COMPONENT_NAME}-dots`,children:(I=Array.from({length:z}))==null?void 0:I.map((f,n)=>t.jsx(o.CarouselDotStyled,{theme:e,$active:n===T,onClick:()=>m(n)},n))})]}),a&&t.jsxs(o.CarouselThumbsStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbnails`,children:[t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,styles:{transform:`rotate(${r==="vertical"?"90":"0"}deg)`},color:l.ButtonColorVariant.Primary,onClick:x,disabled:!M,"data-testid":`${s.COMPONENT_NAME}-thumbnail-control-previous`,children:t.jsx(j.Icon,{...h,...k,fill:M?y:p})}),t.jsx(o.CarouselThumbsViewportStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbs-viewport`,ref:W,children:t.jsx(o.CarouselThumbsWrapperStyled,{theme:e,$layout:r,"data-testid":`${s.COMPONENT_NAME}-thumbs-wrapper`,children:c==null?void 0:c.map((f,n)=>t.jsx(o.CarouselThumbStyled,{theme:e,$layout:r,$active:n===T,onClick:()=>m(n),"data-testid":`${s.COMPONENT_NAME}-thumbnail-${n}`,children:f},n))})}),t.jsx(o.CarouselControlsButtonStyled,{isIcon:!0,theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:E,styles:{transform:`rotate(${r==="vertical"?"90":"0"}deg)`},disabled:!O,"data-testid":`${s.COMPONENT_NAME}-thumbnail-control-next`,children:t.jsx(j.Icon,{...h,...D,fill:O?y:p})})]})]})});B.displayName=s.COMPONENT_NAME;const w=Object.assign(B,{Slide:o.CarouselSlideStyled,Image:r=>t.jsx(J.Image,{styles:{height:"100%",width:"100%"},...r}),Title:r=>t.jsx(P.Typography,{variant:V.TypographyVariant.H1,...r}),Description:r=>t.jsx(P.Typography,{variant:V.TypographyVariant.Body1,...r}),Content:r=>t.jsx(P.Typography,{styles:{flexDirection:"column",height:"100%",position:"absolute",justifyContent:"center",alignItems:"center",zIndex:"100"},...r})});exports.Carousel=w;exports.extractCarouselNodes=q;
+"use client";
+import { jsx as t, jsxs as S } from "@emotion/react/jsx-runtime";
+import { Fragment as q, forwardRef as G, Children as J, isValidElement as K, cloneElement as Q, useRef as U, useImperativeHandle as X } from "react";
+import { COMPONENT_NAME as o } from "./constants.js";
+import { LayoutType as Y, ThumbsPosition as D, CarouselVariantTypes as Z } from "./Carousel.types.js";
+import { CarouselSlideStyled as A, CarouselContainerStyled as tt, CarouselControlsWrapperStyled as et, CarouselControlsStyled as rt, CarouselControlsButtonStyled as T, ContentContainerStyled as ot, CarouselViewportStyled as at, CarouselViewportSlideWrapperStyled as nt, CarouselDotsStyled as lt, CarouselDotStyled as it, CarouselThumbsStyled as st, CarouselThumbsViewportStyled as dt, CarouselThumbsWrapperStyled as ct, CarouselThumbStyled as mt } from "./CarouselStyled.js";
+import { useCarousel as ut } from "../../../hooks/useCarousel/useCarousel.js";
+import { Typography as V } from "../../core/Typography/Typography.js";
+import { TypographyVariant as B } from "../../../types/typography.js";
+import { Image as pt } from "../../core/Image/Image.js";
+import { useTheme as ft } from "../../../hooks/useTheme/useTheme.js";
+import { get as E } from "../../../utils/helpers.js";
+import { TabIndex as j } from "../../../types/accesability.js";
+import { ButtonColorVariant as g, ButtonVariant as I } from "../../../types/button.js";
+import { Icon as x } from "../../core/Icon/Icon.js";
+function Ct(r) {
+  const i = [];
+  function s(N) {
+    return J.toArray(N).flatMap((n) => {
+      if (!K(n))
+        return [n];
+      if (n.type === ht.Image)
+        return i.push(n), [];
+      const {
+        children: d,
+        ...P
+      } = n.props;
+      if (d) {
+        const c = s(d);
+        return [Q(n, P, c.length > 0 ? c : void 0)];
+      }
+      return [n];
+    });
+  }
+  const w = s(r);
+  return {
+    images: i,
+    content: /* @__PURE__ */ t(q, { children: w })
+  };
+}
+const L = G(({
+  layout: r = Y.Horizontal,
+  variant: i = Z.Cards,
+  showArrows: s = !0,
+  isFocusable: w = !0,
+  showDots: N = !1,
+  thumbs: n = D.End,
+  styles: d,
+  children: P
+}, c) => {
+  var k;
+  const {
+    theme: e
+  } = ft(), {
+    images: l,
+    content: H
+  } = Ct(P), {
+    active: m,
+    disabled: u
+  } = E(e, "colors.icon.primary"), {
+    icons: {
+      base: p,
+      controlLeft: M,
+      controlRight: O
+    }
+  } = E(e, "carousel"), R = U(null), {
+    carouselRef: W,
+    carouselApi: z,
+    thumbsRef: _,
+    activeIndex: f,
+    scrollTo: C,
+    scrollPrev: h,
+    scrollNext: y,
+    canScrollPrev: $,
+    canScrollNext: b,
+    slidesCount: F
+  } = ut({
+    options: {
+      axis: r === "vertical" ? "y" : "x"
+    },
+    targetRef: R
+  });
+  return X(c, () => ({
+    scrollPrev: h,
+    scrollNext: y,
+    scrollTo: C,
+    carouselApi: z,
+    selectedIndex: f
+  }), [h, y, C, f]), /* @__PURE__ */ S(tt, { ref: R, theme: e, $layout: r, styles: d, $variant: i, tabIndex: w ? j.Default : j.Disabled, "data-testid": o, children: [
+    /* @__PURE__ */ S(et, { "data-testid": `${o}-controls-wrapper`, theme: e, styles: {
+      order: n === D.Start ? 1 : "inherit"
+    }, children: [
+      s && /* @__PURE__ */ S(rt, { theme: e, "data-testid": `${o}-controls`, children: [
+        /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, color: g.Primary, onClick: h, disabled: !$, "data-testid": `${o}-control-previous`, children: /* @__PURE__ */ t(x, { ...p, name: "arrowLeft", fill: $ ? m : u }) }),
+        /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, styles: {
+          transform: "rotate(180deg)"
+        }, color: g.Primary, onClick: y, disabled: !b, "data-testid": `${o}-control-next`, children: /* @__PURE__ */ t(x, { ...p, name: "arrowLeft", fill: b ? m : u }) })
+      ] }),
+      /* @__PURE__ */ t(ot, { theme: e, "data-testid": `${o}-content-container`, children: H }),
+      /* @__PURE__ */ t(at, { theme: e, ref: W, "data-testid": `${o}-viewport`, children: /* @__PURE__ */ t(nt, { theme: e, "data-testid": `${o}-slider-wrapper`, children: l == null ? void 0 : l.map((v, a) => /* @__PURE__ */ t(A, { theme: e, "data-testid": `${o}-slide-${a}`, children: v }, a)) }) }),
+      N && /* @__PURE__ */ t(lt, { theme: e, "data-testid": `${o}-dots`, children: (k = Array.from({
+        length: F
+      })) == null ? void 0 : k.map((v, a) => /* @__PURE__ */ t(it, { theme: e, $active: a === f, onClick: () => C(a) }, a)) })
+    ] }),
+    n && /* @__PURE__ */ S(st, { theme: e, $layout: r, "data-testid": `${o}-thumbnails`, children: [
+      /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, styles: {
+        transform: `rotate(${r === "vertical" ? "90" : "0"}deg)`
+      }, color: g.Primary, onClick: h, disabled: !$, "data-testid": `${o}-thumbnail-control-previous`, children: /* @__PURE__ */ t(x, { ...p, ...M, fill: $ ? m : u }) }),
+      /* @__PURE__ */ t(dt, { theme: e, $layout: r, "data-testid": `${o}-thumbs-viewport`, ref: _, children: /* @__PURE__ */ t(ct, { theme: e, $layout: r, "data-testid": `${o}-thumbs-wrapper`, children: l == null ? void 0 : l.map((v, a) => /* @__PURE__ */ t(mt, { theme: e, $layout: r, $active: a === f, onClick: () => C(a), "data-testid": `${o}-thumbnail-${a}`, children: v }, a)) }) }),
+      /* @__PURE__ */ t(T, { isIcon: !0, theme: e, variant: I.Text, color: g.Primary, onClick: y, styles: {
+        transform: `rotate(${r === "vertical" ? "90" : "0"}deg)`
+      }, disabled: !b, "data-testid": `${o}-thumbnail-control-next`, children: /* @__PURE__ */ t(x, { ...p, ...O, fill: b ? m : u }) })
+    ] })
+  ] });
+});
+L.displayName = o;
+const ht = Object.assign(L, {
+  Slide: A,
+  Image: (r) => /* @__PURE__ */ t(pt, { styles: {
+    height: "100%",
+    width: "100%"
+  }, ...r }),
+  Title: (r) => /* @__PURE__ */ t(V, { variant: B.H1, ...r }),
+  Description: (r) => /* @__PURE__ */ t(V, { variant: B.Body1, ...r }),
+  Content: (r) => /* @__PURE__ */ t(V, { styles: {
+    flexDirection: "column",
+    height: "100%",
+    position: "absolute",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: "100"
+  }, ...r })
+});
+export {
+  ht as Carousel,
+  Ct as extractCarouselNodes
+};

package/components/domainSpecific/Carousel/Carousel.types.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.Cards="cards",r.Single="single",r))(t||{}),e=(r=>(r.Horizontal="horizontal",r.Vertical="vertical",r))(e||{}),a=(r=>(r.Start="start",r.End="end",r))(a||{});exports.CarouselVariantTypes=t;exports.LayoutType=e;exports.ThumbsPosition=a;
+var t = /* @__PURE__ */ ((r) => (r.Cards = "cards", r.Single = "single", r))(t || {}), a = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r))(a || {}), n = /* @__PURE__ */ ((r) => (r.Start = "start", r.End = "end", r))(n || {});
+export {
+  t as CarouselVariantTypes,
+  a as LayoutType,
+  n as ThumbsPosition
+};

package/components/domainSpecific/Carousel/CarouselStyled.js

@@ -1 +1,143 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),a=require("react"),o=require("../../../utils/helpers.js"),p=require("../../core/Button/Button.js"),i=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},$layout:r,$variant:u,styles:c,...n}=s,d=[o.get(t,"container",{}),o.get(t,`container.layout.${r}`,{}),o.get(t,`container.variant.${u}`,{}),c];return l.jsx("div",{css:d,...n,ref:e})}),y=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},...r}=s;return l.jsx("div",{css:o.get(t,"carouselViewport",{}),...r,ref:e})}),S=a.forwardRef((s,e)=>{const{theme:{carousel:t}={},$layout:r,...u}=s,c=[o.get(t,"carouselThumbsViewport.default",{}),o.get(t,`carouselThumbsViewport.${r}`,{})];return l.jsx("div",{css:c,...u,ref:e})}),m=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"contentContainer",{}),...t})},C=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselViewportSlideWrapper",{}),...t})},h=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselSlide",{}),...t})},g=s=>{const{theme:{carousel:e}={},styles:t,...r}=s,u=[o.get(e,"carouselControlsWrapper",{}),t];return l.jsx("div",{css:u,...r})},b=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselControls",{}),...t})},v=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx(p.Button,{styles:o.get(e,"controlsButton",{}),...t})},T=s=>{const{theme:{carousel:e}={},...t}=s;return l.jsx("div",{css:o.get(e,"carouselDots",{}),...t})},j=s=>{const{theme:{carousel:e}={},$active:t,...r}=s,u=[o.get(e,"carouselDot.default",{}),t?o.get(e,"carouselDot.active",{}):o.get(e,"carouselDot.nonActive",{})];return l.jsx("button",{css:u,...r})},f=s=>{const{theme:{carousel:e}={},$layout:t,...r}=s,u=[o.get(e,"carouselThumbs.default",{}),o.get(e,`carouselThumbs.${t}`,{})];return l.jsx("div",{css:u,...r})},x=s=>{const{theme:{carousel:e}={},$layout:t,...r}=s,u=[o.get(e,"carouselThumbsWrapper.default",{}),o.get(e,`carouselThumbsWrapper.${t}`,{})];return l.jsx("div",{css:u,...r})},P=s=>{const{theme:{carousel:e}={},$active:t,$layout:r,...u}=s,c=[o.get(e,"carouselThumb.default",{}),o.get(e,`carouselThumb.${r}`,{}),t?o.get(e,"carouselThumb.active",{}):o.get(e,"carouselThumb.nonActive",{})];return l.jsx("button",{css:c,...u})};exports.CarouselContainerStyled=i;exports.CarouselControlsButtonStyled=v;exports.CarouselControlsStyled=b;exports.CarouselControlsWrapperStyled=g;exports.CarouselDotStyled=j;exports.CarouselDotsStyled=T;exports.CarouselSlideStyled=h;exports.CarouselThumbStyled=P;exports.CarouselThumbsStyled=f;exports.CarouselThumbsViewportStyled=S;exports.CarouselThumbsWrapperStyled=x;exports.CarouselViewportSlideWrapperStyled=C;exports.CarouselViewportStyled=y;exports.ContentContainerStyled=m;
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { get as o } from "../../../utils/helpers.js";
+import { Button as m } from "../../core/Button/Button.js";
+const S = n((s, e) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    $layout: r,
+    $variant: u,
+    styles: l,
+    ...a
+  } = s, p = [o(t, "container", {}), o(t, `container.layout.${r}`, {}), o(t, `container.variant.${u}`, {}), l];
+  return /* @__PURE__ */ c("div", { css: p, ...a, ref: e });
+}), C = n((s, e) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    ...r
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(t, "carouselViewport", {}), ...r, ref: e });
+}), v = n((s, e) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    $layout: r,
+    ...u
+  } = s, l = [o(t, "carouselThumbsViewport.default", {}), o(t, `carouselThumbsViewport.${r}`, {})];
+  return /* @__PURE__ */ c("div", { css: l, ...u, ref: e });
+}), b = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(e, "contentContainer", {}), ...t });
+}, f = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(e, "carouselViewportSlideWrapper", {}), ...t });
+}, P = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(e, "carouselSlide", {}), ...t });
+}, T = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    styles: t,
+    ...r
+  } = s, u = [o(e, "carouselControlsWrapper", {}), t];
+  return /* @__PURE__ */ c("div", { css: u, ...r });
+}, $ = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(e, "carouselControls", {}), ...t });
+}, w = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c(m, { styles: o(e, "controlsButton", {}), ...t });
+}, V = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ c("div", { css: o(e, "carouselDots", {}), ...t });
+}, W = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    $active: t,
+    ...r
+  } = s, u = [o(e, "carouselDot.default", {}), t ? o(e, "carouselDot.active", {}) : o(e, "carouselDot.nonActive", {})];
+  return /* @__PURE__ */ c("button", { css: u, ...r });
+}, D = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    $layout: t,
+    ...r
+  } = s, u = [o(e, "carouselThumbs.default", {}), o(e, `carouselThumbs.${t}`, {})];
+  return /* @__PURE__ */ c("div", { css: u, ...r });
+}, B = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    $layout: t,
+    ...r
+  } = s, u = [o(e, "carouselThumbsWrapper.default", {}), o(e, `carouselThumbsWrapper.${t}`, {})];
+  return /* @__PURE__ */ c("div", { css: u, ...r });
+}, x = (s) => {
+  const {
+    theme: {
+      carousel: e
+    } = {},
+    $active: t,
+    $layout: r,
+    ...u
+  } = s, l = [o(e, "carouselThumb.default", {}), o(e, `carouselThumb.${r}`, {}), t ? o(e, "carouselThumb.active", {}) : o(e, "carouselThumb.nonActive", {})];
+  return /* @__PURE__ */ c("button", { css: l, ...u });
+};
+export {
+  S as CarouselContainerStyled,
+  w as CarouselControlsButtonStyled,
+  $ as CarouselControlsStyled,
+  T as CarouselControlsWrapperStyled,
+  W as CarouselDotStyled,
+  V as CarouselDotsStyled,
+  P as CarouselSlideStyled,
+  x as CarouselThumbStyled,
+  D as CarouselThumbsStyled,
+  v as CarouselThumbsViewportStyled,
+  B as CarouselThumbsWrapperStyled,
+  f as CarouselViewportSlideWrapperStyled,
+  C as CarouselViewportStyled,
+  b as ContentContainerStyled
+};

package/components/domainSpecific/Carousel/constants.js

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

package/components/domainSpecific/ChatBubble/ChatBubble.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),N=require("react"),C=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),a=require("./ChatBubbleStyled.js"),l=N.forwardRef((u,i)=>{const{styles:c={},status:r="fulfilled",variant:d="question",actions:t=[],children:o,...h}=u,{theme:s}=C.useTheme();return n.jsxs(a.ChatBubbleStyled,{theme:s,styles:c,$variant:d,ref:i,$status:r,"data-testid":e.COMPONENT_NAME,...h,children:[n.jsx(a.ChatContentStyled,{theme:s,$status:r,"data-testid":`${e.COMPONENT_NAME}-content`,children:o}),t!=null&&t.length?n.jsx(a.ChatActionsStyled,{theme:s,"data-testid":`${e.COMPONENT_NAME}-actions`,children:t}):null]})});l.displayName=e.COMPONENT_NAME;exports.ChatBubble=l;
+"use client";
+import { jsxs as u, jsx as a } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { ChatBubbleStyled as h, ChatContentStyled as c, ChatActionsStyled as p } from "./ChatBubbleStyled.js";
+import { useTheme as C } from "../../../hooks/useTheme/useTheme.js";
+const y = f((o, i) => {
+  const {
+    styles: n = {},
+    status: r = "fulfilled",
+    variant: l = "question",
+    actions: t = [],
+    children: d,
+    ...m
+  } = o, {
+    theme: s
+  } = C();
+  return /* @__PURE__ */ u(h, { theme: s, styles: n, $variant: l, ref: i, $status: r, "data-testid": e, ...m, children: [
+    /* @__PURE__ */ a(c, { theme: s, $status: r, "data-testid": `${e}-content`, children: d }),
+    t != null && t.length ? /* @__PURE__ */ a(p, { theme: s, "data-testid": `${e}-actions`, children: t }) : null
+  ] });
+});
+y.displayName = e;
+export {
+  y as ChatBubble
+};

package/components/domainSpecific/ChatBubble/ChatBubbleStyled.js

@@ -1 +1,43 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),d=require("react"),u=require("../../../utils/helpers.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");const l=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.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");const a=d.forwardRef((t,r)=>{const{theme:{chatbubble:e}={},styles:i={},$variant:s,$status:o,...n}=t,c=[u.get(e,"default",{}),u.get(e,s,{}),u.get(e,o,{}),i];return q.jsx("div",{css:c,...n,ref:r})}),b=t=>{const{theme:{chatbubble:r}={},$status:e,children:i,...s}=t,o=u.get(r,"loader.props",{}),n=[u.get(r,"content.default",{}),u.get(r,["content",e],{})];return q.jsxs("div",{css:n,...s,children:[e==="pending"&&q.jsx(l.Loader,{...o}),i]})},h=t=>{const{theme:{chatbubble:r}={},...e}=t,i=u.get(r,"actions",{});return q.jsx("div",{css:i,...e})};exports.ChatActionsStyled=h;exports.ChatBubbleStyled=a;exports.ChatContentStyled=b;
+"use client";
+import { jsx as a, jsxs as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { Loader as m } from "../../core/Loader/Loader.js";
+import { get as s } from "../../../utils/helpers.js";
+const y = u((o, e) => {
+  const {
+    theme: {
+      chatbubble: t
+    } = {},
+    styles: r = {},
+    $variant: c,
+    $status: n,
+    ...d
+  } = o, l = [s(t, "default", {}), s(t, c, {}), s(t, n, {}), r];
+  return /* @__PURE__ */ a("div", { css: l, ...d, ref: e });
+}), S = (o) => {
+  const {
+    theme: {
+      chatbubble: e
+    } = {},
+    $status: t,
+    children: r,
+    ...c
+  } = o, n = s(e, "loader.props", {}), d = [s(e, "content.default", {}), s(e, ["content", t], {})];
+  return /* @__PURE__ */ p("div", { css: d, ...c, children: [
+    t === "pending" && /* @__PURE__ */ a(m, { ...n }),
+    r
+  ] });
+}, v = (o) => {
+  const {
+    theme: {
+      chatbubble: e
+    } = {},
+    ...t
+  } = o, r = s(e, "actions", {});
+  return /* @__PURE__ */ a("div", { css: r, ...t });
+};
+export {
+  v as ChatActionsStyled,
+  y as ChatBubbleStyled,
+  S as ChatContentStyled
+};

package/components/domainSpecific/ChatBubble/constants.js

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

package/components/domainSpecific/ContentCarousel/ContentCarousel.js

@@ -1 +1,69 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),u=require("react"),R=require("../../../hooks/useCarousel/useCarousel.js"),V=require("../../../hooks/useTheme/useTheme.js"),S=require("../../core/Icon/Icon.js"),h=require("../../../types/accesability.js"),l=require("../../../types/button.js");require("../Carousel/Carousel.js");const P=require("../Carousel/Carousel.types.js"),r=require("../Carousel/CarouselStyled.js"),o=require("./constants.js"),C=require("./ContentCarouselStyled.js"),f=u.forwardRef((j,b)=>{var E;const{theme:e}=V.useTheme(),{items:a,renderItem:m,showArrows:v=!0,isFocusable:A=!0,showDots:_=!0,styles:$}=j,{active:N,disabled:y}=e.colors.icon.primary,{icons:{base:M,controlLeft:q,controlRight:I}}=e.carousel,O=u.useRef(null),{carouselRef:w,activeIndex:n,scrollTo:i,scrollPrev:c,scrollNext:d,canScrollPrev:p,canScrollNext:x,slidesCount:B}=R.useCarousel({options:{axis:"x"},targetRef:O});return u.useImperativeHandle(b,()=>({scrollPrev:c,scrollNext:d,scrollTo:i,selectedIndex:n}),[c,d,i,n]),t.jsxs(r.CarouselContainerStyled,{ref:O,theme:e,styles:$,$layout:P.LayoutType.Horizontal,$variant:P.CarouselVariantTypes.Cards,tabIndex:A?h.TabIndex.Default:h.TabIndex.Disabled,"data-testid":o.COMPONENT_NAME,children:[t.jsx(r.CarouselControlsWrapperStyled,{"data-testid":`${o.COMPONENT_NAME}-controls-wrapper`,theme:e,children:t.jsx(r.CarouselViewportStyled,{theme:e,ref:w,"data-testid":`${o.COMPONENT_NAME}-viewport`,children:t.jsx(r.CarouselViewportSlideWrapperStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-slider-wrapper`,children:a==null?void 0:a.map((T,s)=>t.jsx(C.ContentSlideStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-content-slide-${s}`,children:m(T,s)},s))})})}),t.jsxs(C.CarouselFooterStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-footer`,children:[_&&t.jsx(r.CarouselDotsStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-dots`,children:(E=Array.from({length:B}))==null?void 0:E.map((T,s)=>t.jsx(r.CarouselDotStyled,{theme:e,$active:s===n,onClick:()=>i(s)},s))}),v&&t.jsxs(C.CarouselFooterControlsStyled,{theme:e,"data-testid":`${o.COMPONENT_NAME}-controls`,children:[t.jsx(r.CarouselControlsButtonStyled,{theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:c,disabled:!p,"data-testid":`${o.COMPONENT_NAME}-control-previous`,children:t.jsx(S.Icon,{...M,...q,fill:p?N:y})}),t.jsx(r.CarouselControlsButtonStyled,{theme:e,variant:l.ButtonVariant.Text,color:l.ButtonColorVariant.Primary,onClick:d,disabled:!x,"data-testid":`${o.COMPONENT_NAME}-control-next`,children:t.jsx(S.Icon,{...M,...I,fill:x?N:y})})]})]})]})});f.displayName=o.COMPONENT_NAME;exports.ContentCarousel=f;
+"use client";
+import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
+import { forwardRef as A, useRef as F, useImperativeHandle as j } from "react";
+import { CarouselContainerStyled as E, CarouselControlsWrapperStyled as H, CarouselViewportStyled as L, CarouselViewportSlideWrapperStyled as M, CarouselDotsStyled as O, CarouselDotStyled as W, CarouselControlsButtonStyled as S } from "../Carousel/CarouselStyled.js";
+import { COMPONENT_NAME as o } from "./constants.js";
+import { ContentSlideStyled as _, CarouselFooterStyled as z, CarouselFooterControlsStyled as q } from "./ContentCarouselStyled.js";
+import { CarouselVariantTypes as G, LayoutType as J } from "../Carousel/Carousel.types.js";
+import { useTheme as K } from "../../../hooks/useTheme/useTheme.js";
+import { useCarousel as Q } from "../../../hooks/useCarousel/useCarousel.js";
+import { TabIndex as $ } from "../../../types/accesability.js";
+import { ButtonColorVariant as v, ButtonVariant as x } from "../../../types/button.js";
+import { Icon as b } from "../../core/Icon/Icon.js";
+const U = A((w, I) => {
+  var y;
+  const {
+    theme: t
+  } = K(), {
+    items: l,
+    renderItem: T,
+    showArrows: N = !0,
+    isFocusable: R = !0,
+    showDots: D = !0,
+    styles: P
+  } = w, {
+    active: c,
+    disabled: u
+  } = t.colors.icon.primary, {
+    icons: {
+      base: m,
+      controlLeft: V,
+      controlRight: B
+    }
+  } = t.carousel, p = F(null), {
+    carouselRef: g,
+    activeIndex: a,
+    scrollTo: s,
+    scrollPrev: i,
+    scrollNext: n,
+    canScrollPrev: C,
+    canScrollNext: f,
+    slidesCount: k
+  } = Q({
+    options: {
+      axis: "x"
+    },
+    targetRef: p
+  });
+  return j(I, () => ({
+    scrollPrev: i,
+    scrollNext: n,
+    scrollTo: s,
+    selectedIndex: a
+  }), [i, n, s, a]), /* @__PURE__ */ d(E, { ref: p, theme: t, styles: P, $layout: J.Horizontal, $variant: G.Cards, tabIndex: R ? $.Default : $.Disabled, "data-testid": o, children: [
+    /* @__PURE__ */ e(H, { "data-testid": `${o}-controls-wrapper`, theme: t, children: /* @__PURE__ */ e(L, { theme: t, ref: g, "data-testid": `${o}-viewport`, children: /* @__PURE__ */ e(M, { theme: t, "data-testid": `${o}-slider-wrapper`, children: l == null ? void 0 : l.map((h, r) => /* @__PURE__ */ e(_, { theme: t, "data-testid": `${o}-content-slide-${r}`, children: T(h, r) }, r)) }) }) }),
+    /* @__PURE__ */ d(z, { theme: t, "data-testid": `${o}-footer`, children: [
+      D && /* @__PURE__ */ e(O, { theme: t, "data-testid": `${o}-dots`, children: (y = Array.from({
+        length: k
+      })) == null ? void 0 : y.map((h, r) => /* @__PURE__ */ e(W, { theme: t, $active: r === a, onClick: () => s(r) }, r)) }),
+      N && /* @__PURE__ */ d(q, { theme: t, "data-testid": `${o}-controls`, children: [
+        /* @__PURE__ */ e(S, { theme: t, variant: x.Text, color: v.Primary, onClick: i, disabled: !C, "data-testid": `${o}-control-previous`, children: /* @__PURE__ */ e(b, { ...m, ...V, fill: C ? c : u }) }),
+        /* @__PURE__ */ e(S, { theme: t, variant: x.Text, color: v.Primary, onClick: n, disabled: !f, "data-testid": `${o}-control-next`, children: /* @__PURE__ */ e(b, { ...m, ...B, fill: f ? c : u }) })
+      ] })
+    ] })
+  ] });
+});
+U.displayName = o;
+export {
+  U as ContentCarousel
+};

package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),s=require("../../../utils/helpers.js");require("react");const l=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"contentSlide",{}),...o})},n=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"footer",{}),...o})},c=e=>{const{theme:{carousel:t}={},...o}=e;return r.jsx("div",{css:s.get(t,"footerControls",{}),...o})};exports.CarouselFooterControlsStyled=c;exports.CarouselFooterStyled=n;exports.ContentSlideStyled=l;
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { get as s } from "../../../utils/helpers.js";
+const l = (o) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    ...e
+  } = o;
+  return /* @__PURE__ */ r("div", { css: s(t, "contentSlide", {}), ...e });
+}, d = (o) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    ...e
+  } = o;
+  return /* @__PURE__ */ r("div", { css: s(t, "footer", {}), ...e });
+}, u = (o) => {
+  const {
+    theme: {
+      carousel: t
+    } = {},
+    ...e
+  } = o;
+  return /* @__PURE__ */ r("div", { css: s(t, "footerControls", {}), ...e });
+};
+export {
+  u as CarouselFooterControlsStyled,
+  d as CarouselFooterStyled,
+  l as ContentSlideStyled
+};

package/components/domainSpecific/ContentCarousel/constants.js

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

package/components/domainSpecific/Counter/Counter.js

@@ -1 +1,55 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),q=require("react"),a=require("../../../utils/helpers.js"),x=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");const E=require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");const A=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("../../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("../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");const V=require("../../../types/input.js"),r=require("./constants.js"),l=require("./CounterStyled.js"),S=q.forwardRef((g,C)=>{const{min:d=r.MIN_INITIAL_QTY,max:N=r.MAX_INITIAL_QTY,initial:I=r.INITIAL_QTY,onCounterChange:c,styles:O={}}=g,{theme:n}=x.useTheme(),m=a.get(n,"counter.icons",{}),[t,o]=q.useState(I),[p,i]=q.useState(String(I)),M=t>=N,T=t<=d,_=()=>{if(M)return;const e=t+1;o(e),i(String(e))},f=()=>{if(T)return;const e=t-1;o(e),i(String(e))},y=e=>{const s=a.get(e,"target.value");r.REGEX_NUMBER.test(s)&&i(s)},b=()=>{const e=parseInt(p,10);if(isNaN(e))i(String(t));else{const s=Math.min(N,e),h=Math.max(d,s);o(h),i(String(h))}};return q.useEffect(()=>{c==null||c(t)},[t]),u.jsxs(l.CounterStyled,{theme:n,styles:O,ref:C,"data-testid":r.COMPONENT_NAME,children:[u.jsx(l.NavButtonStyled,{theme:n,disabled:T,onClick:f,"data-testid":`${r.COMPONENT_NAME}-button-decrease`,children:u.jsx(E.Icon,{...a.get(m,"minus",{name:"minus"})})}),u.jsx(A.Input,{variant:V.InputVariantType.Number,onChange:y,onBlur:b,value:p,"data-testid":`${r.COMPONENT_NAME}-input`}),u.jsx(l.NavButtonStyled,{theme:n,disabled:M,onClick:_,"data-testid":`${r.COMPONENT_NAME}-button-increase`,children:u.jsx(E.Icon,{...a.get(m,"plus",{name:"plus"})})})]})});S.displayName=r.COMPONENT_NAME;exports.Counter=S;
+"use client";
+import { jsxs as v, jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as x, useState as S, useEffect as A } from "react";
+import { MIN_INITIAL_QTY as B, MAX_INITIAL_QTY as D, INITIAL_QTY as w, COMPONENT_NAME as s, REGEX_NUMBER as L } from "./constants.js";
+import { CounterStyled as Q, NavButtonStyled as T } from "./CounterStyled.js";
+import { Input as R } from "../../core/Input/Input.js";
+import { useTheme as Y } from "../../../hooks/useTheme/useTheme.js";
+import { get as o } from "../../../utils/helpers.js";
+import { Icon as V } from "../../core/Icon/Icon.js";
+import { InputVariantType as $ } from "../../../types/input.js";
+const j = x((g, M) => {
+  const {
+    min: l = B,
+    max: m = D,
+    initial: d = w,
+    onCounterChange: u,
+    styles: b = {}
+  } = g, {
+    theme: i
+  } = Y(), p = o(i, "counter.icons", {}), [e, c] = S(d), [I, n] = S(String(d)), f = e >= m, N = e <= l, _ = () => {
+    if (f) return;
+    const t = e + 1;
+    c(t), n(String(t));
+  }, y = () => {
+    if (N) return;
+    const t = e - 1;
+    c(t), n(String(t));
+  }, C = (t) => {
+    const a = o(t, "target.value");
+    L.test(a) && n(a);
+  }, E = () => {
+    const t = parseInt(I, 10);
+    if (isNaN(t))
+      n(String(e));
+    else {
+      const a = Math.min(m, t), h = Math.max(l, a);
+      c(h), n(String(h));
+    }
+  };
+  return A(() => {
+    u == null || u(e);
+  }, [e]), /* @__PURE__ */ v(Q, { theme: i, styles: b, ref: M, "data-testid": s, children: [
+    /* @__PURE__ */ r(T, { theme: i, disabled: N, onClick: y, "data-testid": `${s}-button-decrease`, children: /* @__PURE__ */ r(V, { ...o(p, "minus", {
+      name: "minus"
+    }) }) }),
+    /* @__PURE__ */ r(R, { variant: $.Number, onChange: C, onBlur: E, value: I, "data-testid": `${s}-input` }),
+    /* @__PURE__ */ r(T, { theme: i, disabled: f, onClick: _, "data-testid": `${s}-button-increase`, children: /* @__PURE__ */ r(V, { ...o(p, "plus", {
+      name: "plus"
+    }) }) })
+  ] });
+});
+j.displayName = s;
+export {
+  j as Counter
+};

package/components/domainSpecific/Counter/CounterStyled.js

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),s=require("react"),t=require("../../../utils/helpers.js");require("../../core/Breadcrumbs/Breadcrumbs.js");const c=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");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.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");const l=require("../../../types/button.js"),a=s.forwardRef((e,r)=>{const{theme:{counter:u}={},styles:i={},...n}=e,o=[t.get(u,"default",{}),i];return q.jsx("div",{css:o,ref:r,...n})}),d=e=>{const{theme:{counter:r}={},...u}=e,i=[t.get(r,"navButton",{})];return q.jsx(c.Button,{css:i,variant:l.ButtonVariant.Outlined,isIcon:!0,...u})};exports.CounterStyled=a;exports.NavButtonStyled=d;
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { get as s } from "../../../utils/helpers.js";
+import { Button as i } from "../../core/Button/Button.js";
+import { ButtonVariant as f } from "../../../types/button.js";
+const v = c((t, o) => {
+  const {
+    theme: {
+      counter: r
+    } = {},
+    styles: e = {},
+    ...m
+  } = t, u = [s(r, "default", {}), e];
+  return /* @__PURE__ */ n("div", { css: u, ref: o, ...m });
+}), B = (t) => {
+  const {
+    theme: {
+      counter: o
+    } = {},
+    ...r
+  } = t, e = [s(o, "navButton", {})];
+  return /* @__PURE__ */ n(i, { css: e, variant: f.Outlined, isIcon: !0, ...r });
+};
+export {
+  v as CounterStyled,
+  B as NavButtonStyled
+};

package/components/domainSpecific/Counter/constants.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I="Counter",N=1,T=1/0,_=1,t=/^\d*$/;exports.COMPONENT_NAME=I;exports.INITIAL_QTY=N;exports.MAX_INITIAL_QTY=T;exports.MIN_INITIAL_QTY=_;exports.REGEX_NUMBER=t;
+const I = "Counter", n = 1, t = 1 / 0, N = 1, o = /^\d*$/;
+export {
+  I as COMPONENT_NAME,
+  n as INITIAL_QTY,
+  t as MAX_INITIAL_QTY,
+  N as MIN_INITIAL_QTY,
+  o as REGEX_NUMBER
+};