gd-design-library 0.3.4 → 0.3.5

package/components/domainSpecific/RadioGroup/RadioGroup.types.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Row="row",e.Column="column",e.Grid="grid",e))(r||{});exports.RadioGroupVariant=r;
+var e = /* @__PURE__ */ ((r) => (r.Row = "row", r.Column = "column", r.Grid = "grid", r))(e || {});
+export {
+  e as RadioGroupVariant
+};

package/components/domainSpecific/RadioGroup/RadioGroupItem/RadioGroupItem.js

@@ -1 +1,37 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");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("react");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("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../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");const M=require("../../../core/Tooltip/Tooltip.js"),N=require("../../../core/Tooltip/Tooltip.types.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");const t=require("../constants.js"),a=require("../RadioGroupStyled.js"),p=({item:e,selected:u,disabled:r,width:l,height:s,name:h,onClick:T,children:q,styles:c})=>{const{theme:o}=d.useTheme(),n=()=>{r||T(e.value)};return e.tooltip?i.jsx(M,{content:e.tooltip,position:N.TooltipPosition.Top,styles:{},children:i.jsxs(a.RadioItemStyled,{selected:u,disabled:r,theme:o,$hex:e.hex,$image:e.image,$height:l,$width:s,"data-testid":`${t.ITEM_COMPONENT_NAME}-${e.value}`,onClick:n,styles:c,children:[i.jsx(a.HiddenInputStyled,{name:h,theme:o,"data-testid":`${t.ITEM_COMPONENT_NAME}-input-${e.value}`,"aria-checked":u,"aria-disabled":r,value:e.value,checked:u,disabled:r,onChange:n}),q&&q,!q&&i.jsx(a.RadioLabelStyled,{theme:o,selected:u,disabled:r,children:e.label})]})}):i.jsxs(a.RadioItemStyled,{selected:u,disabled:r,theme:o,$hex:e.hex,$image:e.image,$height:l,$width:s,"data-testid":`${t.ITEM_COMPONENT_NAME}-${e.value}`,onClick:n,styles:c,children:[i.jsx(a.HiddenInputStyled,{name:h,theme:o,value:e.value,checked:u,disabled:r,"data-testid":`${t.ITEM_COMPONENT_NAME}-input-${e.value}`,onChange:n,"aria-checked":u,"aria-disabled":r}),q&&q,!q&&i.jsx(a.RadioLabelStyled,{theme:o,selected:u,disabled:r,children:e.label})]})};p.displayName=t.ITEM_COMPONENT_NAME;exports.RadioGroupItem=p;
+"use client";
+import { jsx as i, jsxs as v } from "@emotion/react/jsx-runtime";
+import { TooltipPosition as k } from "../../../core/Tooltip/Tooltip.types.js";
+import { ITEM_COMPONENT_NAME as p } from "../constants.js";
+import { RadioItemStyled as c, HiddenInputStyled as f, RadioLabelStyled as g } from "../RadioGroupStyled.js";
+import m from "../../../core/Tooltip/Tooltip.js";
+import { useTheme as C } from "../../../../hooks/useTheme/useTheme.js";
+const T = ({
+  item: o,
+  selected: t,
+  disabled: a,
+  width: u,
+  height: $,
+  name: e,
+  onClick: x,
+  children: n,
+  styles: l
+}) => {
+  const {
+    theme: r
+  } = C(), h = () => {
+    a || x(o.value);
+  };
+  return o.tooltip ? /* @__PURE__ */ i(m, { content: o.tooltip, position: k.Top, styles: {}, children: /* @__PURE__ */ v(c, { selected: t, disabled: a, theme: r, $hex: o.hex, $image: o.image, $height: u, $width: $, "data-testid": `${p}-${o.value}`, onClick: h, styles: l, children: [
+    /* @__PURE__ */ i(f, { name: e, theme: r, "data-testid": `${p}-input-${o.value}`, "aria-checked": t, "aria-disabled": a, value: o.value, checked: t, disabled: a, onChange: h }),
+    n && n,
+    !n && /* @__PURE__ */ i(g, { theme: r, selected: t, disabled: a, children: o.label })
+  ] }) }) : /* @__PURE__ */ v(c, { selected: t, disabled: a, theme: r, $hex: o.hex, $image: o.image, $height: u, $width: $, "data-testid": `${p}-${o.value}`, onClick: h, styles: l, children: [
+    /* @__PURE__ */ i(f, { name: e, theme: r, value: o.value, checked: t, disabled: a, "data-testid": `${p}-input-${o.value}`, onChange: h, "aria-checked": t, "aria-disabled": a }),
+    n && n,
+    !n && /* @__PURE__ */ i(g, { theme: r, selected: t, disabled: a, children: o.label })
+  ] });
+};
+T.displayName = p;
+export {
+  T as RadioGroupItem
+};

package/components/domainSpecific/RadioGroup/RadioGroupStyled.js

