gd-design-library 0.3.3 → 0.3.5

package/components/domainSpecific/DragAndDropFiles/DragAndDropFiles.js

@@ -1 +1,48 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),i=require("react"),y=require("../../../hooks/useTheme/useTheme.js"),N=require("../../../types/wrapper.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");const h=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");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");const o=require("./constants.js"),M=require("./hooks/useDragAndDrop/useDragAndDrop.js"),T=require("./DragAndDropFilesStyled.js"),a=i.forwardRef((c,l)=>{const{children:d,dragOverContent:u,targetRef:e,triggerRef:D,onDragEnter:g,onDragOver:p,onDragLeave:A,onDrop:f,...m}=c,{theme:v}=y.useTheme(),s=i.useRef(null),{files:q,isOver:r,isGlobalDragging:t}=M.useDragAndDrop({triggerRef:D,targetRef:e,fallbackRef:s,onDragEnter:g,onDragOver:p,onDragLeave:A,onDrop:f}),O=i.useMemo(()=>!!(e!=null&&e.current&&r&&u),[e==null?void 0:e.current,r,u]);return i.useImperativeHandle(l,()=>({files:q?Array.from(q):[],isOver:r,isGlobalDragging:t}),[q,r,t]),n.jsxs("div",{children:[O&&n.jsx(h,{container:e.current,wrapperVariant:N.WrapperVariant.Section,children:u}),n.jsx(T.DragAndDropFilesStyled,{theme:v,ref:s,"data-testid":o.COMPONENT_NAME,...m,children:d})]})});a.displayName=o.COMPONENT_NAME;exports.DragAndDropFiles=a;
+"use client";
+import { jsxs as O, jsx as i } from "@emotion/react/jsx-runtime";
+import { forwardRef as h, useRef as y, useMemo as N, useImperativeHandle as x } from "react";
+import { COMPONENT_NAME as s } from "./constants.js";
+import { DragAndDropFilesStyled as E } from "./DragAndDropFilesStyled.js";
+import { useDragAndDrop as M } from "./hooks/useDragAndDrop/useDragAndDrop.js";
+import { useTheme as T } from "../../../hooks/useTheme/useTheme.js";
+import { Portal as b } from "../../core/Portal/Portal.js";
+import { WrapperVariant as j } from "../../../types/wrapper.js";
+const w = h((m, l) => {
+  const {
+    children: p,
+    dragOverContent: o,
+    targetRef: r,
+    triggerRef: c,
+    onDragEnter: d,
+    onDragOver: f,
+    onDragLeave: D,
+    onDrop: g,
+    ...u
+  } = m, {
+    theme: v
+  } = T(), t = y(null), {
+    files: n,
+    isOver: e,
+    isGlobalDragging: a
+  } = M({
+    triggerRef: c,
+    targetRef: r,
+    fallbackRef: t,
+    onDragEnter: d,
+    onDragOver: f,
+    onDragLeave: D,
+    onDrop: g
+  }), A = N(() => !!(r != null && r.current && e && o), [r == null ? void 0 : r.current, e, o]);
+  return x(l, () => ({
+    files: n ? Array.from(n) : [],
+    isOver: e,
+    isGlobalDragging: a
+  }), [n, e, a]), /* @__PURE__ */ O("div", { children: [
+    A && /* @__PURE__ */ i(b, { container: r.current, wrapperVariant: j.Section, children: o }),
+    /* @__PURE__ */ i(E, { theme: v, ref: t, "data-testid": s, ...u, children: p })
+  ] });
+});
+w.displayName = s;
+export {
+  w as DragAndDropFiles
+};

package/components/domainSpecific/DragAndDropFiles/DragAndDropFilesStyled.js

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

package/components/domainSpecific/DragAndDropFiles/constants.js

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

package/components/domainSpecific/DragAndDropFiles/hooks/useDragAndDrop/useDragAndDrop.js

