gd-design-library 0.3.4 → 0.4.0

package/components/core/Skeleton/Skeleton.js

@@ -1 +1,24 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),m=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),S=require("../../../types/skeleton.js"),e=require("./constants.js"),N=require("./SkeletonStyled.js"),k=m.forwardRef((t,n)=>{const{variant:r=S.SkeletonVariant.Rounded,children:i,animationName:o,animationProps:a=e.BASE_ANIMATION,width:s,height:c,...u}=t,{theme:l}=h.useTheme();return d.jsx(N.SkeletonStyled,{ref:n,theme:l,$width:s,$height:c,$variant:r,$animationName:o,$animationProps:a,"data-testid":e.COMPONENT_NAME,...u,children:i})});exports.Skeleton=k;
+"use client";
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { BASE_ANIMATION as p, COMPONENT_NAME as N } from "./constants.js";
+import { SkeletonStyled as l } from "./SkeletonStyled.js";
+import { SkeletonVariant as c } from "../../../types/skeleton.js";
+import { useTheme as S } from "../../../hooks/useTheme/useTheme.js";
+const M = h((t, o) => {
+  const {
+    variant: e = c.Rounded,
+    children: r,
+    animationName: i,
+    animationProps: n = p,
+    width: m,
+    height: a,
+    ...s
+  } = t, {
+    theme: d
+  } = S();
+  return /* @__PURE__ */ f(l, { ref: o, theme: d, $width: m, $height: a, $variant: e, $animationName: i, $animationProps: n, "data-testid": N, ...s, children: r });
+});
+export {
+  M as Skeleton
+};

package/components/core/Skeleton/SkeletonStyled.js

@@ -1 +1,28 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@emotion/react/jsx-runtime"),p=require("react"),e=require("../../../utils/helpers.js"),r=require("../../../tokens/utils.js"),$=require("../../../types/skeleton.js"),q=p.forwardRef((a,i)=>{const{theme:{skeleton:t,animations:l}={},$variant:c=$.SkeletonVariant.Rounded,styles:m={},$animationName:n="blinkKeyframes",$animationProps:u,...y}=a,s=e.get(l,n??"",null),o=s?r.convertJsonToCssKeyframeCss(s):n,S={animation:`${o} ${u}`},{boxStyles:d,restProps:f}=r.getBoxStyles(y),k=[e.get(t,"default",{}),e.get(t,c,{}),d,o?S:{},m];return g.jsx("span",{css:k,...f,ref:i})});exports.SkeletonStyled=q;
+"use client";
+import { jsx as S } from "@emotion/react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { convertJsonToCssKeyframeCss as k, getBoxStyles as x } from "../../../tokens/utils.js";
+import { SkeletonVariant as K } from "../../../types/skeleton.js";
+import { get as t } from "../../../utils/helpers.js";
+const P = $((a, r) => {
+  const {
+    theme: {
+      skeleton: o,
+      animations: m
+    } = {},
+    $variant: i = K.Rounded,
+    styles: l = {},
+    $animationName: e = "blinkKeyframes",
+    $animationProps: f,
+    ...c
+  } = a, n = t(m, e ?? "", null), s = n ? k(n) : e, p = {
+    animation: `${s} ${f}`
+  }, {
+    boxStyles: y,
+    restProps: d
+  } = x(c), u = [t(o, "default", {}), t(o, i, {}), y, s ? p : {}, l];
+  return /* @__PURE__ */ S("span", { css: u, ...d, ref: r });
+});
+export {
+  P as SkeletonStyled
+};

package/components/core/Skeleton/constants.js

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

package/components/core/Slider/Slider.js