@@ -1 +1,130 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),G=require("react"),$=require("../../../tokens/utils.js"),o=require("../../../utils/helpers.js"),d=require("../../../utils/layout.js"),f=require("./RadioGroup.types.js"),x=r=>{const{theme:{radiogroup:e}={},...t}=r,s={...o.get(e,"input",{})};return u.jsx("input",{type:"radio",css:s,...t})},j=G.forwardRef((r,e)=>{const{theme:{radiogroup:t}={},styles:s={},...a}=r,l={...o.get(t,"default",{}),...s};return u.jsx("fieldset",{ref:e,css:l,...a})}),w=r=>{const{theme:{radiogroup:e}={},disabled:t,selected:s,$hex:a,$width:l,$height:c,$image:i,styles:n={},...y}=r,p=o.get(e,"item.selected",{}),S=o.get(e,"item.disabled",{}),g=o.get(e,"item.hover",{}),m=a?{backgroundColor:a}:{},h=i?{backgroundImage:`url(${i})`,backgroundPosition:"center",backgroundRepeat:"no-repeat"}:{},b={...o.get(e,"item.default",{}),...t?S:{},...s?p:{},...m,...h,...l?{width:l}:{},...c?{height:c}:{},...!t&&!s?g:{},...n};return u.jsx("div",{css:b,...y})},v=r=>{const{theme:{radiogroup:e}={},selected:t,disabled:s,...a}=r,l=o.get(e,"label.selected",{}),c=o.get(e,"label.disabled",{}),i=o.get(e,"label.hover",{}),n={...o.get(e,"label.default",{}),...s?c:{},...t?l:{},...!s&&!t?i:{}};return u.jsx("label",{css:n,...a})},I=r=>{const{theme:{radiogroup:e}={},$isWrap:t,$align:s="start",$justify:a="start",$variant:l,$gutter:c,$gridColumns:i,$gridRows:n,$gridColumnGutter:y,$gridRowGutter:p,styles:S,...g}=r,m={...o.get(e,`layouts.${l}`,{}),...$.getBoxStyles(g).boxStyles,gap:d.calculateGutter(c),...S};if(l===f.RadioGroupVariant.Grid){const R={...m,gridTemplateColumns:d.calculateGridColumns(i),gridTemplateRows:d.calculateGridRows(n),...y&&{columnGap:d.calculateGutter(y)},...p&&{rowGap:d.calculateGutter(p)}};return u.jsx("div",{css:R,...g})}const b={...m,flexWrap:t?"wrap":"nowrap",alignItems:d.calculateAlign(s),justifyContent:d.calculateJustify(a)};return u.jsx("div",{css:b,...g})};exports.HiddenInputStyled=x;exports.RadioGroupStyled=j;exports.RadioItemStyled=w;exports.RadioLabelStyled=v;exports.RadioLayoutStyled=I;
+"use client";
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { getBoxStyles as G } from "../../../tokens/utils.js";
+import { RadioGroupVariant as R } from "./RadioGroup.types.js";
+import { calculateGutter as b, calculateGridRows as w, calculateGridColumns as v, calculateJustify as k, calculateAlign as x } from "../../../utils/layout.js";
+import { get as s } from "../../../utils/helpers.js";
+const A = (r) => {
+  const {
+    theme: {
+      radiogroup: t
+    } = {},
+    ...e
+  } = r, o = {
+    ...s(t, "input", {})
+  };
+  return /* @__PURE__ */ c("input", { type: "radio", css: o, ...e });
+}, B = $((r, t) => {
+  const {
+    theme: {
+      radiogroup: e
+    } = {},
+    styles: o = {},
+    ...a
+  } = r, l = {
+    ...s(e, "default", {}),
+    ...o
+  };
+  return /* @__PURE__ */ c("fieldset", { ref: t, css: l, ...a });
+}), H = (r) => {
+  const {
+    theme: {
+      radiogroup: t
+    } = {},
+    disabled: e,
+    selected: o,
+    $hex: a,
+    $width: l,
+    $height: d,
+    $image: i,
+    styles: n = {},
+    ...m
+  } = r, p = s(t, "item.selected", {}), g = s(t, "item.disabled", {}), u = s(t, "item.hover", {}), y = a ? {
+    backgroundColor: a
+  } : {}, f = i ? {
+    backgroundImage: `url(${i})`,
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat"
+  } : {}, S = {
+    ...s(t, "item.default", {}),
+    ...e ? g : {},
+    ...o ? p : {},
+    ...y,
+    ...f,
+    ...l ? {
+      width: l
+    } : {},
+    ...d ? {
+      height: d
+    } : {},
+    ...!e && !o ? u : {},
+    ...n
+  };
+  return /* @__PURE__ */ c("div", { css: S, ...m });
+}, J = (r) => {
+  const {
+    theme: {
+      radiogroup: t
+    } = {},
+    selected: e,
+    disabled: o,
+    ...a
+  } = r, l = s(t, "label.selected", {}), d = s(t, "label.disabled", {}), i = s(t, "label.hover", {}), n = {
+    ...s(t, "label.default", {}),
+    ...o ? d : {},
+    ...e ? l : {},
+    ...!o && !e ? i : {}
+  };
+  return /* @__PURE__ */ c("label", { css: n, ...a });
+}, P = (r) => {
+  const {
+    theme: {
+      radiogroup: t
+    } = {},
+    $isWrap: e,
+    $align: o = "start",
+    $justify: a = "start",
+    $variant: l,
+    $gutter: d,
+    $gridColumns: i,
+    $gridRows: n,
+    $gridColumnGutter: m,
+    $gridRowGutter: p,
+    styles: g,
+    ...u
+  } = r, y = {
+    ...s(t, `layouts.${l}`, {}),
+    ...G(u).boxStyles,
+    gap: b(d),
+    ...g
+  };
+  if (l === R.Grid) {
+    const h = {
+      ...y,
+      gridTemplateColumns: v(i),
+      gridTemplateRows: w(n),
+      ...m && {
+        columnGap: b(m)
+      },
+      ...p && {
+        rowGap: b(p)
+      }
+    };
+    return /* @__PURE__ */ c("div", { css: h, ...u });
+  }
+  const S = {
+    ...y,
+    flexWrap: e ? "wrap" : "nowrap",
+    alignItems: x(o),
+    justifyContent: k(a)
+  };
+  return /* @__PURE__ */ c("div", { css: S, ...u });
+};
+export {
+  A as HiddenInputStyled,
+  B as RadioGroupStyled,
+  H as RadioItemStyled,
+  J as RadioLabelStyled,
+  P as RadioLayoutStyled
+};