@@ -1 +1,49 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),G=y=>{const{triggerRef:s,targetRef:o,fallbackRef:i,onDragEnter:c,onDragOver:a,onDragLeave:u,onDrop:g}=y,[h,C]=n.useState(null),[F,l]=n.useState(!1),[Z,f]=n.useState(!1),r=n.useCallback(e=>e?typeof e=="object"&&"current"in e&&e!==null?e.current:e instanceof HTMLElement?e:null:null,[]),D=n.useCallback(e=>{var d;e.preventDefault(),Array.from(((d=e.dataTransfer)==null?void 0:d.items)||[]).some(k=>k.kind==="file")&&(f(!0),c==null||c(e),l(!0),console.log("Global Drag Enter (Trigger):",r(s)||document.body))},[c,s,r]),b=n.useCallback(e=>{e.preventDefault();const t=r(s)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&(f(!1),u==null||u(e),l(!1),console.log("Global Drag Leave (Trigger):",t))},[u,s,r]),p=n.useCallback(e=>{e.preventDefault(),f(!1),l(!1)},[]),v=n.useCallback(e=>{var d;e.preventDefault(),Array.from(((d=e.dataTransfer)==null?void 0:d.items)||[]).some(k=>k.kind==="file")&&(l(!0),console.log("Drop Zone Drag Enter:",r(o)||r(i)||document.body))},[o,i,r]),E=n.useCallback(e=>{e.preventDefault(),a==null||a(e),l(t=>t||(console.log("isOver (inside functional update):",!t),a==null||a(e),!0))},[a]),L=n.useCallback(e=>{e.preventDefault();const t=r(o)||r(i)||document.body;(!e.relatedTarget||!t.contains(e.relatedTarget))&&l(!1)},[o,i,r]),T=n.useCallback(e=>{var m;e.preventDefault();const t=(m=e.dataTransfer)==null?void 0:m.files;t&&t.length>0&&(C(t),g==null||g(t,e)),l(!1),f(!1)},[g]);return n.useEffect(()=>{const e=r(s)||document.body,t=r(o)||r(i)||document.body;if(!(!e||!t))return e.addEventListener("dragenter",D),e.addEventListener("dragleave",b),e.addEventListener("drop",p),t.addEventListener("dragenter",v),t.addEventListener("dragover",E),t.addEventListener("dragleave",L),t.addEventListener("drop",T),()=>{e.removeEventListener("dragenter",D),e.removeEventListener("dragleave",b),e.removeEventListener("drop",p),t.removeEventListener("dragenter",v),t.removeEventListener("dragover",E),t.removeEventListener("dragleave",L),t.removeEventListener("drop",T)}},[s,o,i,D,b,p,v,E,L,T,r]),{files:h,isOver:F,isGlobalDragging:Z}};exports.useDragAndDrop=G;
+import { useState as h, useCallback as n, useEffect as A } from "react";
+const j = (F) => {
+  const {
+    triggerRef: s,
+    targetRef: l,
+    fallbackRef: i,
+    onDragEnter: g,
+    onDragOver: a,
+    onDragLeave: c,
+    onDrop: f
+  } = F, [Z, G] = h(null), [k, o] = h(!1), [R, u] = h(!1), r = n((e) => e ? typeof e == "object" && "current" in e && e !== null ? e.current : e instanceof HTMLElement ? e : null : null, []), p = n((e) => {
+    var d;
+    e.preventDefault(), Array.from(((d = e.dataTransfer) == null ? void 0 : d.items) || []).some((y) => y.kind === "file") && (u(!0), g == null || g(e), o(!0), console.log("Global Drag Enter (Trigger):", r(s) || document.body));
+  }, [g, s, r]), D = n((e) => {
+    e.preventDefault();
+    const t = r(s) || document.body;
+    (!e.relatedTarget || !t.contains(e.relatedTarget)) && (u(!1), c == null || c(e), o(!1), console.log("Global Drag Leave (Trigger):", t));
+  }, [c, s, r]), E = n((e) => {
+    e.preventDefault(), u(!1), o(!1);
+  }, []), v = n((e) => {
+    var d;
+    e.preventDefault(), Array.from(((d = e.dataTransfer) == null ? void 0 : d.items) || []).some((y) => y.kind === "file") && (o(!0), console.log("Drop Zone Drag Enter:", r(l) || r(i) || document.body));
+  }, [l, i, r]), L = n((e) => {
+    e.preventDefault(), a == null || a(e), o((t) => t || (console.log("isOver (inside functional update):", !t), a == null || a(e), !0));
+  }, [a]), b = n((e) => {
+    e.preventDefault();
+    const t = r(l) || r(i) || document.body;
+    (!e.relatedTarget || !t.contains(e.relatedTarget)) && o(!1);
+  }, [l, i, r]), T = n((e) => {
+    var m;
+    e.preventDefault();
+    const t = (m = e.dataTransfer) == null ? void 0 : m.files;
+    t && t.length > 0 && (G(t), f == null || f(t, e)), o(!1), u(!1);
+  }, [f]);
+  return A(() => {
+    const e = r(s) || document.body, t = r(l) || r(i) || document.body;
+    if (!(!e || !t))
+      return e.addEventListener("dragenter", p), e.addEventListener("dragleave", D), e.addEventListener("drop", E), t.addEventListener("dragenter", v), t.addEventListener("dragover", L), t.addEventListener("dragleave", b), t.addEventListener("drop", T), () => {
+        e.removeEventListener("dragenter", p), e.removeEventListener("dragleave", D), e.removeEventListener("drop", E), t.removeEventListener("dragenter", v), t.removeEventListener("dragover", L), t.removeEventListener("dragleave", b), t.removeEventListener("drop", T);
+      };
+  }, [s, l, i, p, D, E, v, L, b, T, r]), {
+    files: Z,
+    isOver: k,
+    isGlobalDragging: R
+  };
+};
+export {
+  j as useDragAndDrop
+};

package/components/domainSpecific/Header/Header.js