@@ -1 +1,35 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@emotion/react/jsx-runtime"),i=require("react"),g=require("../../../hooks/useTheme/useTheme.js"),A=require("../../../utils/setInRange.js"),a=require("./constants.js"),M=require("./SliderStyled.js"),c=i.forwardRef((d,m)=>{const{min:e=a.SLIDER_MIN_VALUE_DEFAULT,max:t=a.SLIDER_MAX_VALUE_DEFAULT,value:r,onChange:n,disabled:u,...E}=d,{theme:S}=g.useTheme(),[s,l]=i.useState(r||e);i.useEffect(()=>{r!==void 0&&l(r)},[r]);const v=f=>{const o=A.setInRange({min:e,max:t,value:Number(f.target.value)});l(o),n==null||n(o)},N=t>e?(s-e)/(t-e):e;return _.jsx(M.StyledSlider,{"data-testid":a.COMPONENT_NAME,type:"range",role:"slider",min:e,max:t,value:s,disabled:u,theme:S,fillRatio:N,onChange:v,"aria-valuenow":s,"aria-valuemin":e,"aria-valuemax":t,"aria-disabled":u,ref:m,...E})});c.displayName=a.COMPONENT_NAME;exports.Slider=c;
+"use client";
+import { jsx as v } from "@emotion/react/jsx-runtime";
+import { forwardRef as _, useState as A, useEffect as L } from "react";
+import { SLIDER_MIN_VALUE_DEFAULT as N, SLIDER_MAX_VALUE_DEFAULT as S, COMPONENT_NAME as n } from "./constants.js";
+import { StyledSlider as R } from "./SliderStyled.js";
+import { setInRange as V } from "../../../utils/setInRange.js";
+import { useTheme as g } from "../../../hooks/useTheme/useTheme.js";
+const h = _((s, u) => {
+  const {
+    min: e = N,
+    max: a = S,
+    value: r,
+    onChange: t,
+    disabled: i,
+    ...d
+  } = s, {
+    theme: f
+  } = g(), [o, l] = A(r || e);
+  L(() => {
+    r !== void 0 && l(r);
+  }, [r]);
+  const c = (E) => {
+    const m = V({
+      min: e,
+      max: a,
+      value: Number(E.target.value)
+    });
+    l(m), t == null || t(m);
+  }, p = a > e ? (o - e) / (a - e) : e;
+  return /* @__PURE__ */ v(R, { "data-testid": n, type: "range", role: "slider", min: e, max: a, value: o, disabled: i, theme: f, fillRatio: p, onChange: c, "aria-valuenow": o, "aria-valuemin": e, "aria-valuemax": a, "aria-disabled": i, ref: u, ...d });
+});
+h.displayName = n;
+export {
+  h as Slider
+};

package/components/core/Slider/SliderStyled.js

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

package/components/core/Slider/constants.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=0,_=100,A="Slider";exports.COMPONENT_NAME=A;exports.SLIDER_MAX_VALUE_DEFAULT=_;exports.SLIDER_MIN_VALUE_DEFAULT=E;
+const E = 0, _ = 100, A = "Slider";
+export {
+  A as COMPONENT_NAME,
+  _ as SLIDER_MAX_VALUE_DEFAULT,
+  E as SLIDER_MIN_VALUE_DEFAULT
+};

package/components/core/Snackbar/Snackbar.js

