gd-design-library 0.3.3 → 0.3.5

package/components/layout/ChatContainer/ChatContainerStyled.js

@@ -1 +1,71 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),q=require("react"),s=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("../FlexContainer/FlexContainer.js");require("../Column/Column.js");require("../Row/Row.js");require("./ChatContainer.js");require("../../domainSpecific/Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../domainSpecific/Avatar/Avatar.js");require("../../domainSpecific/Card/Card.js");require("../../domainSpecific/Carousel/Carousel.js");require("../../domainSpecific/ChatBubble/ChatBubble.js");require("../../domainSpecific/ContentCarousel/ContentCarousel.js");require("../../domainSpecific/Counter/Counter.js");require("../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js");require("../../domainSpecific/Header/Header.js");require("../../domainSpecific/Price/Price.js");require("../../domainSpecific/ProgressBar/ProgressBar.js");require("../../domainSpecific/RadioGroup/RadioGroup.js");require("../../domainSpecific/Rating/Rating.js");require("../../domainSpecific/Search/Search.js");require("../../domainSpecific/SearchModal/SearchModal.js");require("../../domainSpecific/Stepper/Stepper.js");require("../../domainSpecific/Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const d=q.forwardRef((r,e)=>{const{theme:t={},styles:u={},...o}=r,n=[s.get(t,"chat.wrapper.default",{}),u];return i.jsx("div",{css:n,...o,ref:e})}),a=r=>{const{theme:e={},...t}=r,u=s.get(e,"chat.mainHeader",{});return i.jsx("header",{css:u,...t})},l=r=>{const{theme:e={},...t}=r,u=s.get(e,"chat.body",{});return i.jsx("div",{css:u,...t})},p=r=>{const{theme:e={},$variant:t,...u}=r,o=[s.get(e,"chat.sidebarWrapper.default",{}),s.get(e,["chat","sidebarWrapper",t],{})];return i.jsx("div",{css:o,...u})},S=r=>{const{theme:e={},...t}=r,u=s.get(e,"chat.sidebar",{});return i.jsx("aside",{css:u,...t})},y=r=>{const{theme:e={},...t}=r,u=s.get(e,"chat.sidebarHeader",{});return i.jsx("header",{css:u,...t})},h=r=>{const{theme:e={},styles:t={},...u}=r,o=[s.get(e,"chat.content.default",{}),t];return i.jsx("main",{css:o,...u})},g=r=>{const{theme:e={},$open:t,...u}=r,o=t?s.get(e,"chat.toggleButton.open"):{},n={...s.get(e,"chat.toggleButton.default"),...o};return i.jsx(c.Button,{...u,styles:n})};exports.BodyStyled=l;exports.ContentStyled=h;exports.MainHeaderStyled=a;exports.MainWrapperStyled=d;exports.SidebarHeaderStyled=y;exports.SidebarStyled=S;exports.SidebarToggleButtonStyled=g;exports.SidebarWrapperStyled=p;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { get as o } from "../../../utils/helpers.js";
+import { Button as p } from "../../core/Button/Button.js";
+const y = d((e, t) => {
+  const {
+    theme: s = {},
+    styles: r = {},
+    ...n
+  } = e, a = [o(s, "chat.wrapper.default", {}), r];
+  return /* @__PURE__ */ c("div", { css: a, ...n, ref: t });
+}), S = (e) => {
+  const {
+    theme: t = {},
+    ...s
+  } = e, r = o(t, "chat.mainHeader", {});
+  return /* @__PURE__ */ c("header", { css: r, ...s });
+}, h = (e) => {
+  const {
+    theme: t = {},
+    ...s
+  } = e, r = o(t, "chat.body", {});
+  return /* @__PURE__ */ c("div", { css: r, ...s });
+}, f = (e) => {
+  const {
+    theme: t = {},
+    $variant: s,
+    ...r
+  } = e, n = [o(t, "chat.sidebarWrapper.default", {}), o(t, ["chat", "sidebarWrapper", s], {})];
+  return /* @__PURE__ */ c("div", { css: n, ...r });
+}, b = (e) => {
+  const {
+    theme: t = {},
+    ...s
+  } = e, r = o(t, "chat.sidebar", {});
+  return /* @__PURE__ */ c("aside", { css: r, ...s });
+}, P = (e) => {
+  const {
+    theme: t = {},
+    ...s
+  } = e, r = o(t, "chat.sidebarHeader", {});
+  return /* @__PURE__ */ c("header", { css: r, ...s });
+}, g = (e) => {
+  const {
+    theme: t = {},
+    styles: s = {},
+    ...r
+  } = e, n = [o(t, "chat.content.default", {}), s];
+  return /* @__PURE__ */ c("main", { css: n, ...r });
+}, B = (e) => {
+  const {
+    theme: t = {},
+    $open: s,
+    ...r
+  } = e, n = s ? o(t, "chat.toggleButton.open") : {}, a = {
+    ...o(t, "chat.toggleButton.default"),
+    ...n
+  };
+  return /* @__PURE__ */ c(p, { ...r, styles: a });
+};
+export {
+  h as BodyStyled,
+  g as ContentStyled,
+  S as MainHeaderStyled,
+  y as MainWrapperStyled,
+  P as SidebarHeaderStyled,
+  b as SidebarStyled,
+  B as SidebarToggleButtonStyled,
+  f as SidebarWrapperStyled
+};

package/components/layout/ChatContainer/constants.js

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

package/components/layout/Column/Column.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@emotion/react/jsx-runtime"),y=require("react"),N=require("../../../hooks/useTheme/useTheme.js"),g=require("../../../tokens/utils.js"),e=require("./constants.js"),q=require("./ColumnStyled.js"),t=y.forwardRef((r,s)=>{const{theme:n}=N.useTheme(),{children:i,gutter:u=0,isReversed:o=!1,align:l="stretch",justify:c="start",isWrap:a=!0,flex:d,...m}=r;return f.jsx(q.ColumnStyled,{"data-testid":e.COMPONENT_NAME,ref:s,theme:n,$isReversed:o,$gutter:u,$align:l,$justify:c,$isWrap:a,$flex:d,...g.convertToInlineBoxStyles(m),children:i})});t.displayName=e.COMPONENT_NAME;exports.Column=t;
+"use client";
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { convertToInlineBoxStyles as c } from "../../../tokens/utils.js";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { ColumnStyled as $ } from "./ColumnStyled.js";
+import { useTheme as x } from "../../../hooks/useTheme/useTheme.js";
+const y = d((t, r) => {
+  const {
+    theme: o
+  } = x(), {
+    children: s,
+    gutter: i = 0,
+    isReversed: m = !1,
+    align: f = "stretch",
+    justify: l = "start",
+    isWrap: n = !0,
+    flex: a,
+    ...p
+  } = t;
+  return /* @__PURE__ */ u($, { "data-testid": e, ref: r, theme: o, $isReversed: m, $gutter: i, $align: f, $justify: l, $isWrap: n, $flex: a, ...c(p), children: s });
+});
+y.displayName = e;
+export {
+  y as Column
+};

package/components/layout/Column/ColumnStyled.js

@@ -1 +1,36 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@emotion/react/jsx-runtime"),p=require("react"),x=require("../../../utils/helpers.js"),e=require("../../../utils/layout.js"),S=require("../../../tokens/utils.js"),$=p.forwardRef((r,s)=>{const{theme:{column:l}={},$isWrap:u,$align:o,$justify:n,$gutter:c,$flex:t,$isReversed:i,styles:a,...f}=r,{boxStyles:y,restProps:m}=S.getBoxStyles(f),d=[x.get(l,"default",{}),{flexDirection:i?"column-reverse":"column",flexWrap:u?"wrap":"nowrap",alignItems:e.calculateAlign(o),justifyContent:e.calculateJustify(n),gap:e.calculateGutter(c)},y,t?{flex:t}:{},a];return g.jsx("div",{css:d,...m,ref:s})});exports.ColumnStyled=$;
+"use client";
+import { jsx as x } from "@emotion/react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { getBoxStyles as g } from "../../../tokens/utils.js";
+import { calculateGutter as d, calculateJustify as $, calculateAlign as S } from "../../../utils/layout.js";
+import { get as j } from "../../../utils/helpers.js";
+const b = y((e, r) => {
+  const {
+    theme: {
+      column: o
+    } = {},
+    $isWrap: l,
+    $align: s,
+    $justify: c,
+    $gutter: i,
+    $flex: t,
+    $isReversed: m,
+    styles: n,
+    ...f
+  } = e, {
+    boxStyles: u,
+    restProps: a
+  } = g(f), p = [j(o, "default", {}), {
+    flexDirection: m ? "column-reverse" : "column",
+    flexWrap: l ? "wrap" : "nowrap",
+    alignItems: S(s),
+    justifyContent: $(c),
+    gap: d(i)
+  }, u, t ? {
+    flex: t
+  } : {}, n];
+  return /* @__PURE__ */ x("div", { css: p, ...a, ref: r });
+});
+export {
+  b as ColumnStyled
+};

package/components/layout/Column/constants.js

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

package/components/layout/FlexContainer/FlexContainer.js

@@ -1 +1,25 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("@emotion/react/jsx-runtime"),d=require("react"),m=require("../../../hooks/useTheme/useTheme.js");require("embla-carousel-react");const q=require("../../../tokens/utils.js"),y=require("../../../types/layout.js"),e=require("./constants.js"),N=require("./FlexContainerStyled.js"),t=d.forwardRef((r,n)=>{const{className:o="",flexDirection:s=y.FlexDirection.Column,styles:i,children:l,gap:c,...u}=r,{theme:a}=m.useTheme();return x.jsx(N.FlexContainerStyled,{ref:n,theme:a,className:o,$flexDirection:s,$gap:c,styles:i,"data-testid":e.COMPONENT_NAME,...q.convertToInlineBoxStyles(u),children:l})});t.displayName=e.COMPONENT_NAME;exports.FlexContainer=t;
+"use client";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { convertToInlineBoxStyles as c } from "../../../tokens/utils.js";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { FlexContainerStyled as x } from "./FlexContainerStyled.js";
+import { FlexDirection as d } from "../../../types/layout.js";
+import { useTheme as N } from "../../../hooks/useTheme/useTheme.js";
+const u = a((o, r) => {
+  const {
+    className: t = "",
+    flexDirection: i = d.Column,
+    styles: m,
+    children: n,
+    gap: s,
+    ...l
+  } = o, {
+    theme: f
+  } = N();
+  return /* @__PURE__ */ p(x, { ref: r, theme: f, className: t, $flexDirection: i, $gap: s, styles: m, "data-testid": e, ...c(l), children: n });
+});
+u.displayName = e;
+export {
+  u as FlexContainer
+};

package/components/layout/FlexContainer/FlexContainerStyled.js

@@ -1 +1,27 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),d=require("react"),x=require("../../../utils/helpers.js"),y=require("../../../tokens/utils.js"),f=d.forwardRef((r,s)=>{const{theme:{flexContainer:o}={},styles:n,$flexDirection:e,$gap:t,...l}=r,{boxStyles:i,restProps:c}=y.getBoxStyles(l),u=[x.get(o,"default",{}),i,e?{flexDirection:e}:{},t?{gap:t}:{},n];return a.jsx("div",{css:u,...c,ref:s})});exports.FlexContainerStyled=f;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { getBoxStyles as x } from "../../../tokens/utils.js";
+import { get as a } from "../../../utils/helpers.js";
+const u = c((o, r) => {
+  const {
+    theme: {
+      flexContainer: s
+    } = {},
+    styles: i,
+    $flexDirection: t,
+    $gap: e,
+    ...l
+  } = o, {
+    boxStyles: n,
+    restProps: f
+  } = x(l), p = [a(s, "default", {}), n, t ? {
+    flexDirection: t
+  } : {}, e ? {
+    gap: e
+  } : {}, i];
+  return /* @__PURE__ */ m("div", { css: p, ...f, ref: r });
+});
+export {
+  u as FlexContainerStyled
+};