@@ -1 +1,88 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),M=require("react"),t=require("../../../utils/helpers.js"),B=require("../../../hooks/useMediaQuery/useMediaQuery.js"),E=require("../../../hooks/useTheme/useTheme.js"),x=require("../../core/Icon/Icon.js");require("../../layout/FlexContainer/FlexContainer.js");const i=require("../../layout/Column/Column.js"),l=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const C=require("../Search/Search.js"),H=require("../../core/Typography/Typography.js"),A=require("../../../types/typography.js"),f=require("./constants.js"),n=require("./HeaderStyled.js"),q=M.forwardRef((b,R)=>{var g;const{theme:r}=E.useTheme(),c=t.get(r,"header.icons",{}),{bgColor:T=t.get(r,"header.container.backgroundColor"),onMobileMenuItemClick:d,menuItemMapper:p,showTopBanner:O=!1,showSearch:a,children:y,advBlock:N,mobileMenuList:h,bannerContent:m,logo:o,menu:u,actions:s,...I}=b,w=B.useMediaQuery(`(max-width: ${(g=r==null?void 0:r.values)==null?void 0:g.screenMedium})`),[v,S]=M.useState(!1);return e.jsxs(n.HeaderStyled,{ref:R,theme:r,$backgroundColor:T,"data-testid":f.COMPONENT_NAME,...I,children:[O&&m&&e.jsx(n.TopBannerRowStyled,{theme:r,justify:"center",children:m}),e.jsx(n.NavigationRowStyled,{theme:r,children:w?v?e.jsxs(n.MobileMenuOpenedDropdownWrapperStyled,{theme:r,children:[e.jsxs(l.Row,{justify:"between",children:[e.jsx(i.Column,{justify:"center",children:e.jsx(n.CloseMenuIconWrapperStyled,{theme:r,onClick:()=>S(!1),children:e.jsx(x.Icon,{...t.get(c,"close",{name:"cross",width:24,height:24})})})}),e.jsx(l.Row,{children:s})]}),a&&e.jsx(C.Search,{width:"100%",styles:{margin:"24px 0"},placeholder:"Search"}),e.jsx(n.MobileMenuWrapperStyled,{theme:r,children:h==null?void 0:h.map((j,k)=>e.jsx("div",{onClick:W=>d==null?void 0:d(W,j),children:e.jsxs(n.MobileMenuItemWrapperStyled,{theme:r,justify:"between",align:"center",children:[e.jsx(H.Typography,{variant:A.TypographyVariant.Body1,children:p?p(j):j.title}),e.jsx(x.Icon,{...t.get(c,"right",{name:"arrowRight",width:16,height:16})})]})},k))}),N]}):e.jsxs(l.Row,{justify:"between",styles:{width:"100%"},children:[e.jsx(i.Column,{justify:"center",children:e.jsx(n.OpenMenuIconWrapperStyled,{theme:r,onClick:()=>S(!0),children:e.jsx(x.Icon,{...t.get(c,"menu",{name:"mobileMenu",width:40,height:40})})})}),o&&e.jsx(i.Column,{children:o}),s&&e.jsx(i.Column,{children:e.jsx(l.Row,{children:s})})]}):e.jsxs(e.Fragment,{children:[o&&e.jsx(i.Column,{flex:"2",children:o}),e.jsx(n.SearchColumnStyled,{theme:r,flex:"5",children:a?e.jsx(C.Search,{width:"484px",placeholder:"Search"}):u}),s&&e.jsx(n.ActionsColumnStyled,{theme:r,flex:"2",children:s})]})}),!w&&a&&u&&e.jsx(n.MenuRowStyled,{theme:r,children:e.jsx(n.MenuColumnStyled,{theme:r,children:u})}),y&&e.jsx(n.ChildrenRowStyled,{theme:r,children:y})]})});q.displayName=f.COMPONENT_NAME;exports.Header=q;
+"use client";
+import { jsxs as n, jsx as e, Fragment as B } from "@emotion/react/jsx-runtime";
+import { forwardRef as I, useState as A } from "react";
+import { COMPONENT_NAME as b } from "./constants.js";
+import { HeaderStyled as E, TopBannerRowStyled as H, NavigationRowStyled as $, MobileMenuOpenedDropdownWrapperStyled as D, CloseMenuIconWrapperStyled as F, MobileMenuWrapperStyled as P, MobileMenuItemWrapperStyled as Q, OpenMenuIconWrapperStyled as V, SearchColumnStyled as _, ActionsColumnStyled as q, MenuRowStyled as z, MenuColumnStyled as G, ChildrenRowStyled as J } from "./HeaderStyled.js";
+import { useMediaQuery as K } from "../../../hooks/useMediaQuery/useMediaQuery.js";
+import { Search as C } from "../Search/Search.js";
+import { useTheme as U } from "../../../hooks/useTheme/useTheme.js";
+import { get as i } from "../../../utils/helpers.js";
+import { Row as d } from "../../layout/Row/Row.js";
+import { Column as t } from "../../layout/Column/Column.js";
+import { Icon as u } from "../../core/Icon/Icon.js";
+import { Typography as X } from "../../core/Typography/Typography.js";
+import { TypographyVariant as Y } from "../../../types/typography.js";
+const Z = I((x, j) => {
+  var g;
+  const {
+    theme: r
+  } = U(), c = i(r, "header.icons", {}), {
+    bgColor: R = i(r, "header.container.backgroundColor"),
+    onMobileMenuItemClick: h,
+    menuItemMapper: f,
+    showTopBanner: O = !1,
+    showSearch: a,
+    children: y,
+    advBlock: T,
+    mobileMenuList: m,
+    bannerContent: w,
+    logo: l,
+    menu: p,
+    actions: o,
+    ...k
+  } = x, S = K(`(max-width: ${(g = r == null ? void 0 : r.values) == null ? void 0 : g.screenMedium})`), [v, M] = A(!1);
+  return /* @__PURE__ */ n(E, { ref: j, theme: r, $backgroundColor: R, "data-testid": b, ...k, children: [
+    O && w && /* @__PURE__ */ e(H, { theme: r, justify: "center", children: w }),
+    /* @__PURE__ */ e($, { theme: r, children: S ? v ? (
+      // Mobile Menu Dropdown
+      /* @__PURE__ */ n(D, { theme: r, children: [
+        /* @__PURE__ */ n(d, { justify: "between", children: [
+          /* @__PURE__ */ e(t, { justify: "center", children: /* @__PURE__ */ e(F, { theme: r, onClick: () => M(!1), children: /* @__PURE__ */ e(u, { ...i(c, "close", {
+            name: "cross",
+            width: 24,
+            height: 24
+          }) }) }) }),
+          /* @__PURE__ */ e(d, { children: o })
+        ] }),
+        a && /* @__PURE__ */ e(C, { width: "100%", styles: {
+          margin: "24px 0"
+        }, placeholder: "Search" }),
+        /* @__PURE__ */ e(P, { theme: r, children: m == null ? void 0 : m.map((s, N) => /* @__PURE__ */ e("div", { onClick: (W) => h == null ? void 0 : h(W, s), children: /* @__PURE__ */ n(Q, { theme: r, justify: "between", align: "center", children: [
+          /* @__PURE__ */ e(X, { variant: Y.Body1, children: f ? f(s) : s.title }),
+          /* @__PURE__ */ e(u, { ...i(c, "right", {
+            name: "arrowRight",
+            width: 16,
+            height: 16
+          }) })
+        ] }) }, N)) }),
+        T
+      ] })
+    ) : (
+      // Mobile top nav bar
+      /* @__PURE__ */ n(d, { justify: "between", styles: {
+        width: "100%"
+      }, children: [
+        /* @__PURE__ */ e(t, { justify: "center", children: /* @__PURE__ */ e(V, { theme: r, onClick: () => M(!0), children: /* @__PURE__ */ e(u, { ...i(c, "menu", {
+          name: "mobileMenu",
+          width: 40,
+          height: 40
+        }) }) }) }),
+        l && /* @__PURE__ */ e(t, { children: l }),
+        o && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(d, { children: o }) })
+      ] })
+    ) : (
+      // --- Desktop View ---
+      /* @__PURE__ */ n(B, { children: [
+        l && /* @__PURE__ */ e(t, { flex: "2", children: l }),
+        /* @__PURE__ */ e(_, { theme: r, flex: "5", children: a ? /* @__PURE__ */ e(C, { width: "484px", placeholder: "Search" }) : p }),
+        o && /* @__PURE__ */ e(q, { theme: r, flex: "2", children: o })
+      ] })
+    ) }),
+    !S && a && p && /* @__PURE__ */ e(z, { theme: r, children: /* @__PURE__ */ e(G, { theme: r, children: p }) }),
+    y && /* @__PURE__ */ e(J, { theme: r, children: y })
+  ] });
+});
+Z.displayName = b;
+export {
+  Z as Header
+};