@@ -1 +1,46 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),u=require("react"),x=require("../../../hooks/useTheme/useTheme.js");require("../../../tokens/separator.js");require("../../../tokens/draganddrop.js");require("../../../tokens/avatar.js");require("../../../tokens/chatbubble.js");require("../../../tokens/radiogroup.js");require("../../../tokens/searchModal.js");require("../../../tokens/carousel.js");require("../../../tokens/progressbar.js");require("../../../tokens/card.js");require("../../../tokens/counter.js");require("../../../tokens/font.js");require("../../../tokens/spacing.js");require("../../../tokens/radius.js");require("../../../tokens/typography.js");require("../../../tokens/borders.js");require("../../../tokens/button.js");require("../../../tokens/input.js");require("../../../tokens/label.js");require("../../../tokens/link.js");require("../../../tokens/wrapper.js");require("../../../tokens/loader.js");require("../../../tokens/toggle.js");require("../../../tokens/skeleton.js");require("../../../tokens/snackbar.js");require("../../../tokens/list.js");require("../../../tokens/select.js");require("../../../tokens/search.js");require("../../../tokens/breadcrumbs.js");require("../../../tokens/icon.js");;/* empty css                         */require("../../../tokens/tabs.js");require("../../../tokens/stepper.js");require("../../../tokens/rating.js");require("../../../tokens/header.js");require("../../../tokens/switch.js");require("../../../tokens/chat.js");require("../../../tokens/slider.js");require("../../../tokens/menu.js");require("../../../tokens/scroll.js");require("../../../tokens/values.js");require("../../../tokens/flexContainer.js");require("../../../tokens/tooltip.js");require("../../../tokens/modal.js");require("../../../tokens/image.js");require("../../../tokens/price.js");require("../../../tokens/accordion.js");require("../../../tokens/inlineNotification.js");const f=require("../../../tokens/utils.js"),a=require("./constants.js"),r=require("./SnackbarStyled.js"),A=u.forwardRef((d,S)=>{const{title:b,message:o,variant:q=a.DEFAULT_VARIANT,isAnimated:k=!0,duration:n,onClose:t,action:c,colored:y=!1,dismissOnClick:m=!0,icon:C,...T}=d,{theme:i}=x.useTheme(),[l,h]=u.useState(!1),s=u.useCallback(()=>{h(!0),setTimeout(()=>t==null?void 0:t(),a.ANIMATION_DURATION)},[]);return u.useEffect(()=>{if(!n)return;const j=setTimeout(()=>{s()},n);return()=>clearTimeout(j)},[n]),e.jsxs(r.SnackbarStyled,{ref:S,$variant:q,$colored:y,$isClosing:l,$isAnimated:k,onClick:m?s:void 0,theme:i,role:"alert","aria-live":"polite","aria-hidden":l,"data-testid":a.COMPONENT_NAME,...f.convertToInlineBoxStyles(T),children:[t&&e.jsx(r.CloseButtonWrapperStyled,{theme:i,onClick:s,"aria-label":"Close notification",children:e.jsx(r.CloseButtonIconStyled,{theme:i})}),e.jsxs(r.SnackbarBodyStyled,{theme:i,children:[C||e.jsx(r.SnackbarIconStyled,{theme:i,$variant:q}),e.jsxs(r.SnackbarContentStyled,{theme:i,children:[e.jsx(r.SnackbarTitleStyled,{children:b}),o&&e.jsx(r.SnackbarDescriptionStyled,{children:o}),c&&e.jsx(r.SnackbarActionsContainerStyled,{theme:i,children:c})]})]})]})});exports.Snackbar=A;
+"use client";
+import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
+import { forwardRef as T, useState as b, useCallback as A, useEffect as I } from "react";
+import { DEFAULT_VARIANT as N, ANIMATION_DURATION as v, COMPONENT_NAME as O } from "./constants.js";
+import { SnackbarStyled as $, CloseButtonWrapperStyled as g, CloseButtonIconStyled as x, SnackbarBodyStyled as B, SnackbarIconStyled as E, SnackbarContentStyled as D, SnackbarTitleStyled as M, SnackbarDescriptionStyled as R, SnackbarActionsContainerStyled as _ } from "./SnackbarStyled.js";
+import { useTheme as j } from "../../../hooks/useTheme/useTheme.js";
+import { convertToInlineBoxStyles as P } from "../../../tokens/utils.js";
+const q = T((d, m) => {
+  const {
+    title: S,
+    message: a,
+    variant: l = N,
+    isAnimated: u = !0,
+    duration: i,
+    onClose: r,
+    action: s,
+    colored: f = !1,
+    dismissOnClick: C = !0,
+    icon: k,
+    ...p
+  } = d, {
+    theme: e
+  } = j(), [c, h] = b(!1), n = A(() => {
+    h(!0), setTimeout(() => r == null ? void 0 : r(), v);
+  }, []);
+  return I(() => {
+    if (!i) return;
+    const y = setTimeout(() => {
+      n();
+    }, i);
+    return () => clearTimeout(y);
+  }, [i]), /* @__PURE__ */ o($, { ref: m, $variant: l, $colored: f, $isClosing: c, $isAnimated: u, onClick: C ? n : void 0, theme: e, role: "alert", "aria-live": "polite", "aria-hidden": c, "data-testid": O, ...P(p), children: [
+    r && /* @__PURE__ */ t(g, { theme: e, onClick: n, "aria-label": "Close notification", children: /* @__PURE__ */ t(x, { theme: e }) }),
+    /* @__PURE__ */ o(B, { theme: e, children: [
+      k || /* @__PURE__ */ t(E, { theme: e, $variant: l }),
+      /* @__PURE__ */ o(D, { theme: e, children: [
+        /* @__PURE__ */ t(M, { children: S }),
+        a && /* @__PURE__ */ t(R, { children: a }),
+        s && /* @__PURE__ */ t(_, { theme: e, children: s })
+      ] })
+    ] })
+  ] });
+});
+export {
+  q as Snackbar
+};

package/components/core/Snackbar/SnackbarManager.js