package/components/domainSpecific/RadioGroup/constants.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="RadioGroup",M="RadioGroupItem";exports.COMPONENT_NAME=N;exports.ITEM_COMPONENT_NAME=M;
+const o = "RadioGroup", N = "RadioGroupItem";
+export {
+  o as COMPONENT_NAME,
+  N as ITEM_COMPONENT_NAME
+};

package/components/domainSpecific/Rating/Rating.js

@@ -1 +1,63 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),d=require("react"),y=require("../../../utils/uniqueKeys.js"),F=require("../../../utils/math.js"),a=require("../../../utils/helpers.js"),k=require("../../../constants/keyboard.js"),w=require("../../../types/accesability.js"),H=require("../../../hooks/useTheme/useTheme.js");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");const f=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("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Search/Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const e=require("./constants.js"),o=require("./RatingStyled.js"),C=d.forwardRef((p,I)=>{const{value:q=e.DEFAULT_VALUE,groupName:R=e.COMPONENT_NAME,onChange:E,readOnly:r=e.DEFAULT_READ_ONLY,max:g=e.DEFAULT_MAX_RATE,size:S=e.DEFAULT_SIZE,...v}=p,{theme:s}=H.useTheme(),[L,P]=d.useState(q),[h,N]=d.useState(0),A=E?q:L,O=a.get(s,"rating",{}),M=a.get(O,["size",S],{width:e.DEFAULT_SIZE_VALUE,height:e.DEFAULT_SIZE_VALUE}),c=a.get(O,"icons",{}),m=Array.from({length:g}),b=F.convertToFormattedPercents({max:g,target:q,formatChar:"%"}),T=t=>{if(r)return;(E||P)(t)},V=(t,i)=>{r||t.key!==k.KEYBOARD_KEYS.ENTER||T(i)},U=t=>{r||N(t)},$=()=>{N(0)};return n.jsxs(o.RatingStyled,{$readOnly:r,ref:I,theme:s,"data-testid":e.COMPONENT_NAME,...v,children:[r&&n.jsx(o.RatingProgressWrapperStyled,{theme:s,$width:b,"data-testid":`${e.COMPONENT_NAME}-progress`,children:m.map((t,i)=>n.jsx(f.Icon,{fill:"bg.fill.primary.default",...a.get(c,"rateActive",{name:"star"}),...M},y.generateUniqueId(`${e.COMPONENT_NAME}-${i}`,"rate-progress")))}),m.map((t,i)=>{const u=i+1,_=u===A,l=u<=(h!==0?h:A),D=l?a.get(c,"rateActive",{name:"star"}):a.get(c,"rateInactive",{name:"starOutlined"}),x=l?"bg.fill.primary.default":"bg.fill.disabled";return n.jsxs(o.RadioLabelStyled,{$isActive:l,$readOnly:r,theme:s,onKeyDown:j=>V(j,u),tabIndex:w.TabIndex.Default,onMouseEnter:()=>U(u),onMouseLeave:$,"data-testid":`${e.COMPONENT_NAME}-label`,children:[n.jsx(o.RadioInputStyled,{name:R,theme:s,value:u,onChange:()=>T(u),defaultChecked:_,"aria-checked":_,readOnly:r,"data-testid":`${e.COMPONENT_NAME}-input`}),n.jsx(f.Icon,{fill:x,...M,...D})]},y.generateUniqueId(`${e.COMPONENT_NAME}-${i}`,"rate"))})]})});C.displayName=e.COMPONENT_NAME;exports.Rating=C;
+"use client";
+import { jsxs as _, jsx as i } from "@emotion/react/jsx-runtime";
+import { forwardRef as w, useState as L } from "react";
+import { DEFAULT_VALUE as H, COMPONENT_NAME as e, DEFAULT_READ_ONLY as z, DEFAULT_MAX_RATE as K, DEFAULT_SIZE as Y, DEFAULT_SIZE_VALUE as R } from "./constants.js";
+import { RatingStyled as j, RatingProgressWrapperStyled as Z, RadioLabelStyled as q, RadioInputStyled as B } from "./RatingStyled.js";
+import { convertToFormattedPercents as W } from "../../../utils/math.js";
+import { generateUniqueId as T } from "../../../utils/uniqueKeys.js";
+import { useTheme as X } from "../../../hooks/useTheme/useTheme.js";
+import { get as o } from "../../../utils/helpers.js";
+import { Icon as V } from "../../core/Icon/Icon.js";
+import { TabIndex as G } from "../../../types/accesability.js";
+import { KEYBOARD_KEYS as J } from "../../../constants/keyboard.js";
+const Q = w(($, I) => {
+  const {
+    value: l = H,
+    groupName: C = e,
+    onChange: m,
+    readOnly: t = z,
+    max: u = K,
+    size: D = Y,
+    ...S
+  } = $, {
+    theme: s
+  } = X(), [b, O] = L(l), [f, g] = L(0), h = m ? l : b, p = o(s, "rating", {}), E = o(p, ["size", D], {
+    width: R,
+    height: R
+  }), c = o(p, "icons", {}), A = Array.from({
+    length: u
+  }), U = W({
+    max: u,
+    target: l,
+    formatChar: "%"
+  }), y = (r) => {
+    if (t) return;
+    (m || O)(r);
+  }, M = (r, a) => {
+    t || r.key !== J.ENTER || y(a);
+  }, N = (r) => {
+    t || g(r);
+  }, F = () => {
+    g(0);
+  };
+  return /* @__PURE__ */ _(j, { $readOnly: t, ref: I, theme: s, "data-testid": e, ...S, children: [
+    t && /* @__PURE__ */ i(Z, { theme: s, $width: U, "data-testid": `${e}-progress`, children: A.map((r, a) => /* @__PURE__ */ i(V, { fill: "bg.fill.primary.default", ...o(c, "rateActive", {
+      name: "star"
+    }), ...E }, T(`${e}-${a}`, "rate-progress"))) }),
+    A.map((r, a) => {
+      const n = a + 1, v = n === h, d = n <= (f !== 0 ? f : h), x = d ? o(c, "rateActive", {
+        name: "star"
+      }) : o(c, "rateInactive", {
+        name: "starOutlined"
+      }), P = d ? "bg.fill.primary.default" : "bg.fill.disabled";
+      return /* @__PURE__ */ _(q, { $isActive: d, $readOnly: t, theme: s, onKeyDown: (k) => M(k, n), tabIndex: G.Default, onMouseEnter: () => N(n), onMouseLeave: F, "data-testid": `${e}-label`, children: [
+        /* @__PURE__ */ i(B, { name: C, theme: s, value: n, onChange: () => y(n), defaultChecked: v, "aria-checked": v, readOnly: t, "data-testid": `${e}-input` }),
+        /* @__PURE__ */ i(V, { fill: P, ...E, ...x })
+      ] }, T(`${e}-${a}`, "rate"));
+    })
+  ] });
+});
+Q.displayName = e;
+export {
+  Q as Rating
+};