package/components/domainSpecific/Header/HeaderStyled.js

@@ -1 +1,136 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),S=require("react"),o=require("../../../utils/helpers.js"),y=require("../../../tokens/utils.js");require("../../layout/FlexContainer/FlexContainer.js");const u=require("../../layout/Column/Column.js"),s=require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");const h=S.forwardRef((e,t)=>{const{theme:{flexContainer:r,header:l}={},styles:c,$backgroundColor:d,...p}=e,{boxStyles:a,restProps:i}=y.getBoxStyles(p),m=[o.get(r,"default",{}),o.get(l,"container",{}),a,d?{backgroundColor:d}:{},c];return n.jsx("div",{css:m,...i,ref:t})}),g=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"topBannerRow",{}),...r})},w=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"navigationRow.default",{}),...r})},M=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(u.Column,{css:o.get(t,"searchColumn.default",{}),...r})},R=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(u.Column,{css:o.get(t,"actionsColumn.default",{}),...r})},C=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"menuRow.default",{}),...r})},x=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"menuRow.column",{}),...r})},b=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"children.default",{}),...r})},P=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.openedDropdownWrapper",{}),...r})},j=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.closeMenuIconWrapper",{}),...r})},W=e=>{const{theme:{flexContainer:t,header:r}={},...l}=e,c=[o.get(t,"default",{}),o.get(r,"mobile.menuWrapper",{})];return n.jsx("div",{css:c,...l})},f=e=>{const{theme:{header:t}={},...r}=e;return n.jsx(s.Row,{css:o.get(t,"mobile.menuItemWrapper",{}),...r})},v=e=>{const{theme:{header:t}={},...r}=e;return n.jsx("div",{css:o.get(t,"mobile.openMenuIconWrapper",{}),...r})};exports.ActionsColumnStyled=R;exports.ChildrenRowStyled=b;exports.CloseMenuIconWrapperStyled=j;exports.HeaderStyled=h;exports.MenuColumnStyled=x;exports.MenuRowStyled=C;exports.MobileMenuItemWrapperStyled=f;exports.MobileMenuOpenedDropdownWrapperStyled=P;exports.MobileMenuWrapperStyled=W;exports.NavigationRowStyled=w;exports.OpenMenuIconWrapperStyled=v;exports.SearchColumnStyled=M;exports.TopBannerRowStyled=g;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { getBoxStyles as y } from "../../../tokens/utils.js";
+import { get as o } from "../../../utils/helpers.js";
+import { Row as n } from "../../layout/Row/Row.js";
+import { Column as l } from "../../layout/Column/Column.js";
+const b = h((e, r) => {
+  const {
+    theme: {
+      flexContainer: t,
+      header: c
+    } = {},
+    styles: p,
+    $backgroundColor: d,
+    ...a
+  } = e, {
+    boxStyles: m,
+    restProps: u
+  } = y(a), i = [o(t, "default", {}), o(c, "container", {}), m, d ? {
+    backgroundColor: d
+  } : {}, p];
+  return /* @__PURE__ */ s("div", { css: i, ...u, ref: r });
+}), R = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "topBannerRow", {}), ...t });
+}, W = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "navigationRow.default", {}), ...t });
+}, v = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(l, { css: o(r, "searchColumn.default", {}), ...t });
+}, g = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(l, { css: o(r, "actionsColumn.default", {}), ...t });
+}, x = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "menuRow.default", {}), ...t });
+}, I = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "menuRow.column", {}), ...t });
+}, B = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "children.default", {}), ...t });
+}, k = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s("div", { css: o(r, "mobile.openedDropdownWrapper", {}), ...t });
+}, D = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s("div", { css: o(r, "mobile.closeMenuIconWrapper", {}), ...t });
+}, N = (e) => {
+  const {
+    theme: {
+      flexContainer: r,
+      header: t
+    } = {},
+    ...c
+  } = e, p = [o(r, "default", {}), o(t, "mobile.menuWrapper", {})];
+  return /* @__PURE__ */ s("div", { css: p, ...c });
+}, O = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s(n, { css: o(r, "mobile.menuItemWrapper", {}), ...t });
+}, j = (e) => {
+  const {
+    theme: {
+      header: r
+    } = {},
+    ...t
+  } = e;
+  return /* @__PURE__ */ s("div", { css: o(r, "mobile.openMenuIconWrapper", {}), ...t });
+};
+export {
+  g as ActionsColumnStyled,
+  B as ChildrenRowStyled,
+  D as CloseMenuIconWrapperStyled,
+  b as HeaderStyled,
+  I as MenuColumnStyled,
+  x as MenuRowStyled,
+  O as MobileMenuItemWrapperStyled,
+  k as MobileMenuOpenedDropdownWrapperStyled,
+  N as MobileMenuWrapperStyled,
+  W as NavigationRowStyled,
+  j as OpenMenuIconWrapperStyled,
+  v as SearchColumnStyled,
+  R as TopBannerRowStyled
+};