@@ -1 +1,48 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),a=require("react"),b=require("uuid"),h=require("../../../utils/helpers.js"),p=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 A=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");const T=require("./Snackbar.js"),f=require("./SnackbarStyled.js"),n=require("./constants.js");require("../Switch/Switch.js");require("../Toggle/Toggle.js");require("../Tooltip/Tooltip.js");require("../Typography/Typography.js");require("../Wrapper/Wrapper.js");require("../Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");let t=[];const s=[],S=()=>{s.forEach(e=>e(t))},O=e=>{const o={id:h.get(e,"id",b.v4()),variant:n.DEFAULT_VARIANT,position:n.DEFAULT_POSITION,duration:n.DEFAULT_DURATION,...e};t=[...t,o].slice(-50),S()},E=e=>{t=t.filter(q=>q.id!==e),S()},N=e=>O(e),m=()=>{const{theme:e}=p.useTheme(),[q,o]=a.useState(t);a.useEffect(()=>{const r=u=>o(u);return s.push(r),()=>{const u=s.indexOf(r);u>-1&&s.splice(u,1)}},[]);const l=a.useMemo(()=>q.reduce((r,u)=>{const i=u.position||n.DEFAULT_POSITION;return r[i]=r[i]||[],r[i].push(u),r},{}),[q]);return q.length?c.jsx(A,{withWrapper:!1,"data-testid":n.COMPONENT_SNACKBAR_MANAGER_NAME,children:Object.entries(l).map(([r,u])=>c.jsx(f.SnackbarContainerStyled,{theme:e,$position:r,children:u.map(i=>c.jsx(T.Snackbar,{...i,onClose:()=>{var d;(d=i.onClose)==null||d.call(i),E(i.id)}},i.id))},r))}):null};exports.SnackbarManager=m;exports.showSnackbar=N;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { useState as a, useEffect as l, useMemo as S } from "react";
+import { v4 as A } from "uuid";
+import { SnackbarContainerStyled as h } from "./SnackbarStyled.js";
+import { Snackbar as E } from "./Snackbar.js";
+import { DEFAULT_DURATION as N, DEFAULT_POSITION as p, DEFAULT_VARIANT as T, COMPONENT_SNACKBAR_MANAGER_NAME as b } from "./constants.js";
+import { get as O } from "../../../utils/helpers.js";
+import { useTheme as _ } from "../../../hooks/useTheme/useTheme.js";
+import { Portal as C } from "../Portal/Portal.js";
+let i = [];
+const s = [], d = () => {
+  s.forEach((e) => e(i));
+}, M = (e) => {
+  const c = {
+    id: O(e, "id", A()),
+    variant: T,
+    position: p,
+    duration: N,
+    ...e
+  };
+  i = [...i, c].slice(-50), d();
+}, g = (e) => {
+  i = i.filter((n) => n.id !== e), d();
+}, v = (e) => M(e), y = () => {
+  const {
+    theme: e
+  } = _(), [n, c] = a(i);
+  l(() => {
+    const o = (r) => c(r);
+    return s.push(o), () => {
+      const r = s.indexOf(o);
+      r > -1 && s.splice(r, 1);
+    };
+  }, []);
+  const f = S(() => n.reduce((o, r) => {
+    const t = r.position || p;
+    return o[t] = o[t] || [], o[t].push(r), o;
+  }, {}), [n]);
+  return n.length ? /* @__PURE__ */ m(C, { withWrapper: !1, "data-testid": b, children: Object.entries(f).map(([o, r]) => /* @__PURE__ */ m(h, { theme: e, $position: o, children: r.map((t) => /* @__PURE__ */ m(E, { ...t, onClose: () => {
+    var u;
+    (u = t.onClose) == null || u.call(t), g(t.id);
+  } }, t.id)) }, o)) }) : null;
+};
+export {
+  y as SnackbarManager,
+  v as showSnackbar
+};

package/components/core/Snackbar/SnackbarStyled.js