package/components/layout/FlexContainer/constants.js

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

package/components/layout/FlexContainer/utils.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../tokens/values.js"),l=(r,a)=>{switch(r){case"sm":return a?e.values.responsiveSmall:e.values.screenSmall;case"md":return a?e.values.responsiveMedium:e.values.screenMedium;case"lg":return a?e.values.responsiveLarge:e.values.screenLarge;case"xl":return a?e.values.responsiveXLarge:e.values.screenXLarge;default:return"100%"}};exports.calculateMaxWidth=l;
+import { values as e } from "../../../tokens/values.js";
+const t = (a, r) => {
+  switch (a) {
+    case "sm":
+      return r ? e.responsiveSmall : e.screenSmall;
+    case "md":
+      return r ? e.responsiveMedium : e.screenMedium;
+    case "lg":
+      return r ? e.responsiveLarge : e.screenLarge;
+    case "xl":
+      return r ? e.responsiveXLarge : e.screenXLarge;
+    default:
+      return "100%";
+  }
+};
+export {
+  t as calculateMaxWidth
+};

package/components/layout/Row/Row.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@emotion/react/jsx-runtime"),R=require("react"),q=require("../../../hooks/useTheme/useTheme.js");require("embla-carousel-react");const N=require("../../../tokens/utils.js"),g=require("./RowStyled.js"),e=require("./constants.js"),t=R.forwardRef((r,s)=>{const{children:i,gutter:n=0,align:o="stretch",justify:u="start",isWrap:c=!0,isReversed:l=!1,flex:a,...d}=r,{theme:f}=q.useTheme();return y.jsx(g.RowStyled,{ref:s,theme:f,$isReversed:l,$gutter:n,$align:o,$justify:u,$isWrap:c,$flex:a,"data-testid":e.COMPONENT_NAME,...N.convertToInlineBoxStyles(d),children:i})});t.displayName=e.COMPONENT_NAME;exports.Row=t;
+"use client";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { convertToInlineBoxStyles as c } from "../../../tokens/utils.js";
+import { RowStyled as $ } from "./RowStyled.js";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { useTheme as x } from "../../../hooks/useTheme/useTheme.js";
+const y = u((t, r) => {
+  const {
+    children: o,
+    gutter: s = 0,
+    align: i = "stretch",
+    justify: m = "start",
+    isWrap: f = !0,
+    isReversed: a = !1,
+    flex: l,
+    ...n
+  } = t, {
+    theme: p
+  } = x();
+  return /* @__PURE__ */ d($, { ref: r, theme: p, $isReversed: a, $gutter: s, $align: i, $justify: m, $isWrap: f, $flex: l, "data-testid": e, ...c(n), children: o });
+});
+y.displayName = e;
+export {
+  y as Row
+};