package/components/domainSpecific/Header/constants.js

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

package/components/domainSpecific/Price/Price.js

@@ -1 +1,23 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),o=require("react"),a=require("../../../hooks/useTheme/useTheme.js"),r=require("./constants.js"),s=require("./PriceStyled.js"),N=o.forwardRef((i,n)=>{const{className:d="",oldValue:c,currentValue:l,...u}=i,{theme:e}=a.useTheme();return t.jsxs(s.PriceStyled,{ref:n,className:d,theme:e,"data-testid":r.COMPONENT_NAME,...u,children:[t.jsx(s.CurrentPriceStyled,{"data-testid":`${r.COMPONENT_NAME}-current`,theme:e,children:l}),c?t.jsx(s.OldPriceStyled,{"data-testid":`${r.COMPONENT_NAME}-old`,theme:e,children:c}):null]})});exports.Price=N;
+"use client";
+import { jsxs as m, jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { COMPONENT_NAME as r } from "./constants.js";
+import { PriceStyled as a, CurrentPriceStyled as u, OldPriceStyled as f } from "./PriceStyled.js";
+import { useTheme as p } from "../../../hooks/useTheme/useTheme.js";
+const O = n((d, i) => {
+  const {
+    className: l = "",
+    oldValue: t,
+    currentValue: c,
+    ...s
+  } = d, {
+    theme: e
+  } = p();
+  return /* @__PURE__ */ m(a, { ref: i, className: l, theme: e, "data-testid": r, ...s, children: [
+    /* @__PURE__ */ o(u, { "data-testid": `${r}-current`, theme: e, children: c }),
+    t ? /* @__PURE__ */ o(f, { "data-testid": `${r}-old`, theme: e, children: t }) : null
+  ] });
+});
+export {
+  O as Price
+};

package/components/domainSpecific/Price/PriceStyled.js

@@ -1 +1,42 @@
-"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"),i=d.forwardRef((e,t)=>{const{styles:r={},theme:{price:s}={},...l}=e,o={...n.get(s,"default",{}),...r};return c.jsx("div",{ref:t,css:o,...l})}),u=e=>{const{theme:{price:t}={},...r}=e,s={...n.get(t,"currentPrice.default",{})};return c.jsx("span",{css:s,...r})},y=e=>{const{theme:{price:t}={},...r}=e,s={...n.get(t,"oldPrice.default",{})};return c.jsx("del",{css:s,...r})};exports.CurrentPriceStyled=u;exports.OldPriceStyled=y;exports.PriceStyled=i;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { get as o } from "../../../utils/helpers.js";
+const p = l((e, t) => {
+  const {
+    styles: r = {},
+    theme: {
+      price: s
+    } = {},
+    ...n
+  } = e, d = {
+    ...o(s, "default", {}),
+    ...r
+  };
+  return /* @__PURE__ */ c("div", { ref: t, css: d, ...n });
+}), f = (e) => {
+  const {
+    theme: {
+      price: t
+    } = {},
+    ...r
+  } = e, s = {
+    ...o(t, "currentPrice.default", {})
+  };
+  return /* @__PURE__ */ c("span", { css: s, ...r });
+}, y = (e) => {
+  const {
+    theme: {
+      price: t
+    } = {},
+    ...r
+  } = e, s = {
+    ...o(t, "oldPrice.default", {})
+  };
+  return /* @__PURE__ */ c("del", { css: s, ...r });
+};
+export {
+  f as CurrentPriceStyled,
+  y as OldPriceStyled,
+  p as PriceStyled
+};