@@ -1,5 +1,109 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),V=require("react"),o=require("../../../utils/helpers.js"),c=require("../../../tokens/utils.js"),g=require("../Icon/Icon.js"),p=require("../Typography/Typography.js"),a=require("../../../types/typography.js"),O=V.forwardRef((n,e)=>{var d,S,u,b;const{theme:{animations:t,snackbar:s}={},$variant:k,$colored:m,$isClosing:h,$isAnimated:C,styles:x,...v}=n,T=c.convertJsonToCssKeyframeCss(t==null?void 0:t.slideIn),$=c.convertJsonToCssKeyframeCss(t==null?void 0:t.slideOut),{boxStyles:j,restProps:B}=c.getBoxStyles(v),i=(S=(d=s==null?void 0:s.snackbar)==null?void 0:d.animation)==null?void 0:S.duration,l=(b=(u=s==null?void 0:s.snackbar)==null?void 0:u.animation)==null?void 0:b.timing,f=`
-    ${$} ${i} ${l} forwards
-  `,A=`
-    ${T} ${i} ${l}
-  `,y=o.get(s,"snackbar.background.default"),I=o.get(s,"snackbar.default",{}),q={background:m?o.get(s,`snackbar.background.variants.${k}`,y):y},P=[C?{animation:{animation:h?f:A}}:{},I,q,j,x];return r.jsx("div",{css:P,...B,ref:e})}),w=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"closeButton",{}),...t})},D=n=>{const{theme:{snackbar:e}={}}=n,t=o.get(e,"icons.close",{name:"cross"});return r.jsx(g.Icon,{...t})},J=n=>{const{$variant:e,theme:{snackbar:t}={}}=n,s=o.get(t,["icons",e],{name:""});return r.jsx(g.Icon,{...s})},K=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"snackbarBody",{}),...t})},N=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"snackbarContent",{}),...t})},R=n=>r.jsx(p.Typography,{align:a.TextAlign.Start,variant:a.TypographyVariant.Body2,styleVariant:a.TypographyStyleVariant.Semibold,...n}),W=n=>r.jsx(p.Typography,{align:a.TextAlign.Start,variant:a.TypographyVariant.Body2,styleVariant:a.TypographyStyleVariant.Normal,...n}),M=n=>{const{theme:{snackbar:e}={},...t}=n;return r.jsx("div",{css:o.get(e,"actionsContainer",{}),...t})},z=n=>{const{theme:{snackbar:e}={},$position:t,...s}=n;return r.jsx("div",{css:o.get(e,["positions",t],{}),...s})};exports.CloseButtonIconStyled=D;exports.CloseButtonWrapperStyled=w;exports.SnackbarActionsContainerStyled=M;exports.SnackbarBodyStyled=K;exports.SnackbarContainerStyled=z;exports.SnackbarContentStyled=N;exports.SnackbarDescriptionStyled=W;exports.SnackbarIconStyled=J;exports.SnackbarStyled=O;exports.SnackbarTitleStyled=R;
+"use client";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { forwardRef as O } from "react";
+import { convertJsonToCssKeyframeCss as S, getBoxStyles as j } from "../../../tokens/utils.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { get as r } from "../../../utils/helpers.js";
+import { Icon as b } from "../Icon/Icon.js";
+import { TypographyStyleVariant as k, TypographyVariant as f, TextAlign as g } from "../../../types/typography.js";
+const G = O((n, o) => {
+  var l, m, y, u;
+  const {
+    theme: {
+      animations: t,
+      snackbar: s
+    } = {},
+    $variant: a,
+    $colored: $,
+    $isClosing: v,
+    $isAnimated: h,
+    styles: C,
+    ...B
+  } = n, A = S(t == null ? void 0 : t.slideIn), T = S(t == null ? void 0 : t.slideOut), {
+    boxStyles: x,
+    restProps: I
+  } = j(B), c = (m = (l = s == null ? void 0 : s.snackbar) == null ? void 0 : l.animation) == null ? void 0 : m.duration, i = (u = (y = s == null ? void 0 : s.snackbar) == null ? void 0 : y.animation) == null ? void 0 : u.timing, P = `
+    ${T} ${c} ${i} forwards
+  `, V = `
+    ${A} ${c} ${i}
+  `, d = r(s, "snackbar.background.default"), w = r(s, "snackbar.default", {}), N = {
+    background: $ ? r(s, `snackbar.background.variants.${a}`, d) : d
+  };
+  return /* @__PURE__ */ e("div", { css: [h ? {
+    animation: {
+      animation: v ? P : V
+    }
+  } : {}, w, N, x, C], ...I, ref: o });
+}), H = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {},
+    ...t
+  } = n;
+  return /* @__PURE__ */ e("div", { css: r(o, "closeButton", {}), ...t });
+}, L = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {}
+  } = n, t = r(o, "icons.close", {
+    name: "cross"
+  });
+  return /* @__PURE__ */ e(b, { ...t });
+}, M = (n) => {
+  const {
+    $variant: o,
+    theme: {
+      snackbar: t
+    } = {}
+  } = n, s = r(t, ["icons", o], {
+    name: ""
+  });
+  return /* @__PURE__ */ e(b, { ...s });
+}, Q = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {},
+    ...t
+  } = n;
+  return /* @__PURE__ */ e("div", { css: r(o, "snackbarBody", {}), ...t });
+}, U = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {},
+    ...t
+  } = n;
+  return /* @__PURE__ */ e("div", { css: r(o, "snackbarContent", {}), ...t });
+}, X = (n) => /* @__PURE__ */ e(p, { align: g.Start, variant: f.Body2, styleVariant: k.Semibold, ...n }), Y = (n) => /* @__PURE__ */ e(p, { align: g.Start, variant: f.Body2, styleVariant: k.Normal, ...n }), Z = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {},
+    ...t
+  } = n;
+  return /* @__PURE__ */ e("div", { css: r(o, "actionsContainer", {}), ...t });
+}, _ = (n) => {
+  const {
+    theme: {
+      snackbar: o
+    } = {},
+    $position: t,
+    ...s
+  } = n, a = [r(o, "container.default", {}), r(o, ["positions", t], {})];
+  return /* @__PURE__ */ e("div", { css: a, ...s });
+};
+export {
+  L as CloseButtonIconStyled,
+  H as CloseButtonWrapperStyled,
+  Z as SnackbarActionsContainerStyled,
+  Q as SnackbarBodyStyled,
+  _ as SnackbarContainerStyled,
+  U as SnackbarContentStyled,
+  Y as SnackbarDescriptionStyled,
+  M as SnackbarIconStyled,
+  G as SnackbarStyled,
+  X as SnackbarTitleStyled
+};

package/components/core/Snackbar/constants.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../../types/snackbar.js"),N="Snackbar",T="Snackbar-manager",O=A.SnackbarVariant.Info,n=A.SnackbarPosition.BottomRight,t=3e3,a=300;exports.ANIMATION_DURATION=a;exports.COMPONENT_NAME=N;exports.COMPONENT_SNACKBAR_MANAGER_NAME=T;exports.DEFAULT_DURATION=t;exports.DEFAULT_POSITION=n;exports.DEFAULT_VARIANT=O;
+import { SnackbarPosition as A, SnackbarVariant as n } from "../../../types/snackbar.js";
+const N = "Snackbar", t = "Snackbar-manager", a = n.Info, c = A.BottomRight, T = 3e3, r = 300;
+export {
+  r as ANIMATION_DURATION,
+  N as COMPONENT_NAME,
+  t as COMPONENT_SNACKBAR_MANAGER_NAME,
+  T as DEFAULT_DURATION,
+  c as DEFAULT_POSITION,
+  a as DEFAULT_VARIANT
+};

package/components/core/Switch/Switch.js