package/components/domainSpecific/Rating/RatingStyled.js

@@ -1 +1,61 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),c=require("react"),e=require("../../../utils/helpers.js"),i=c.forwardRef((s,r)=>{const{theme:{rating:t}={},$readOnly:n,styles:o={},...a}=s,l={...e.get(t,"default",{}),...n?e.get(t,"readOnly",{}):{},...o};return d.jsx("div",{ref:r,css:l,...a})}),u=s=>{const{theme:{rating:r}={},$width:t,...n}=s,o={...e.get(r,"progress.default",{}),width:t};return d.jsx("div",{css:o,...n})},g=s=>{const{theme:{rating:r}={},$readOnly:t,$isActive:n,...o}=s,a=e.get(r,"label",{}),l={...e.get(a,"default",{}),...t?e.get(a,"readOnly",{}):{},...n?e.get(a,"active",{}):{}};return d.jsx("label",{css:l,...o})},y=s=>{const{theme:{rating:r}={},...t}=s,n={...e.get(r,"radioInput.default",{})};return d.jsx("input",{type:"radio",css:n,...t})};exports.RadioInputStyled=y;exports.RadioLabelStyled=g;exports.RatingProgressWrapperStyled=u;exports.RatingStyled=i;
+"use client";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { get as e } from "../../../utils/helpers.js";
+const m = l((s, r) => {
+  const {
+    theme: {
+      rating: t
+    } = {},
+    $readOnly: n,
+    styles: o = {},
+    ...c
+  } = s, a = {
+    ...e(t, "default", {}),
+    ...n ? e(t, "readOnly", {}) : {},
+    ...o
+  };
+  return /* @__PURE__ */ d("div", { ref: r, css: a, ...c });
+}), y = (s) => {
+  const {
+    theme: {
+      rating: r
+    } = {},
+    $width: t,
+    ...n
+  } = s, o = {
+    ...e(r, "progress.default", {}),
+    width: t
+  };
+  return /* @__PURE__ */ d("div", { css: o, ...n });
+}, f = (s) => {
+  const {
+    theme: {
+      rating: r
+    } = {},
+    $readOnly: t,
+    $isActive: n,
+    ...o
+  } = s, c = e(r, "label", {}), a = {
+    ...e(c, "default", {}),
+    ...t ? e(c, "readOnly", {}) : {},
+    ...n ? e(c, "active", {}) : {}
+  };
+  return /* @__PURE__ */ d("label", { css: a, ...o });
+}, g = (s) => {
+  const {
+    theme: {
+      rating: r
+    } = {},
+    ...t
+  } = s, n = {
+    ...e(r, "radioInput.default", {})
+  };
+  return /* @__PURE__ */ d("input", { type: "radio", css: n, ...t });
+};
+export {
+  g as RadioInputStyled,
+  f as RadioLabelStyled,
+  y as RatingProgressWrapperStyled,
+  m as RatingStyled
+};