package/components/layout/Row/RowStyled.js

@@ -1 +1,36 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@emotion/react/jsx-runtime"),w=require("react"),x=require("../../../utils/helpers.js"),e=require("../../../utils/layout.js"),S=require("../../../tokens/utils.js"),$=w.forwardRef((r,s)=>{const{theme:{row:o={}}={},$flex:t,$isWrap:l,$align:u,$justify:c,$gutter:i,$isReversed:n,styles:a,...y}=r,{boxStyles:f,restProps:d}=S.getBoxStyles(y),p=[x.get(o,"default",{}),{flexDirection:n?"row-reverse":"row",flexWrap:l?"wrap":"nowrap",alignItems:e.calculateAlign(u),justifyContent:e.calculateJustify(c),gap:e.calculateGutter(i)},f,t?{flex:t}:{},a];return g.jsx("div",{css:p,...d,ref:s})});exports.RowStyled=$;
+"use client";
+import { jsx as y } from "@emotion/react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { getBoxStyles as d } from "../../../tokens/utils.js";
+import { get as g } from "../../../utils/helpers.js";
+import { calculateGutter as w, calculateJustify as $, calculateAlign as S } from "../../../utils/layout.js";
+const b = x((e, r) => {
+  const {
+    theme: {
+      row: o = {}
+    } = {},
+    $flex: t,
+    $isWrap: s,
+    $align: l,
+    $justify: i,
+    $gutter: f,
+    $isReversed: a,
+    styles: c,
+    ...p
+  } = e, {
+    boxStyles: m,
+    restProps: n
+  } = d(p), u = [g(o, "default", {}), {
+    flexDirection: a ? "row-reverse" : "row",
+    flexWrap: s ? "wrap" : "nowrap",
+    alignItems: S(l),
+    justifyContent: $(i),
+    gap: w(f)
+  }, m, t ? {
+    flex: t
+  } : {}, c];
+  return /* @__PURE__ */ y("div", { css: u, ...n, ref: r });
+});
+export {
+  b as RowStyled
+};