package/components/domainSpecific/Price/constants.js

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

package/components/domainSpecific/ProgressBar/ProgressBar.js

@@ -1 +1,29 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),M=require("react"),O=require("../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),t=require("./ProgressBarStyled.js"),n=M.forwardRef((o,E)=>{const{value:d=e.PROGRESS_MIN_VALUE_DEFAULT,indeterminate:i=!1,showPercentage:c=!1,fillColor:s,role:_=e.COMPONENT_ROLE_DEFAULT,backgroundColor:N,children:S,"aria-label":u,...A}=o,{theme:r}=O.useTheme(),l=Math.min(e.PROGRESS_MAX_VALUE_DEFAULT,Math.max(e.PROGRESS_MIN_VALUE_DEFAULT,d));return a.jsx(t.ProgressBarStyled,{ref:E,theme:r,role:_,"aria-label":u,"aria-valuemin":e.PROGRESS_MIN_VALUE_DEFAULT,"aria-valuemax":e.PROGRESS_MAX_VALUE_DEFAULT,"aria-valuenow":i?void 0:l,...A,"data-testid":e.COMPONENT_NAME,children:a.jsx(t.TrackStyled,{theme:r,$backgroundColor:N,"data-testid":`${e.COMPONENT_NAME}-track`,children:i?a.jsx(t.IndeterminateFillStyled,{theme:r,fill:s,"data-testid":`${e.COMPONENT_NAME}-fill`}):a.jsx(t.DeterminateFillStyled,{theme:r,fill:s,$width:l,"data-testid":`${e.COMPONENT_NAME}-fill`,children:c&&l>e.PROGRESS_MIN_VALUE_DEFAULT&&a.jsxs(t.PercentLabelStyled,{theme:r,children:[l,"%"]})})})})});n.displayName=e.COMPONENT_NAME;exports.ProgressBar=n;
+"use client";
+import { jsx as l, jsxs as S } from "@emotion/react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { PROGRESS_MIN_VALUE_DEFAULT as t, COMPONENT_ROLE_DEFAULT as L, COMPONENT_NAME as a, PROGRESS_MAX_VALUE_DEFAULT as d } from "./constants.js";
+import { ProgressBarStyled as P, TrackStyled as p, IndeterminateFillStyled as A, DeterminateFillStyled as M, PercentLabelStyled as N } from "./ProgressBarStyled.js";
+import { useTheme as O } from "../../../hooks/useTheme/useTheme.js";
+const T = _((n, s) => {
+  const {
+    value: m = t,
+    indeterminate: i = !1,
+    showPercentage: c = !1,
+    fillColor: o,
+    role: f = L,
+    backgroundColor: h,
+    children: b,
+    "aria-label": E,
+    ...u
+  } = n, {
+    theme: e
+  } = O(), r = Math.min(d, Math.max(t, m));
+  return /* @__PURE__ */ l(P, { ref: s, theme: e, role: f, "aria-label": E, "aria-valuemin": t, "aria-valuemax": d, "aria-valuenow": i ? void 0 : r, ...u, "data-testid": a, children: /* @__PURE__ */ l(p, { theme: e, $backgroundColor: h, "data-testid": `${a}-track`, children: i ? /* @__PURE__ */ l(A, { theme: e, fill: o, "data-testid": `${a}-fill` }) : /* @__PURE__ */ l(M, { theme: e, fill: o, $width: r, "data-testid": `${a}-fill`, children: c && r > t && /* @__PURE__ */ S(N, { theme: e, children: [
+    r,
+    "%"
+  ] }) }) }) });
+});
+T.displayName = a;
+export {
+  T as ProgressBar
+};

package/components/domainSpecific/ProgressBar/ProgressBarStyled.js

@@ -1 +1,70 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),y=require("react"),n=require("../../../utils/helpers.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 g=require("../../../tokens/utils.js"),p=y.forwardRef((i,e)=>{const{theme:{progressbar:r}={},styles:t={},...s}=i,u=[n.get(r,"styledProgressBar.default",{}),t];return o.jsx("div",{css:u,ref:e,...s})}),S=i=>{const{theme:{progressbar:e}={},$backgroundColor:r,...t}=i,s=[n.get(e,"styledTrack.default",{}),r&&{backgroundColor:r}];return o.jsx("div",{css:s,...t})},b=i=>{const{theme:{progressbar:e}={},fill:r,$width:t=0,...s}=i,u=[n.get(e,"styledDeterminateFill.default",{}),r&&{backgroundColor:r},t&&{width:`${t}%`}];return o.jsx("div",{css:u,...s})},f=i=>{const{theme:{progressbar:e,animations:r}={},fill:t,$animationName:s=n.get(e,"styledIndeterminateFillAnimations.animationName","progressIndeterminate"),$animationProps:u,...q}=i,a=s?n.get(r,s,null):null,l=a?g.convertJsonToCssKeyframeCss(a):s,c=u||n.get(e,"styledIndeterminateFillAnimations.animationProps",""),d={animation:`${l} ${c}`},m=[n.get(e,"styledIndeterminateFill.default",{}),t?{backgroundColor:t}:{},l?d:{}];return o.jsx("div",{css:m,...q})},P=i=>{const{theme:{progressbar:e}={},...r}=i,t=[n.get(e,"styledPercentLabel.default",{})];return o.jsx("span",{css:t,...r})};exports.DeterminateFillStyled=b;exports.IndeterminateFillStyled=f;exports.PercentLabelStyled=P;exports.ProgressBarStyled=p;exports.TrackStyled=S;
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { convertJsonToCssKeyframeCss as f } from "../../../tokens/utils.js";
+import { get as o } from "../../../utils/helpers.js";
+const P = y((r, t) => {
+  const {
+    theme: {
+      progressbar: e
+    } = {},
+    styles: s = {},
+    ...n
+  } = r, a = [o(e, "styledProgressBar.default", {}), s];
+  return /* @__PURE__ */ i("div", { css: a, ref: t, ...n });
+}), $ = (r) => {
+  const {
+    theme: {
+      progressbar: t
+    } = {},
+    $backgroundColor: e,
+    ...s
+  } = r, n = [o(t, "styledTrack.default", {}), e && {
+    backgroundColor: e
+  }];
+  return /* @__PURE__ */ i("div", { css: n, ...s });
+}, k = (r) => {
+  const {
+    theme: {
+      progressbar: t
+    } = {},
+    fill: e,
+    $width: s = 0,
+    ...n
+  } = r, a = [o(t, "styledDeterminateFill.default", {}), e && {
+    backgroundColor: e
+  }, s && {
+    width: `${s}%`
+  }];
+  return /* @__PURE__ */ i("div", { css: a, ...n });
+}, C = (r) => {
+  const {
+    theme: {
+      progressbar: t,
+      animations: e
+    } = {},
+    fill: s,
+    $animationName: n = o(t, "styledIndeterminateFillAnimations.animationName", "progressIndeterminate"),
+    $animationProps: a,
+    ...c
+  } = r, l = n ? o(e, n, null) : null, m = l ? f(l) : n, d = a || o(t, "styledIndeterminateFillAnimations.animationProps", ""), p = {
+    animation: `${m} ${d}`
+  }, u = [o(t, "styledIndeterminateFill.default", {}), s ? {
+    backgroundColor: s
+  } : {}, m ? p : {}];
+  return /* @__PURE__ */ i("div", { css: u, ...c });
+}, F = (r) => {
+  const {
+    theme: {
+      progressbar: t
+    } = {},
+    ...e
+  } = r, s = [o(t, "styledPercentLabel.default", {})];
+  return /* @__PURE__ */ i("span", { css: s, ...e });
+};
+export {
+  k as DeterminateFillStyled,
+  C as IndeterminateFillStyled,
+  F as PercentLabelStyled,
+  P as ProgressBarStyled,
+  $ as TrackStyled
+};

package/components/domainSpecific/ProgressBar/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="ProgressBar",_="progressbar",O=0,A=100;exports.COMPONENT_NAME=E;exports.COMPONENT_ROLE_DEFAULT=_;exports.PROGRESS_MAX_VALUE_DEFAULT=A;exports.PROGRESS_MIN_VALUE_DEFAULT=O;
+const E = "ProgressBar", _ = "progressbar", s = 0, o = 100;
+export {
+  E as COMPONENT_NAME,
+  _ as COMPONENT_ROLE_DEFAULT,
+  o as PROGRESS_MAX_VALUE_DEFAULT,
+  s as PROGRESS_MIN_VALUE_DEFAULT
+};

package/components/domainSpecific/RadioGroup/RadioGroup.js

@@ -1 +1,54 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),t=require("react"),W=require("../../../hooks/useTheme/useTheme.js"),D=require("../../../types/input.js");require("../../layout/FlexContainer/FlexContainer.js");const H=require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.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 R=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 C=require("./constants.js"),L=require("./RadioGroup.types.js"),h=require("./RadioGroupItem/RadioGroupItem.js"),p=require("./RadioGroupStyled.js"),$=t.forwardRef((G,y)=>{const{styles:f,options:j,variant:v=L.RadioGroupVariant.Row,value:n,defaultValue:w,onChange:q,name:I,itemHeight:o,itemWidth:d,gutter:b=R.spacing.sm,gridColumns:N,gridRows:S,gridColumnGutter:x,gridRowGutter:O,renderOption:l,className:M,align:T,justify:k,wrapItems:E}=G,{theme:c}=W.useTheme(),P=t.useId(),u=I??`radio-group-${P}`,[V,_]=t.useState(w),s=n!==void 0,m=s?n:V,A=t.useCallback(e=>{const r=s?q:_;r==null||r(e)},[s,q]),g=e=>{e.disabled||A(e.value)};return i.jsx(p.RadioGroupStyled,{ref:y,role:D.InputRole.Radiogroup,theme:c,styles:f,"data-testid":C.COMPONENT_NAME,className:M,children:i.jsx(H.Column,{gutter:R.spacing.sm,children:i.jsx(p.RadioLayoutStyled,{theme:c,$variant:v,$isWrap:E,$align:T,$justify:k,$gutter:b,$gridColumns:N,$gridRows:S,$gridColumnGutter:x,$gridRowGutter:O,children:j.map(e=>{const r=m===e.value,a=e.disabled;return l?i.jsx(h.RadioGroupItem,{name:u,selected:r,disabled:a,item:e,width:d,height:o,onClick:()=>g(e),children:l({option:e,isSelected:r,isDisabled:a,selectedValue:m})},`${u}-${e.value}`):i.jsx(h.RadioGroupItem,{name:u,selected:r,disabled:a,item:e,width:d,height:o,onClick:()=>g(e)},`${u}-${e.value}`)})})})})});$.displayName=C.COMPONENT_NAME;exports.RadioGroup=$;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as W, useId as A, useState as D, useCallback as H } from "react";
+import { COMPONENT_NAME as h } from "./constants.js";
+import { RadioGroupVariant as L } from "./RadioGroup.types.js";
+import { RadioGroupStyled as _, RadioLayoutStyled as q } from "./RadioGroupStyled.js";
+import { spacing as f } from "../../../tokens/spacing.js";
+import { RadioGroupItem as p } from "./RadioGroupItem/RadioGroupItem.js";
+import { useTheme as z } from "../../../hooks/useTheme/useTheme.js";
+import { InputRole as B } from "../../../types/input.js";
+import { Column as F } from "../../layout/Column/Column.js";
+const J = W(($, R) => {
+  const {
+    styles: C,
+    options: w,
+    variant: v = L.Row,
+    value: d,
+    defaultValue: G,
+    onChange: s,
+    name: y,
+    itemHeight: l,
+    itemWidth: m,
+    gutter: I = f.sm,
+    gridColumns: b,
+    gridRows: N,
+    gridColumnGutter: k,
+    gridRowGutter: S,
+    renderOption: n,
+    className: V,
+    align: j,
+    justify: O,
+    wrapItems: x
+  } = $, {
+    theme: u
+  } = z(), E = A(), i = y ?? `radio-group-${E}`, [M, P] = D(G), o = d !== void 0, c = o ? d : M, T = H((e) => {
+    const t = o ? s : P;
+    t == null || t(e);
+  }, [o, s]), g = (e) => {
+    e.disabled || T(e.value);
+  };
+  return /* @__PURE__ */ r(_, { ref: R, role: B.Radiogroup, theme: u, styles: C, "data-testid": h, className: V, children: /* @__PURE__ */ r(F, { gutter: f.sm, children: /* @__PURE__ */ r(q, { theme: u, $variant: v, $isWrap: x, $align: j, $justify: O, $gutter: I, $gridColumns: b, $gridRows: N, $gridColumnGutter: k, $gridRowGutter: S, children: w.map((e) => {
+    const t = c === e.value, a = e.disabled;
+    return n ? /* @__PURE__ */ r(p, { name: i, selected: t, disabled: a, item: e, width: m, height: l, onClick: () => g(e), children: n({
+      option: e,
+      isSelected: t,
+      isDisabled: a,
+      selectedValue: c
+    }) }, `${i}-${e.value}`) : /* @__PURE__ */ r(p, { name: i, selected: t, disabled: a, item: e, width: m, height: l, onClick: () => g(e) }, `${i}-${e.value}`);
+  }) }) }) });
+});
+J.displayName = h;
+export {
+  J as RadioGroup
+};