package/components/domainSpecific/Rating/constants.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Rating",A=5,_="md",L=24,T=0,U=!1;exports.COMPONENT_NAME=E;exports.DEFAULT_MAX_RATE=A;exports.DEFAULT_READ_ONLY=U;exports.DEFAULT_SIZE=_;exports.DEFAULT_SIZE_VALUE=L;exports.DEFAULT_VALUE=T;
+const E = "Rating", A = 5, _ = "md", t = 24, L = 0, n = !1;
+export {
+  E as COMPONENT_NAME,
+  A as DEFAULT_MAX_RATE,
+  n as DEFAULT_READ_ONLY,
+  _ as DEFAULT_SIZE,
+  t as DEFAULT_SIZE_VALUE,
+  L as DEFAULT_VALUE
+};

package/components/domainSpecific/Search/Search.js

@@ -1 +1,58 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@emotion/react/jsx-runtime"),u=require("react"),E=require("../../../utils/helpers.js"),w=require("../../../hooks/useTheme/useTheme.js"),x=require("../../core/Select/Select.js"),y=require("../../../types/input.js"),s=require("./constants.js"),I=require("./SearchStyled.js"),m=u.forwardRef((i,R)=>{var l,d;const{children:C,emptyItemsResult:O=s.DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER,placeholder:q=s.DEFAULT_SEARCH_PLACEHOLDER,renderOption:A,dropdownParams:T,renderDropdownHeader:_,onType:c,onSelectCb:a,value:L,width:g=s.DEFAULT_SEARCH_WIDTH,items:v}=i,D=E.get(i,"aria-controls"),e=u.useRef(null),{theme:H}=w.useTheme(),P=u.useCallback(n=>{var r,S,o,h;const t=E.get(n,"target.value");if(!t){(S=(r=e==null?void 0:e.current)==null?void 0:r.close)==null||S.call(r);return}(h=(o=e==null?void 0:e.current)==null?void 0:o.open)==null||h.call(o),c==null||c(t)},[e]),b=u.useCallback(({event:n,value:t,index:r})=>{a==null||a({event:n,value:t,index:r})},[a]);return p.jsx(x.Select,{ref:e,width:g,autoOpen:!1,emptyItemsResult:O,dropdownParams:T,renderDropdownHeader:_,renderOption:A,items:v,initiator:p.jsx(I.SearchInputStyled,{value:L,onChange:P,"aria-required":!!((l=e==null?void 0:e.current)!=null&&l.isOpen),"aria-controls":D,"aria-expanded":!!((d=e==null?void 0:e.current)!=null&&d.isOpen),placeholder:q,theme:H,role:y.InputRole.Combobox}),onSelect:({event:n,value:t,index:r})=>b({event:n,value:t,index:r}),children:C})});m.displayName=s.COMPONENT_NAME;exports.Search=m;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as I, useRef as P, useCallback as c } from "react";
+import { DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER as g, DEFAULT_SEARCH_PLACEHOLDER as x, DEFAULT_SEARCH_WIDTH as N, COMPONENT_NAME as R } from "./constants.js";
+import { SearchInputStyled as U } from "./SearchStyled.js";
+import { Select as F } from "../../core/Select/Select.js";
+import { get as E } from "../../../utils/helpers.js";
+import { useTheme as M } from "../../../hooks/useTheme/useTheme.js";
+import { InputRole as b } from "../../../types/input.js";
+const y = I((u, j) => {
+  var m, l;
+  const {
+    children: h,
+    emptyItemsResult: f = g,
+    placeholder: C = x,
+    renderOption: S,
+    dropdownParams: A,
+    renderDropdownHeader: O,
+    onType: i,
+    onSelectCb: a,
+    value: _,
+    width: L = N,
+    items: D
+  } = u, H = E(u, "aria-controls"), r = P(null), {
+    theme: T
+  } = M(), v = c((t) => {
+    var o, p, n, d;
+    const e = E(t, "target.value");
+    if (!e) {
+      (p = (o = r == null ? void 0 : r.current) == null ? void 0 : o.close) == null || p.call(o);
+      return;
+    }
+    (d = (n = r == null ? void 0 : r.current) == null ? void 0 : n.open) == null || d.call(n), i == null || i(e);
+  }, [r]), w = c(({
+    event: t,
+    value: e,
+    index: o
+  }) => {
+    a == null || a({
+      event: t,
+      value: e,
+      index: o
+    });
+  }, [a]);
+  return /* @__PURE__ */ s(F, { ref: r, width: L, autoOpen: !1, emptyItemsResult: f, dropdownParams: A, renderDropdownHeader: O, renderOption: S, items: D, initiator: /* @__PURE__ */ s(U, { value: _, onChange: v, "aria-required": !!((m = r == null ? void 0 : r.current) != null && m.isOpen), "aria-controls": H, "aria-expanded": !!((l = r == null ? void 0 : r.current) != null && l.isOpen), placeholder: C, theme: T, role: b.Combobox }), onSelect: ({
+    event: t,
+    value: e,
+    index: o
+  }) => w({
+    event: t,
+    value: e,
+    index: o
+  }), children: h });
+});
+y.displayName = R;
+export {
+  y as Search
+};

package/components/domainSpecific/Search/SearchStyled.js