@@ -1 +1,36 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),c=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),f=require("../../../types/label.js"),a=require("./constants.js"),l=require("./SwitchStyled.js"),k=c.forwardRef((S,b)=>{const{onValueChange:d,checked:r=!1,disabled:i=!1,label:w=f.LabelPosition.Right,children:E,...n}=S,{theme:t}=O.useTheme(),[h,o]=c.useState(r),u=c.useCallback(e=>{o(e),d==null||d(e)},[d]),M=c.useCallback(e=>{var N;i||u((N=e==null?void 0:e.target)==null?void 0:N.checked)},[i,u]);return c.useEffect(()=>{o(r)},[r]),s.jsxs(l.SwitchWrapperStyled,{theme:t,ref:b,$disabled:i,"data-testid":`${a.COMPONENT_NAME}-wrapper`,...n,children:[s.jsx(l.SwitchLabelStyled,{className:"gd-switch-label",theme:t,$label:w,"data-testid":`${a.COMPONENT_NAME}-label`,children:E}),s.jsxs(l.SwitchStyled,{"data-testid":a.COMPONENT_NAME,theme:t,children:[s.jsx(l.SwitchSliderStyled,{className:"gd-switch-slider",theme:t,$checked:h,"data-testid":`${a.COMPONENT_NAME}-slider`}),s.jsx(l.HiddenCheckboxStyled,{theme:t,checked:h,disabled:i,onChange:M,"data-testid":`${a.COMPONENT_NAME}-checkbox`,...n})]})]})});exports.Switch=k;
+"use client";
+import { jsxs as f, jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as u, useState as $, useCallback as n, useEffect as x } from "react";
+import { COMPONENT_NAME as d } from "./constants.js";
+import { SwitchWrapperStyled as y, SwitchLabelStyled as N, SwitchStyled as g, SwitchSliderStyled as C, HiddenCheckboxStyled as E } from "./SwitchStyled.js";
+import { LabelPosition as j } from "../../../types/label.js";
+import { useTheme as I } from "../../../hooks/useTheme/useTheme.js";
+const A = u((p, S) => {
+  const {
+    onValueChange: a,
+    checked: s = !1,
+    disabled: r = !1,
+    label: b = j.Right,
+    children: w,
+    ...i
+  } = p, {
+    theme: t
+  } = I(), [l, o] = $(s), h = n((e) => {
+    o(e), a == null || a(e);
+  }, [a]), k = n((e) => {
+    var m;
+    r || h((m = e == null ? void 0 : e.target) == null ? void 0 : m.checked);
+  }, [r, h]);
+  return x(() => {
+    o(s);
+  }, [s]), /* @__PURE__ */ f(y, { theme: t, ref: S, $disabled: r, "data-testid": `${d}-wrapper`, ...i, children: [
+    /* @__PURE__ */ c(N, { className: "gd-switch-label", theme: t, $label: b, "data-testid": `${d}-label`, children: w }),
+    /* @__PURE__ */ f(g, { "data-testid": d, theme: t, children: [
+      /* @__PURE__ */ c(C, { className: "gd-switch-slider", theme: t, $checked: l, "data-testid": `${d}-slider` }),
+      /* @__PURE__ */ c(E, { theme: t, checked: l, disabled: r, onChange: k, "data-testid": `${d}-checkbox`, ...i })
+    ] })
+  ] });
+});
+export {
+  A as Switch
+};

package/components/core/Switch/SwitchStyled.js

@@ -1 +1,56 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),i=require("react"),c=require("../../../utils/helpers.js"),n=s=>{const{theme:{switchToken:e}={},...t}=s,r=c.get(e,"checkbox",{});return l.jsx("input",{type:"checkbox",css:r,...t})},h=i.forwardRef((s,e)=>{const{theme:{switchToken:t}={},styles:r={},$disabled:d,...o}=s;return l.jsx("div",{css:[c.get(t,"wrapper.default",{}),d?c.get(t,"wrapper.disabled",{}):{},r],...o,ref:e})}),S=s=>{const{theme:{switchToken:e}={},$label:t,...r}=s;return l.jsx("div",{css:[c.get(e,"label.default",{}),c.get(e,["label",t],{})],...r})},a=s=>{const{theme:{switchToken:e}={},$checked:t,...r}=s;return l.jsx("div",{css:[c.get(e,"slider.default",{}),t?c.get(e,"slider.checked",{}):{}],...r})},u=s=>{const{theme:{switchToken:e}={},...t}=s;return l.jsx("label",{css:[c.get(e,"default",{})],...t})};exports.HiddenCheckboxStyled=n;exports.SwitchLabelStyled=S;exports.SwitchSliderStyled=a;exports.SwitchStyled=u;exports.SwitchWrapperStyled=h;
+"use client";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { get as r } from "../../../utils/helpers.js";
+const a = (s) => {
+  const {
+    theme: {
+      switchToken: e
+    } = {},
+    ...t
+  } = s, c = r(e, "checkbox", {});
+  return /* @__PURE__ */ o("input", { type: "checkbox", css: c, ...t });
+}, m = n((s, e) => {
+  const {
+    theme: {
+      switchToken: t
+    } = {},
+    styles: c = {},
+    $disabled: l,
+    ...d
+  } = s;
+  return /* @__PURE__ */ o("div", { css: [r(t, "wrapper.default", {}), l ? r(t, "wrapper.disabled", {}) : {}, c], ...d, ref: e });
+}), u = (s) => {
+  const {
+    theme: {
+      switchToken: e
+    } = {},
+    $label: t,
+    ...c
+  } = s;
+  return /* @__PURE__ */ o("div", { css: [r(e, "label.default", {}), r(e, ["label", t], {})], ...c });
+}, w = (s) => {
+  const {
+    theme: {
+      switchToken: e
+    } = {},
+    $checked: t,
+    ...c
+  } = s;
+  return /* @__PURE__ */ o("div", { css: [r(e, "slider.default", {}), t ? r(e, "slider.checked", {}) : {}], ...c });
+}, S = (s) => {
+  const {
+    theme: {
+      switchToken: e
+    } = {},
+    ...t
+  } = s;
+  return /* @__PURE__ */ o("label", { css: [r(e, "default", {})], ...t });
+};
+export {
+  a as HiddenCheckboxStyled,
+  u as SwitchLabelStyled,
+  w as SwitchSliderStyled,
+  S as SwitchStyled,
+  m as SwitchWrapperStyled
+};