package/components/layout/Row/constants.js

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

package/components/templates/SkeletonSearch/SkeletonSearch.js

@@ -1 +1,30 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),d=require("react"),h=require("../../../hooks/useTheme/useTheme.js"),n=require("./constants.js"),r=require("./SkeletonSearchStyled.js"),l=d.forwardRef((S,o)=>{const{maxWidth:s,...c}=S,{theme:e}=h.useTheme();return t.jsx(r.SkeletonSearchStyled,{ref:o,theme:e,"data-testid":n.COMPONENT_NAME,...c,children:t.jsxs(r.SkeletonSearchContainerStyled,{$maxWidth:s,theme:e,children:[t.jsx(r.SkeletonSearchHeaderRowStyled,{theme:e,children:t.jsx(r.SkeletonSearchColumnPriceStyled,{theme:e})}),Array.from({length:n.SKELETON_CARDS_AMOUNT}).map((i,a)=>t.jsxs(r.SkeletonSearchRowStyled,{theme:e,children:[t.jsx(r.SkeletonSearchColumnImageBaseStyled,{theme:e,children:t.jsx(r.SkeletonSearchColumnImageStyled,{theme:e})}),t.jsxs(r.SkeletonSearchColumnTextBaseStyled,{theme:e,children:[t.jsx(r.SkeletonSearchColumnTextStyled,{theme:e}),t.jsx(r.SkeletonSearchColumnPriceStyled,{theme:e})]})]},`gd-skeleton-search-row-${a+1}`))]})})});l.displayName=n.COMPONENT_NAME;exports.SkeletonSearch=l;
+"use client";
+import { jsx as t, jsxs as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { COMPONENT_NAME as l, SKELETON_CARDS_AMOUNT as h } from "./constants.js";
+import { SkeletonSearchStyled as i, SkeletonSearchContainerStyled as s, SkeletonSearchHeaderRowStyled as k, SkeletonSearchColumnPriceStyled as o, SkeletonSearchRowStyled as y, SkeletonSearchColumnImageBaseStyled as f, SkeletonSearchColumnImageStyled as p, SkeletonSearchColumnTextBaseStyled as u, SkeletonSearchColumnTextStyled as C } from "./SkeletonSearchStyled.js";
+import { useTheme as x } from "../../../hooks/useTheme/useTheme.js";
+const N = c((S, n) => {
+  const {
+    maxWidth: a,
+    ...m
+  } = S, {
+    theme: e
+  } = x();
+  return /* @__PURE__ */ t(i, { ref: n, theme: e, "data-testid": l, ...m, children: /* @__PURE__ */ r(s, { $maxWidth: a, theme: e, children: [
+    /* @__PURE__ */ t(k, { theme: e, children: /* @__PURE__ */ t(o, { theme: e }) }),
+    Array.from({
+      length: h
+    }).map((T, d) => /* @__PURE__ */ r(y, { theme: e, children: [
+      /* @__PURE__ */ t(f, { theme: e, children: /* @__PURE__ */ t(p, { theme: e }) }),
+      /* @__PURE__ */ r(u, { theme: e, children: [
+        /* @__PURE__ */ t(C, { theme: e }),
+        /* @__PURE__ */ t(o, { theme: e })
+      ] })
+    ] }, `gd-skeleton-search-row-${d + 1}`))
+  ] }) });
+});
+N.displayName = l;
+export {
+  N as SkeletonSearch
+};

package/components/templates/SkeletonSearch/SkeletonSearchStyled.js

@@ -1 +1,97 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),d=require("react"),s=require("../../../utils/helpers.js");require("../../layout/FlexContainer/FlexContainer.js");const c=require("../../layout/Column/Column.js"),i=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const l=require("../../core/Skeleton/Skeleton.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 h=require("../../../tokens/utils.js"),u=require("../../../types/skeleton.js"),k=d.forwardRef((e,r)=>{const{theme:{skeleton:t}={},...n}=e;return o.jsx("div",{css:s.get(t,"cards.search.default",{}),...n,ref:r})}),m=e=>{const{theme:{flexContainer:r,skeleton:t}={},...n}=e,{boxStyles:a,restProps:S}=h.getBoxStyles(n),q=[s.get(r,"default",{}),s.get(t,"cards.search.container",{}),a];return o.jsx("div",{css:q,...S})},y=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(i.Row,{styles:s.get(r,"cards.search.header",{}),...t})},g=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnText.price",{}),...t})},x=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(i.Row,{styles:s.get(r,"cards.search.row",{}),...t})},p=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(c.Column,{styles:s.get(r,"cards.search.columnImage.default",{}),...t})},C=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnImage.image",{}),...t})},P=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(c.Column,{styles:s.get(r,"cards.search.columnText.default",{}),...t})},R=e=>{const{theme:{skeleton:r}={},...t}=e;return o.jsx(l.Skeleton,{variant:u.SkeletonVariant.Rectangular,styles:s.get(r,"cards.search.columnText.description",{}),...t})};exports.SkeletonSearchColumnImageBaseStyled=p;exports.SkeletonSearchColumnImageStyled=C;exports.SkeletonSearchColumnPriceStyled=g;exports.SkeletonSearchColumnTextBaseStyled=P;exports.SkeletonSearchColumnTextStyled=R;exports.SkeletonSearchContainerStyled=m;exports.SkeletonSearchHeaderRowStyled=y;exports.SkeletonSearchRowStyled=x;exports.SkeletonSearchStyled=k;
+"use client";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { get as s } from "../../../utils/helpers.js";
+import { getBoxStyles as i } from "../../../tokens/utils.js";
+import { Row as a } from "../../layout/Row/Row.js";
+import { Skeleton as c } from "../../core/Skeleton/Skeleton.js";
+import { SkeletonVariant as l } from "../../../types/skeleton.js";
+import { Column as m } from "../../layout/Column/Column.js";
+const R = h((e, t) => {
+  const {
+    theme: {
+      skeleton: r
+    } = {},
+    ...n
+  } = e;
+  return /* @__PURE__ */ o("div", { css: s(r, "cards.search.default", {}), ...n, ref: t });
+}), v = (e) => {
+  const {
+    theme: {
+      flexContainer: t,
+      skeleton: r
+    } = {},
+    ...n
+  } = e, {
+    boxStyles: S,
+    restProps: d
+  } = i(n), u = [s(t, "default", {}), s(r, "cards.search.container", {}), S];
+  return /* @__PURE__ */ o("div", { css: u, ...d });
+}, w = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(a, { styles: s(t, "cards.search.header", {}), ...r });
+}, T = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(c, { variant: l.Rectangular, styles: s(t, "cards.search.columnText.price", {}), ...r });
+}, I = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(a, { styles: s(t, "cards.search.row", {}), ...r });
+}, B = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(m, { styles: s(t, "cards.search.columnImage.default", {}), ...r });
+}, b = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(c, { variant: l.Rectangular, styles: s(t, "cards.search.columnImage.image", {}), ...r });
+}, j = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(m, { styles: s(t, "cards.search.columnText.default", {}), ...r });
+}, H = (e) => {
+  const {
+    theme: {
+      skeleton: t
+    } = {},
+    ...r
+  } = e;
+  return /* @__PURE__ */ o(c, { variant: l.Rectangular, styles: s(t, "cards.search.columnText.description", {}), ...r });
+};
+export {
+  B as SkeletonSearchColumnImageBaseStyled,
+  b as SkeletonSearchColumnImageStyled,
+  T as SkeletonSearchColumnPriceStyled,
+  j as SkeletonSearchColumnTextBaseStyled,
+  H as SkeletonSearchColumnTextStyled,
+  v as SkeletonSearchContainerStyled,
+  w as SkeletonSearchHeaderRowStyled,
+  I as SkeletonSearchRowStyled,
+  R as SkeletonSearchStyled
+};