@@ -1 +1,16 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),q=require("../../../utils/helpers.js");require("react");require("../../core/Breadcrumbs/Breadcrumbs.js");require("../../core/Button/Button.js");require("../../core/Dropdown/Dropdown.js");require("../../core/Dropdown/hooks/useDropdown.js");require("../../core/DropdownItem/DropdownItem.js");require("../../core/Form/Form.js");require("../../core/Icon/Icon.js");require("../../core/Image/Image.js");require("../../core/InlineNotification/InlineNotification.js");const t=require("../../core/Input/Input.js");require("../../core/InputFile/InputFile.js");require("../../core/Label/Label.js");require("../../core/Link/Link.js");require("../../core/List/List.js");require("../../core/Loader/Loader.js");require("../../core/Menu/Menu.js");require("../../core/Modal/Modal.js");require("../../core/Portal/Portal.js");require("../../core/Scroll/Scroll.js");require("../../core/Select/Select.js");require("../../core/Separator/Separator.js");require("../../core/Skeleton/Skeleton.js");require("../../core/Slider/SliderStyled.js");require("../../core/Slider/Slider.js");require("../../core/Snackbar/Snackbar.js");require("uuid");require("../../../hooks/useTheme/useTheme.js");require("../../core/Snackbar/SnackbarStyled.js");require("../../core/Snackbar/constants.js");require("../../core/Switch/Switch.js");require("../../core/Toggle/Toggle.js");require("../../core/Tooltip/Tooltip.js");require("../../core/Typography/Typography.js");require("../../core/Wrapper/Wrapper.js");require("../../core/Textarea/Textarea.js");require("../../layout/FlexContainer/FlexContainer.js");require("../../layout/Column/Column.js");require("../../layout/Row/Row.js");require("../../layout/ChatContainer/ChatContainer.js");require("../Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../Avatar/Avatar.js");require("../Card/Card.js");require("../Carousel/Carousel.js");require("../ChatBubble/ChatBubble.js");require("../ContentCarousel/ContentCarousel.js");require("../Counter/Counter.js");require("../DragAndDropFiles/DragAndDropFiles.js");require("../Header/Header.js");require("../Price/Price.js");require("../ProgressBar/ProgressBar.js");require("../RadioGroup/RadioGroup.js");require("../Rating/Rating.js");require("./Search.js");require("../SearchModal/SearchModal.js");require("../Stepper/Stepper.js");require("../Tabs/Tabs.js");require("../../widget/DragAndDrop/DragAndDrop.js");require("../../templates/SkeletonSearch/SkeletonSearch.js");const s=e=>{const{theme:{search:r}={},...u}=e;return i.jsx(t.Input,{css:[q.get(r,"input.default",{})],...u})};exports.SearchInputStyled=s;
+"use client";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Input as s } from "../../core/Input/Input.js";
+import { get as p } from "../../../utils/helpers.js";
+const u = (t) => {
+  const {
+    theme: {
+      search: r
+    } = {},
+    ...e
+  } = t;
+  return /* @__PURE__ */ o(s, { css: [p(r, "input.default", {})], ...e });
+};
+export {
+  u as SearchInputStyled
+};

package/components/domainSpecific/Search/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Search",A="Search",_="448px",L="No result";exports.COMPONENT_NAME=E;exports.DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER=L;exports.DEFAULT_SEARCH_PLACEHOLDER=A;exports.DEFAULT_SEARCH_WIDTH=_;
+const E = "Search", A = "Search", _ = "448px", L = "No result";
+export {
+  E as COMPONENT_NAME,
+  L as DEFAULT_EMPTY_SEARCH_RESULTS_PLACEHOLDER,
+  A as DEFAULT_SEARCH_PLACEHOLDER,
+  _ as DEFAULT_SEARCH_WIDTH
+};

package/components/domainSpecific/SearchModal/SearchInput/SearchInput.js

@@ -1 +1,26 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),d=require("../../../../utils/helpers.js");require("react");const h=require("../../../../hooks/useTheme/useTheme.js"),S=require("../../../../types/input.js"),E=require("../../../core/Icon/Icon.js"),e=require("./constants.js"),s=require("./SearchInputStyled.js"),o=(a={})=>{const{placeholder:i=e.DEFAULT_PLACEHOLDER,onEndIconClick:t,...u}=a,{theme:n}=h.useTheme(),l=d.get(n,"searchModal.input.icons.close",{name:e.DEFAULT_CLOSE_ICON}),p=c=>{c.stopPropagation(),t==null||t(c)};return r.jsx(s.SearchInputStyled,{theme:n,variant:S.InputVariantType.Search,"data-testid":e.COMPONENT_NAME,placeholder:i,adornmentEnd:r.jsx(s.SearchEndIconWrapperStyled,{theme:n,onClick:p,children:r.jsx(E.Icon,{...l})}),...u})};o.displayName=e.COMPONENT_NAME;exports.SearchInput=o;
+"use client";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { DEFAULT_PLACEHOLDER as s, DEFAULT_CLOSE_ICON as d, COMPONENT_NAME as n } from "./constants.js";
+import { SearchInputStyled as l, SearchEndIconWrapperStyled as h } from "./SearchInputStyled.js";
+import { useTheme as E } from "../../../../hooks/useTheme/useTheme.js";
+import { get as f } from "../../../../utils/helpers.js";
+import { InputVariantType as u } from "../../../../types/input.js";
+import { Icon as I } from "../../../core/Icon/Icon.js";
+const S = (a = {}) => {
+  const {
+    placeholder: c = s,
+    onEndIconClick: o,
+    ...p
+  } = a, {
+    theme: r
+  } = E(), m = f(r, "searchModal.input.icons.close", {
+    name: d
+  }), i = (e) => {
+    e.stopPropagation(), o == null || o(e);
+  };
+  return /* @__PURE__ */ t(l, { theme: r, variant: u.Search, "data-testid": n, placeholder: c, adornmentEnd: /* @__PURE__ */ t(h, { theme: r, onClick: i, children: /* @__PURE__ */ t(I, { ...m }) }), ...p });
+};
+S.displayName = n;
+export {
+  S as SearchInput
+};