package/components/core/Switch/constants.js

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

package/components/core/Textarea/Textarea.js

@@ -1 +1,41 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@emotion/react/jsx-runtime"),t=require("react"),z=require("../../../hooks/useAutoFocus/useAutoFocus.js"),C=require("../../../hooks/useTheme/useTheme.js"),n=require("./constants.js"),p=require("./hooks/useDynamicHeightAdjustment.js"),M=require("./hooks/useResizeObserver.js"),$=require("./TextareaStyled.js"),r=require("./Textarea.types.js"),u=t.forwardRef((o,c)=>{const{errorText:l,onChange:a,onCustomResize:d,defaultValue:m="",variant:x=r.TextareaVariant.Outlined,color:h=r.TextareaColorVariant.Primary,resize:T=r.TextareaResize.None,ariaDescribedBy:f,maxLength:g,minHeight:y,maxHeight:b,dynamicHeightAdjustment:q=!1,disabled:H=!1,readOnly:O=!1,autoFocus:s=!1,...A}=o,{theme:N}=C.useTheme(),e=t.useRef(null);t.useImperativeHandle(c,()=>e.current),z.useAutoFocus(e,s),M.useResizeObserver(e,d);const R=p.useDynamicHeightAdjustment(e,q),j=i=>{R(i),a&&a(i)};return v.jsx($.TextareaStyled,{theme:N,ref:e,"aria-invalid":l?"true":"false","aria-describedby":f,"aria-multiline":"true",role:"textbox",$variant:x,$color:h,$resize:T,maxLength:g,disabled:H,readOnly:O,autoFocus:s,onChange:j,$minHeight:y,$maxHeight:b,defaultValue:m,"data-testid":n.COMPONENT_NAME,...A})});u.displayName=n.COMPONENT_NAME;exports.Textarea=u;
+"use client";
+import { jsx as z } from "@emotion/react/jsx-runtime";
+import { forwardRef as A, useRef as C, useImperativeHandle as N } from "react";
+import { COMPONENT_NAME as i } from "./constants.js";
+import { TextareaStyled as O } from "./TextareaStyled.js";
+import { TextareaVariant as $, TextareaColorVariant as j, TextareaResize as v } from "./Textarea.types.js";
+import { useAutoFocus as I } from "../../../hooks/useAutoFocus/useAutoFocus.js";
+import { useResizeObserver as V } from "./hooks/useResizeObserver.js";
+import { useDynamicHeightAdjustment as D } from "./hooks/useDynamicHeightAdjustment.js";
+import { useTheme as E } from "../../../hooks/useTheme/useTheme.js";
+const F = A((o, n) => {
+  const {
+    errorText: s,
+    onChange: t,
+    onCustomResize: m,
+    defaultValue: l = "",
+    variant: u = $.Outlined,
+    color: d = j.Primary,
+    resize: f = v.None,
+    ariaDescribedBy: c,
+    maxLength: h,
+    minHeight: p,
+    maxHeight: x,
+    dynamicHeightAdjustment: g = !1,
+    disabled: y = !1,
+    readOnly: H = !1,
+    autoFocus: r = !1,
+    ...T
+  } = o, {
+    theme: b
+  } = E(), e = C(null);
+  N(n, () => e.current), I(e, r), V(e, m);
+  const R = D(e, g);
+  return /* @__PURE__ */ z(O, { theme: b, ref: e, "aria-invalid": s ? "true" : "false", "aria-describedby": c, "aria-multiline": "true", role: "textbox", $variant: u, $color: d, $resize: f, maxLength: h, disabled: y, readOnly: H, autoFocus: r, onChange: (a) => {
+    R(a), t && t(a);
+  }, $minHeight: p, $maxHeight: x, defaultValue: l, "data-testid": i, ...T });
+});
+F.displayName = i;
+export {
+  F as Textarea
+};