package/components/templates/SkeletonSearch/constants.js

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

package/components/widget/DragAndDrop/DragAndDrop.js

@@ -1 +1,74 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),t=require("react");require("../../domainSpecific/Accordion/hooks/useAccordion.js");const U=require("../../../hooks/useTheme/useTheme.js");require("embla-carousel-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");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");const _=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("../../layout/FlexContainer/FlexContainer.js");const f=require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.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");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");const w=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("../../../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");const z=require("../../../tokens/colors.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");require("@emotion/react");const s=require("../../../types/typography.js"),A=require("../../../types/button.js"),b=require("./constants.js"),G=require("./utils/validators.js"),i=require("./DragAndDropStyled.js"),S=t.forwardRef((O,c)=>{const{styles:$={},files:y,errors:a,title:p,description:g,inputFileButtonLabel:E,acceptedFileTypes:h,maxFileSize:C,maxFiles:l,onError:x,onFilesChanged:j,disabled:n,isLoading:q,loadingOverlay:N,children:D,...R}=O,{theme:r}=U.useTheme(),F=t.useRef(null),T=t.useRef(null),o=t.useCallback(u=>{if(!u||q)return;const d=y??[],B=Array.from(u),{validFiles:v,errors:L}=G.validateFiles(B,d,h,l,C);if(x(L),v.length>0){const H=[...d,...v];j(H)}},[y,h,l,C,j,x,q]),V=t.useCallback(u=>{o(u)},[o]),M=t.useCallback(u=>{o(u.target.files)},[o]),I=a&&a.length>0,P=!l||l>1,m=t.Children.count(D)>0,k=c||null;return e.jsx(i.DragAndDropStyled,{ref:c||T,theme:r,styles:$,"data-testid":b.COMPONENT_NAME,children:e.jsxs(w.DragAndDropFiles,{targetRef:k||T,triggerRef:F,dragOverContent:q?null:e.jsx(i.DragOverContentStyled,{theme:r,children:e.jsxs(f.Column,{justify:"center",align:"center",gutter:16,children:[e.jsx(i.UploadIconStyled,{theme:r}),e.jsx(i.ContentTypographyStyled,{theme:r,variant:s.TypographyVariant.H6,children:p})]})}),onDrop:V,...R,children:[m&&D,!m&&e.jsx(i.DragAndDropAreaStyled,{theme:r,ref:F,$disabled:n,$isError:I,$isLoading:q,children:e.jsxs(f.Column,{justify:"center",align:"center",gutter:16,children:[!q&&e.jsxs(e.Fragment,{children:[e.jsx(i.UploadIconStyled,{theme:r,$disabled:n}),p&&e.jsxs(e.Fragment,{children:[e.jsx(i.ContentTypographyStyled,{theme:r,variant:s.TypographyVariant.H6,$disabled:n,children:p}),e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",variant:s.TypographyVariant.Caption,$disabled:n,children:"or"})]}),e.jsx(_.InputFile,{multiple:P,disabled:n,onChange:M,buttonProps:{variant:n?A.ButtonVariant.Text:A.ButtonVariant.Outlined},children:E}),g&&e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",variant:s.TypographyVariant.Caption,$disabled:n,children:g}),a==null?void 0:a.map((u,d)=>e.jsx(i.ContentTypographyStyled,{theme:r,as:"div",color:z.colors.text.error,variant:s.TypographyVariant.Caption,children:u},`${u}-${d}`))]}),q&&N]})})]})})});S.displayName=b.COMPONENT_NAME;exports.DragAndDrop=S;
+"use client";
+import { jsx as e, jsxs as l, Fragment as O } from "@emotion/react/jsx-runtime";
+import { forwardRef as _, useRef as R, useCallback as g, Children as q } from "react";
+import { COMPONENT_NAME as j } from "./constants.js";
+import { DragAndDropStyled as G, DragAndDropAreaStyled as J, UploadIconStyled as S, ContentTypographyStyled as a, DragOverContentStyled as K } from "./DragAndDropStyled.js";
+import { validateFiles as Q } from "./utils/validators.js";
+import { DragAndDropFiles as W } from "../../domainSpecific/DragAndDropFiles/DragAndDropFiles.js";
+import { InputFile as X } from "../../core/InputFile/InputFile.js";
+import { colors as Y } from "../../../tokens/colors.js";
+import { useTheme as Z } from "../../../hooks/useTheme/useTheme.js";
+import { Column as T } from "../../layout/Column/Column.js";
+import { TypographyVariant as s } from "../../../types/typography.js";
+import { ButtonVariant as E } from "../../../types/button.js";
+const ee = _((N, m) => {
+  const {
+    styles: I = {},
+    files: u,
+    errors: o,
+    title: h,
+    description: f,
+    inputFileButtonLabel: L,
+    acceptedFileTypes: y,
+    maxFileSize: F,
+    maxFiles: d,
+    onError: v,
+    onFilesChanged: C,
+    disabled: n,
+    isLoading: i,
+    loadingOverlay: M,
+    children: D,
+    ...B
+  } = N, {
+    theme: r
+  } = Z(), A = R(null), b = R(null), c = g((t) => {
+    if (!t || i) return;
+    const p = u ?? [], w = Array.from(t), {
+      validFiles: x,
+      errors: z
+    } = Q(w, p, y, d, F);
+    if (v(z), x.length > 0) {
+      const U = [...p, ...x];
+      C(U);
+    }
+  }, [u, y, d, F, C, v, i]), H = g((t) => {
+    c(t);
+  }, [c]), P = g((t) => {
+    c(t.target.files);
+  }, [c]), V = o && o.length > 0, k = !d || d > 1, $ = q.count(D) > 0;
+  return /* @__PURE__ */ e(G, { ref: m || b, theme: r, styles: I, "data-testid": j, children: /* @__PURE__ */ l(W, { targetRef: m || null || b, triggerRef: A, dragOverContent: i ? null : /* @__PURE__ */ e(K, { theme: r, children: /* @__PURE__ */ l(T, { justify: "center", align: "center", gutter: 16, children: [
+    /* @__PURE__ */ e(S, { theme: r }),
+    /* @__PURE__ */ e(a, { theme: r, variant: s.H6, children: h })
+  ] }) }), onDrop: H, ...B, children: [
+    $ && D,
+    !$ && /* @__PURE__ */ e(J, { theme: r, ref: A, $disabled: n, $isError: V, $isLoading: i, children: /* @__PURE__ */ l(T, { justify: "center", align: "center", gutter: 16, children: [
+      !i && /* @__PURE__ */ l(O, { children: [
+        /* @__PURE__ */ e(S, { theme: r, $disabled: n }),
+        h && /* @__PURE__ */ l(O, { children: [
+          /* @__PURE__ */ e(a, { theme: r, variant: s.H6, $disabled: n, children: h }),
+          /* @__PURE__ */ e(a, { theme: r, as: "div", variant: s.Caption, $disabled: n, children: "or" })
+        ] }),
+        /* @__PURE__ */ e(X, { multiple: k, disabled: n, onChange: P, buttonProps: {
+          variant: n ? E.Text : E.Outlined
+        }, children: L }),
+        f && /* @__PURE__ */ e(a, { theme: r, as: "div", variant: s.Caption, $disabled: n, children: f }),
+        o == null ? void 0 : o.map((t, p) => /* @__PURE__ */ e(a, { theme: r, as: "div", color: Y.text.error, variant: s.Caption, children: t }, `${t}-${p}`))
+      ] }),
+      i && M
+    ] }) })
+  ] }) });
+});
+ee.displayName = j;
+export {
+  ee as DragAndDrop
+};