package/components/domainSpecific/SearchModal/SearchInput/SearchInputStyled.js

@@ -1 +1,25 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("@emotion/react/jsx-runtime"),t=require("../../../../utils/helpers.js");require("react");require("../../../core/Breadcrumbs/Breadcrumbs.js");require("../../../core/Button/Button.js");require("../../../core/Dropdown/Dropdown.js");require("../../../core/Dropdown/hooks/useDropdown.js");require("../../../core/DropdownItem/DropdownItem.js");require("../../../core/Form/Form.js");require("../../../core/Icon/Icon.js");require("../../../core/Image/Image.js");require("../../../core/InlineNotification/InlineNotification.js");const s=require("../../../core/Input/Input.js");require("../../../core/InputFile/InputFile.js");require("../../../core/Label/Label.js");require("../../../core/Link/Link.js");require("../../../core/List/List.js");require("../../../core/Loader/Loader.js");require("../../../core/Menu/Menu.js");require("../../../core/Modal/Modal.js");require("../../../core/Portal/Portal.js");require("../../../core/Scroll/Scroll.js");require("../../../core/Select/Select.js");require("../../../core/Separator/Separator.js");require("../../../core/Skeleton/Skeleton.js");require("../../../core/Slider/SliderStyled.js");require("../../../core/Slider/Slider.js");require("../../../core/Snackbar/Snackbar.js");require("uuid");require("../../../../hooks/useTheme/useTheme.js");require("../../../core/Snackbar/SnackbarStyled.js");require("../../../core/Snackbar/constants.js");require("../../../core/Switch/Switch.js");require("../../../core/Toggle/Toggle.js");require("../../../core/Tooltip/Tooltip.js");require("../../../core/Typography/Typography.js");require("../../../core/Wrapper/Wrapper.js");require("../../../core/Textarea/Textarea.js");require("../../../layout/FlexContainer/FlexContainer.js");require("../../../layout/Column/Column.js");require("../../../layout/Row/Row.js");require("../../../layout/ChatContainer/ChatContainer.js");require("../../Accordion/hooks/useAccordion.js");require("embla-carousel-react");require("../../Avatar/Avatar.js");require("../../Card/Card.js");require("../../Carousel/Carousel.js");require("../../ChatBubble/ChatBubble.js");require("../../ContentCarousel/ContentCarousel.js");require("../../Counter/Counter.js");require("../../DragAndDropFiles/DragAndDropFiles.js");require("../../Header/Header.js");require("../../Price/Price.js");require("../../ProgressBar/ProgressBar.js");require("../../RadioGroup/RadioGroup.js");require("../../Rating/Rating.js");require("../../Search/Search.js");require("../SearchModal.js");require("../../Stepper/Stepper.js");require("../../Tabs/Tabs.js");require("../../../widget/DragAndDrop/DragAndDrop.js");require("../../../templates/SkeletonSearch/SkeletonSearch.js");const n=e=>{const{theme:{searchModal:r}={},...u}=e,i=t.get(r,"input.default",{});return q.jsx(s.Input,{styles:i,...u})},c=e=>{const{theme:{searchModal:r}={},...u}=e,i=t.get(r,"input.endIcon",{});return q.jsx("div",{css:i,...u})};exports.SearchEndIconWrapperStyled=c;exports.SearchInputStyled=n;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { get as n } from "../../../../utils/helpers.js";
+import { Input as c } from "../../../core/Input/Input.js";
+const u = (t) => {
+  const {
+    theme: {
+      searchModal: e
+    } = {},
+    ...o
+  } = t, r = n(e, "input.default", {});
+  return /* @__PURE__ */ s(c, { styles: r, ...o });
+}, l = (t) => {
+  const {
+    theme: {
+      searchModal: e
+    } = {},
+    ...o
+  } = t, r = n(e, "input.endIcon", {});
+  return /* @__PURE__ */ s("div", { css: r, ...o });
+};
+export {
+  l as SearchEndIconWrapperStyled,
+  u as SearchInputStyled
+};

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

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="SearchInput",O="Search",t="cross";exports.COMPONENT_NAME=E;exports.DEFAULT_CLOSE_ICON=t;exports.DEFAULT_PLACEHOLDER=O;
+const E = "SearchInput", c = "Search", o = "cross";
+export {
+  E as COMPONENT_NAME,
+  o as DEFAULT_CLOSE_ICON,
+  c as DEFAULT_PLACEHOLDER
+};

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