package/components/core/Textarea/Textarea.types.d.ts

@@ -27,8 +27,6 @@ export interface TextareaProps extends CommonCssComponentProps<HTMLTextAreaEleme
     color?: EnumOrPrimitive<TextareaColorVariant>;
     resize?: EnumOrPrimitive<TextareaResize>;
     name?: string;
-    label?: string;
-    helperText?: string;
     placeholder?: string;
     ariaDescribedBy?: string;
     value?: string;
@@ -37,7 +35,6 @@ export interface TextareaProps extends CommonCssComponentProps<HTMLTextAreaEleme
     readOnly?: boolean;
     errorText?: string;
     maxLength?: number;
-    maxLengthCountShow?: boolean;
     dynamicHeightAdjustment?: boolean;
     onCustomResize?: (newSize: {
         height: number;
@@ -45,6 +42,7 @@ export interface TextareaProps extends CommonCssComponentProps<HTMLTextAreaEleme
     }) => void;
     minHeight?: string;
     maxHeight?: string;
+    rows?: string | number;
 }
 export interface TextareaStyledProps extends CommonCssComponentStyledProps<HTMLTextAreaElement> {
     $minHeight?: string;

package/components/core/Textarea/Textarea.types.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(n=>(n.None="none",n.Both="both",n.Horizontal="horizontal",n.Vertical="vertical",n))(r||{}),o=(n=>(n.Outlined="outlined",n.Contained="contained",n.Text="text",n))(o||{}),t=(n=>(n.Primary="primary",n.Secondary="secondary",n.Success="success",n.Warning="warning",n.Error="error",n))(t||{});exports.TextareaColorVariant=t;exports.TextareaResize=r;exports.TextareaVariant=o;
+var c = /* @__PURE__ */ ((n) => (n.None = "none", n.Both = "both", n.Horizontal = "horizontal", n.Vertical = "vertical", n))(c || {}), r = /* @__PURE__ */ ((n) => (n.Outlined = "outlined", n.Contained = "contained", n.Text = "text", n))(r || {}), o = /* @__PURE__ */ ((n) => (n.Primary = "primary", n.Secondary = "secondary", n.Success = "success", n.Warning = "warning", n.Error = "error", n))(o || {});
+export {
+  o as TextareaColorVariant,
+  c as TextareaResize,
+  r as TextareaVariant
+};

package/components/core/Textarea/TextareaStyled.js

@@ -1 +1,29 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),g=require("react"),i=require("../../../utils/helpers.js"),e=require("./Textarea.types.js"),y=g.forwardRef((s,n)=>{const{theme:{textarea:t}={},$variant:o=e.TextareaVariant.Outlined,$color:c=e.TextareaColorVariant.Primary,styles:l={},$resize:u=e.TextareaResize.None,$minHeight:r,$maxHeight:a,...x}=s,m=[i.get(t,"default",{}),i.get(t,[o,c],{}),r?{minHeight:r}:{},a?{maxHeight:a}:{},{resize:u},l];return d.jsx("textarea",{css:m,...x,ref:n})});exports.TextareaStyled=y;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { TextareaVariant as d, TextareaColorVariant as g, TextareaResize as h } from "./Textarea.types.js";
+import { get as a } from "../../../utils/helpers.js";
+const T = p((i, o) => {
+  const {
+    theme: {
+      textarea: e
+    } = {},
+    $variant: m = d.Outlined,
+    $color: s = g.Primary,
+    styles: n = {},
+    $resize: x = h.None,
+    $minHeight: t,
+    $maxHeight: r,
+    ...f
+  } = i, l = [a(e, "default", {}), a(e, [m, s], {}), t ? {
+    minHeight: t
+  } : {}, r ? {
+    maxHeight: r
+  } : {}, {
+    resize: x
+  }, n];
+  return /* @__PURE__ */ c("textarea", { css: l, ...f, ref: o });
+});
+export {
+  T as TextareaStyled
+};

package/components/core/Textarea/constants.js

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

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

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=(t,e)=>c.useCallback(r=>{var u;!e||!t.current||(t.current.style.height="auto",t.current.style.height=`${t.current.scrollHeight||((u=r==null?void 0:r.target)==null?void 0:u.scrollHeight)}px`)},[e,t]);exports.useDynamicHeightAdjustment=s;
+import { useCallback as l } from "react";
+const s = (r, u) => l((t) => {
+  var c;
+  !u || !r.current || (r.current.style.height = "auto", r.current.style.height = `${r.current.scrollHeight || ((c = t == null ? void 0 : t.target) == null ? void 0 : c.scrollHeight)}px`);
+}, [u, r]);
+export {
+  s as useDynamicHeightAdjustment
+};