package/components/widget/DragAndDrop/DragAndDropStyled.js

@@ -1 +1,61 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),a=require("react"),t=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");const S=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("../../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("./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");const A=require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");const h=a.forwardRef((o,r)=>{const{theme:e,styles:d={},...i}=o,u=[t.get(e,"draganddrop.default",{}),d];return s.jsx("div",{ref:r,css:u,...i})}),D=a.forwardRef((o,r)=>{const{theme:e,$disabled:d,$isError:i,$isLoading:u,styles:n={},...q}=o,l=t.get(e,"draganddrop.dragAndDropArea.hover",{}),c=t.get(e,"draganddrop.dragAndDropArea.disabled",{}),g=t.get(e,"draganddrop.dragAndDropArea.error",{}),p=t.get(e,"draganddrop.dragAndDropArea.loading",{}),y=[t.get(e,"draganddrop.dragAndDropArea.default",{}),d||u?c:{},d?{}:l,i?g:{},u?p:{},n];return s.jsx("div",{ref:r,css:y,...q})}),f=o=>{const{theme:r,styles:e={},...d}=o,i=[t.get(r,"draganddrop.dragOverContent.default",{}),e];return s.jsx("div",{css:i,...d})},b=o=>{const{theme:r,$disabled:e,...d}=o,i=t.get(r,"draganddrop.uploadIcon.default",{}),u=t.get(r,"draganddrop.uploadIcon.disabled",{}),n={name:"",...i,...e?u:{},...d};return s.jsx(S.Icon,{...n})},m=o=>{const{theme:r,$disabled:e,...d}=o,i=t.get(r,"draganddrop.contentTypography.default",{}),u=t.get(r,"draganddrop.contentTypography.disabled",{}),n={...i,...e?u:{},...d};return s.jsx(A.Typography,{...n})};exports.ContentTypographyStyled=m;exports.DragAndDropAreaStyled=D;exports.DragAndDropStyled=h;exports.DragOverContentStyled=f;exports.UploadIconStyled=b;
+"use client";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { get as d } from "../../../utils/helpers.js";
+import { Icon as f } from "../../core/Icon/Icon.js";
+import { Typography as S } from "../../core/Typography/Typography.js";
+const $ = p((o, t) => {
+  const {
+    theme: r,
+    styles: e = {},
+    ...a
+  } = o, n = [d(r, "draganddrop.default", {}), e];
+  return /* @__PURE__ */ l("div", { ref: t, css: n, ...a });
+}), I = p((o, t) => {
+  const {
+    theme: r,
+    $disabled: e,
+    $isError: a,
+    $isLoading: n,
+    styles: s = {},
+    ...c
+  } = o, g = d(r, "draganddrop.dragAndDropArea.hover", {}), y = d(r, "draganddrop.dragAndDropArea.disabled", {}), i = d(r, "draganddrop.dragAndDropArea.error", {}), u = d(r, "draganddrop.dragAndDropArea.loading", {}), m = [d(r, "draganddrop.dragAndDropArea.default", {}), e || n ? y : {}, e ? {} : g, a ? i : {}, n ? u : {}, s];
+  return /* @__PURE__ */ l("div", { ref: t, css: m, ...c });
+}), T = (o) => {
+  const {
+    theme: t,
+    styles: r = {},
+    ...e
+  } = o, a = [d(t, "draganddrop.dragOverContent.default", {}), r];
+  return /* @__PURE__ */ l("div", { css: a, ...e });
+}, C = (o) => {
+  const {
+    theme: t,
+    $disabled: r,
+    ...e
+  } = o, a = d(t, "draganddrop.uploadIcon.default", {}), n = d(t, "draganddrop.uploadIcon.disabled", {}), s = {
+    name: "",
+    ...a,
+    ...r ? n : {},
+    ...e
+  };
+  return /* @__PURE__ */ l(f, { ...s });
+}, x = (o) => {
+  const {
+    theme: t,
+    $disabled: r,
+    ...e
+  } = o, a = d(t, "draganddrop.contentTypography.default", {}), n = d(t, "draganddrop.contentTypography.disabled", {}), s = {
+    ...a,
+    ...r ? n : {},
+    ...e
+  };
+  return /* @__PURE__ */ l(S, { ...s });
+};
+export {
+  x as ContentTypographyStyled,
+  I as DragAndDropAreaStyled,
+  $ as DragAndDropStyled,
+  T as DragOverContentStyled,
+  C as UploadIconStyled
+};