@@ -1 +1,48 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),_=require("react"),d=require("../../../../utils/helpers.js"),j=require("../../../../utils/date.js"),p=require("../../../../hooks/useTheme/useTheme.js"),S=require("../../../core/Icon/Icon.js"),r=require("./constants.js"),y=require("./utils.js"),n=require("./SearchItemsStyled.js"),N=(u={})=>{const{items:o,onItemClick:a,newSearchCta:l,noItemsLabel:I}=u,{theme:t}=p.useTheme(),E=d.get(t,"searchModal.items.icons.newChat",{name:r.NEW_CHAT_ICON}),M=d.get(t,"searchModal.items.icons.noResults",{name:r.NO_RESULTS_ICON}),T=d.get(t,"searchModal.items.icons.item",{}),h=e=>c=>{a==null||a(c,e)},i=(e,c)=>s.jsx(n.SearchItemStyled,{iconStart:y.getIcon(e==null?void 0:e.icon,T),theme:t,onClick:h(e),"data-testid":r.COMPONENT_ITEM_NAME,children:s.jsxs(n.SearchItemRowStyled,{theme:t,children:[s.jsxs(n.SearchItemColumnStyled,{theme:t,children:[s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"title",title:e.title,children:e.title}),(e==null?void 0:e.description)&&s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"description",title:e.description,children:e.description})]}),(e==null?void 0:e.date)&&s.jsx(n.SearchItemContentStyled,{theme:t,$variant:"date",children:j.formatDate({date:e.date})})]})},(e==null?void 0:e.id)||`${r.COMPONENT_ITEM_NAME}-${c}`);return s.jsxs(n.SearchItemsStyled,{theme:t,"data-testid":r.COMPONENT_NAME,children:[l&&s.jsx(n.NewSearchButtonStyled,{theme:t,onClick:h(r.NEW_SEARCH),iconStart:s.jsx(S.Icon,{...E}),children:l}),o!=null&&o.length?o.map((e,c)=>"items"in e?s.jsxs(_.Fragment,{children:[s.jsx(n.SearchGroupTitleStyled,{theme:t,"data-testid":r.COMPONENT_GROUP_TITLE,title:e.title,children:e.title}),((e==null?void 0:e.items)||[]).map((C,O)=>i(C,O))]},(e==null?void 0:e.id)||`${r.COMPONENT_ITEM_NAME}-${c}`):i(e,c)):s.jsxs(n.SearchNoItemsStyled,{theme:t,"data-testid":r.COMPONENT_EMPTY_NAME,children:[!l&&s.jsx(S.Icon,{...M}),I]})]})};N.displayName=r.COMPONENT_NAME;exports.SearchItems=N;
+"use client";
+import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
+import { Fragment as u } from "react";
+import { NEW_CHAT_ICON as f, NO_RESULTS_ICON as y, COMPONENT_NAME as N, COMPONENT_GROUP_TITLE as P, COMPONENT_ITEM_NAME as l, COMPONENT_EMPTY_NAME as $, NEW_SEARCH as R } from "./constants.js";
+import { getIcon as m } from "./utils.js";
+import { SearchItemsStyled as w, NewSearchButtonStyled as A, SearchGroupTitleStyled as g, SearchNoItemsStyled as G, SearchItemStyled as v, SearchItemRowStyled as L, SearchItemColumnStyled as j, SearchItemContentStyled as d } from "./SearchItemsStyled.js";
+import { formatDate as k } from "../../../../utils/date.js";
+import { useTheme as x } from "../../../../hooks/useTheme/useTheme.js";
+import { get as h } from "../../../../utils/helpers.js";
+import { Icon as S } from "../../../core/Icon/Icon.js";
+const H = (I = {}) => {
+  const {
+    items: c,
+    onItemClick: a,
+    newSearchCta: s,
+    noItemsLabel: C
+  } = I, {
+    theme: r
+  } = x(), E = h(r, "searchModal.items.icons.newChat", {
+    name: f
+  }), T = h(r, "searchModal.items.icons.noResults", {
+    name: y
+  }), M = h(r, "searchModal.items.icons.item", {}), i = (t) => (e) => {
+    a == null || a(e, t);
+  }, p = (t, e) => /* @__PURE__ */ o(v, { iconStart: m(t == null ? void 0 : t.icon, M), theme: r, onClick: i(t), "data-testid": l, children: /* @__PURE__ */ n(L, { theme: r, children: [
+    /* @__PURE__ */ n(j, { theme: r, children: [
+      /* @__PURE__ */ o(d, { theme: r, $variant: "title", title: t.title, children: t.title }),
+      (t == null ? void 0 : t.description) && /* @__PURE__ */ o(d, { theme: r, $variant: "description", title: t.description, children: t.description })
+    ] }),
+    (t == null ? void 0 : t.date) && /* @__PURE__ */ o(d, { theme: r, $variant: "date", children: k({
+      date: t.date
+    }) })
+  ] }) }, (t == null ? void 0 : t.id) || `${l}-${e}`);
+  return /* @__PURE__ */ n(w, { theme: r, "data-testid": N, children: [
+    s && /* @__PURE__ */ o(A, { theme: r, onClick: i(R), iconStart: /* @__PURE__ */ o(S, { ...E }), children: s }),
+    c != null && c.length ? c.map((t, e) => "items" in t ? /* @__PURE__ */ n(u, { children: [
+      /* @__PURE__ */ o(g, { theme: r, "data-testid": P, title: t.title, children: t.title }),
+      ((t == null ? void 0 : t.items) || []).map((O, _) => p(O, _))
+    ] }, (t == null ? void 0 : t.id) || `${l}-${e}`) : p(t, e)) : /* @__PURE__ */ n(G, { theme: r, "data-testid": $, children: [
+      !s && /* @__PURE__ */ o(S, { ...T }),
+      C
+    ] })
+  ] });
+};
+H.displayName = N;
+export {
+  H as SearchItems
+};