@goodhood-web/ui 1.6.0-development.17 → 1.6.0-development.18

package/index.mjs

@@ -643,7 +643,7 @@ Check the top-level render call using <` + P + ">.");
 }
 process.env.NODE_ENV === "production" ? pn.exports = os() : pn.exports = ss();
 var R = pn.exports;
-const sd = ({ children: t, className: e, id: n }) => /* @__PURE__ */ R.jsx("section", { className: e, id: n, children: /* @__PURE__ */ R.jsx("div", { children: /* @__PURE__ */ R.jsx("div", { children: t }) }) });
+const id = ({ children: t, className: e, id: n }) => /* @__PURE__ */ R.jsx("section", { className: e, id: n, children: /* @__PURE__ */ R.jsx("div", { children: /* @__PURE__ */ R.jsx("div", { children: t }) }) });
 function jr(t) {
   var e, n, r = "";
   if (typeof t == "string" || typeof t == "number")
@@ -670,7 +670,7 @@ const is = "_heading_7xpbd_106", as = "_title_7xpbd_120", ls = "_icon_7xpbd_133"
   icon: ls,
   iconExpanded: cs,
   panel: us
-}, id = ({
+}, ad = ({
   accordionBtnClassName: t,
   accordionPanelClassName: e,
   children: n,
@@ -4066,7 +4066,7 @@ const fa = "_primaryButton_kuwiu_106", Je = {
   "primaryButton--primary": "_primaryButton--primary_kuwiu_131",
   "primaryButton--transparent": "_primaryButton--transparent_kuwiu_137",
   "primaryButton--loading": "_primaryButton--loading_kuwiu_145"
-}, ad = ({
+}, ld = ({
   children: t,
   className: e,
   color: n = "primary",
@@ -4124,7 +4124,7 @@ const fa = "_primaryButton_kuwiu_106", Je = {
     /* @__PURE__ */ R.jsx(ye, { type: s, as: t, className: Er.title, children: n }),
     l
   ] });
-}, ld = ({
+}, cd = ({
   ariaLabel: t,
   as: e = "section",
   borderRadius: n,
@@ -4151,7 +4151,7 @@ const fa = "_primaryButton_kuwiu_106", Je = {
 }, ka = "_dividerContainer_brq6h_106", ya = "_dividerLine_brq6h_111", _r = {
   dividerContainer: ka,
   dividerLine: ya
-}, cd = ({ offsetLeft: t = 0, offsetRight: e = 0 }) => /* @__PURE__ */ R.jsx("div", { className: _r.dividerContainer, children: /* @__PURE__ */ R.jsx(
+}, ud = ({ offsetLeft: t = 0, offsetRight: e = 0 }) => /* @__PURE__ */ R.jsx("div", { className: _r.dividerContainer, children: /* @__PURE__ */ R.jsx(
   "div",
   {
     className: _r.dividerLine,
@@ -4178,7 +4178,7 @@ const fa = "_primaryButton_kuwiu_106", Je = {
       children: s
     }
   );
-}, ud = ({ ariaLabel: t, ariaLabelledBy: e, children: n, className: r, id: o }) => /* @__PURE__ */ R.jsx(
+}, dd = ({ ariaLabel: t, ariaLabelledBy: e, children: n, className: r, id: o }) => /* @__PURE__ */ R.jsx(
   "form",
   {
     className: r,
@@ -4385,14 +4385,14 @@ const fa = "_primaryButton_kuwiu_106", Je = {
 }, F2 = "_legend_k7ff0_106", O2 = "_text_k7ff0_112", Sr = {
   legend: F2,
   text: O2
-}, dd = ({ className: t, headline: e, text: n }) => /* @__PURE__ */ R.jsxs("legend", { className: ie(Sr.legend, t), children: [
+}, fd = ({ className: t, headline: e, text: n }) => /* @__PURE__ */ R.jsxs("legend", { className: ie(Sr.legend, t), children: [
   /* @__PURE__ */ R.jsx(ye, { type: "h5", children: e }),
   n && /* @__PURE__ */ R.jsx(ye, { className: Sr.text, type: "body-regular", as: "p", children: n })
 ] }), I2 = "_wrapper_1ua4o_106", N2 = "_loadingSpinner_1ua4o_113", Tr = {
   wrapper: I2,
   loadingSpinner: N2,
   "pulse-loader-size": "_pulse-loader-size_1ua4o_1"
-}, fd = () => /* @__PURE__ */ R.jsx("div", { className: Tr.wrapper, children: /* @__PURE__ */ R.jsx("aside", { className: Tr.loadingSpinner, children: /* @__PURE__ */ R.jsx("i", {}) }) });
+}, hd = () => /* @__PURE__ */ R.jsx("div", { className: Tr.wrapper, children: /* @__PURE__ */ R.jsx("aside", { className: Tr.loadingSpinner, children: /* @__PURE__ */ R.jsx("i", {}) }) });
 function Pn() {
   return {
     async: !1,
@@ -5829,7 +5829,7 @@ ae.walkTokens;
 ae.parseInline;
 _e.parse;
 Ee.lex;
-function hd({ className: t, text: e }) {
+function pd({ className: t, text: e }) {
   return /* @__PURE__ */ R.jsx(
     "span",
     {
@@ -5844,7 +5844,7 @@ const bu = "_menuItem_pfii3_106", ku = "_highlightFrame_pfii3_120", yu = "_right
   rightIcon: yu,
   "menuItem--selected": "_menuItem--selected_pfii3_133",
   leftIcon: Eu
-}, pd = ({
+}, md = ({
   className: t,
   href: e,
   isSelected: n,
@@ -5942,7 +5942,7 @@ const Lu = "_modal_1h6fu_106", Bu = "_modalWrapper_1h6fu_114", Au = "_modalHeade
   modalWrapper: Bu,
   modalHeader: Au,
   modalFooter: Fu
-}, md = ({
+}, gd = ({
   ariaLabel: t,
   ariaLabelledBy: e,
   closeButtonText: n = "Abbrechen",
@@ -5975,7 +5975,7 @@ const Lu = "_modal_1h6fu_106", Bu = "_modalWrapper_1h6fu_114", Au = "_modalHeade
   }
 ), Ou = "_navBar_1k3qn_106", Iu = {
   navBar: Ou
-}, gd = ({ children: t, onChange: e, value: n }) => {
+}, wd = ({ children: t, onChange: e, value: n }) => {
   const [r, o] = Ir(n || ""), s = (i) => {
     e(i), o(i);
   };
@@ -5992,7 +5992,7 @@ const Lu = "_modal_1h6fu_106", Bu = "_modalWrapper_1h6fu_114", Au = "_modalHeade
   selector: ju,
   "navItem--active": "_navItem--active_1qhy9_128",
   label: Wu
-}, wd = ({ active: t, ariaLabel: e, icon: n, id: r, label: o, onChange: s }) => {
+}, vd = ({ active: t, ariaLabel: e, icon: n, id: r, label: o, onChange: s }) => {
   const i = () => {
     s && s(r);
   };
@@ -6016,7 +6016,7 @@ const Lu = "_modal_1h6fu_106", Bu = "_modalWrapper_1h6fu_114", Au = "_modalHeade
   "wrapper--large": "_wrapper--large_bgoxo_117",
   "wrapper--small": "_wrapper--small_bgoxo_120",
   "wrapper--iconWrapper": "_wrapper--iconWrapper_bgoxo_124"
-}, vd = ({ className: t, icon: e, size: n }) => {
+}, xd = ({ className: t, icon: e, size: n }) => {
   const r = Ke(e, [Ve]);
   return /* @__PURE__ */ R.jsx(
     "div",
@@ -6040,33 +6040,38 @@ const Lu = "_modal_1h6fu_106", Bu = "_modalWrapper_1h6fu_114", Au = "_modalHeade
   base: Du
 };
 var Ct = /* @__PURE__ */ ((t) => (t[t.lg = 16] = "lg", t[t.md = 12] = "md", t[t.sm = 8] = "sm", t[t.xl = 24] = "xl", t))(Ct || {});
-const xd = ({
-  anchor: t,
-  children: e,
-  container: n,
-  id: r,
-  offset: o = "sm",
-  open: s,
-  placement: i,
-  strategy: l = "fixed"
-}) => {
-  let c = Ct.sm;
-  return typeof o == "object" ? c = o : Ct[o] && (c = Ct[o]), /* @__PURE__ */ R.jsx(
-    wo,
-    {
-      className: Zu.base,
-      id: r,
-      open: s,
-      anchor: t,
-      offset: c,
-      placement: i,
-      container: n,
-      strategy: l,
-      children: e
-    }
-  );
-}, zu = "_radio_1f304_106", Fr = {
-  radio: zu,
+const zu = m(
+  ({
+    anchor: t,
+    children: e,
+    container: n,
+    id: r,
+    offset: o = "sm",
+    open: s,
+    placement: i,
+    strategy: l = "fixed"
+  }, c) => {
+    let f = Ct.sm;
+    return typeof o == "object" ? f = o : Ct[o] && (f = Ct[o]), /* @__PURE__ */ R.jsx(
+      wo,
+      {
+        ref: c,
+        className: Zu.base,
+        id: r,
+        open: s,
+        anchor: t,
+        offset: f,
+        placement: i,
+        container: n,
+        strategy: l,
+        children: e
+      }
+    );
+  }
+);
+zu.displayName = "Popup";
+const qu = "_radio_1f304_106", Fr = {
+  radio: qu,
   "radio--small": "_radio--small_1f304_124"
 };
 function bd({
@@ -6098,8 +6103,8 @@ function bd({
     /* @__PURE__ */ R.jsx("label", { htmlFor: n, className: l, children: r })
   ] });
 }
-const qu = "_radiobuttoncluster_1wlw6_106", Uu = {
-  radiobuttoncluster: qu
+const Uu = "_radiobuttoncluster_1wlw6_106", Yu = {
+  radiobuttoncluster: Uu
 };
 function kd(t) {
   const { children: e, disabled: n, onChange: r, value: o } = t;
@@ -6110,12 +6115,12 @@ function kd(t) {
     checked: o === l.props.value,
     onChange: s
   }));
-  return /* @__PURE__ */ R.jsx(Ra, { disabled: n, classname: Uu.radiobuttoncluster, children: i });
+  return /* @__PURE__ */ R.jsx(Ra, { disabled: n, classname: Yu.radiobuttoncluster, children: i });
 }
-const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_textInput_1scpr_109", Ae = {
-  wrapper: Yu,
-  textInputContainer: Ku,
-  textInput: Qu,
+const Ku = "_wrapper_1scpr_106", Qu = "_textInputContainer_1scpr_109", Xu = "_textInput_1scpr_109", Ae = {
+  wrapper: Ku,
+  textInputContainer: Qu,
+  textInput: Xu,
   "textInput--medium": "_textInput--medium_1scpr_149",
   "textInput--small": "_textInput--small_1scpr_169",
   "textInput--dark": "_textInput--dark_1scpr_188",
@@ -6161,8 +6166,8 @@ const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_te
       }
     )
   ] });
-}, Xu = "_root_obmzr_113", _t = {
-  root: Xu,
+}, Gu = "_root_obmzr_113", _t = {
+  root: Gu,
   "root--24": "_root--24_obmzr_120",
   "root--28": "_root--28_obmzr_124",
   "root--32": "_root--32_obmzr_128",
@@ -6193,11 +6198,11 @@ const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_te
       children: o && /* @__PURE__ */ R.jsx(P2, { src: o, alt: t })
     }
   );
-}, Gu = "_slider_1o85r_112", Ju = "_focusVisible_1o85r_134", hn = {
+}, Ju = "_slider_1o85r_112", ed = "_focusVisible_1o85r_134", hn = {
   switch: "_switch_1o85r_106",
-  slider: Gu,
-  focusVisible: Ju
-}, ed = (t) => {
+  slider: Ju,
+  focusVisible: ed
+}, td = (t) => {
   const { checked: e, disabled: n, focusVisible: r, getInputProps: o } = ea(t), { className: s, id: i } = t;
   return /* @__PURE__ */ R.jsxs("span", { className: ie(hn.switch, s), children: [
     /* @__PURE__ */ R.jsx(
@@ -6221,9 +6226,9 @@ const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_te
       }
     )
   ] });
-}, td = "_toggleInput_189pw_106", nd = "_textLabel_189pw_119", qe = {
-  toggleInput: td,
-  textLabel: nd,
+}, nd = "_toggleInput_189pw_106", rd = "_textLabel_189pw_119", qe = {
+  toggleInput: nd,
+  textLabel: rd,
   switch: "_switch_189pw_122",
   "toggleInput--checked": "_toggleInput--checked_189pw_125",
   "toggleInput--disabled": "_toggleInput--disabled_189pw_128",
@@ -6248,7 +6253,7 @@ const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_te
       r && /* @__PURE__ */ R.jsx(Ve, { name: r, size: "32" }),
       /* @__PURE__ */ R.jsx(ye, { type: "body-large", className: qe.textLabel, children: o }),
       /* @__PURE__ */ R.jsx(
-        ed,
+        td,
         {
           onChange: s,
           disabled: n,
@@ -6261,36 +6266,36 @@ const Yu = "_wrapper_1scpr_106", Ku = "_textInputContainer_1scpr_109", Qu = "_te
   }
 );
 export {
-  sd as Accordion,
-  id as AccordionItem,
+  id as Accordion,
+  ad as AccordionItem,
   dt as Button,
-  ad as ButtonPrimary,
-  ld as Card,
+  ld as ButtonPrimary,
+  cd as Card,
   wa as CardBody,
   ba as CardHeader,
-  cd as Divider,
+  ud as Divider,
   Ra as Fieldset,
-  ud as Form,
+  dd as Form,
   Ve as Icon,
   Rr as IconButton,
   P2 as Image,
   A2 as LabelPill,
-  dd as Legend,
-  fd as Loader,
-  hd as Markdown,
-  pd as MenuItem,
-  md as Modal,
-  gd as NavBar,
-  wd as NavItem,
+  fd as Legend,
+  hd as Loader,
+  pd as Markdown,
+  md as MenuItem,
+  gd as Modal,
+  wd as NavBar,
+  vd as NavItem,
   Ar as NotificationBubble,
-  vd as PlaceholderThumbnail,
-  xd as Popup,
+  xd as PlaceholderThumbnail,
+  zu as Popup,
   bd as RadioButton,
   kd as RadioButtonCluster,
   Mu as TextButton,
   yd as TextInput,
   Ed as Thumbnail,
-  ed as Toggle,
+  td as Toggle,
   _d as ToggleInput,
   ye as Typography
 };

package/lib/Popup/Popup.d.ts

@@ -1,4 +1,4 @@
 import { PopupProps } from './Popup.types';
 
-declare const Popup: ({ anchor, children, container, id, offset, open, placement, strategy, }: PopupProps) => import("react/jsx-runtime").JSX.Element;
+declare const Popup: import('react').ForwardRefExoticComponent<PopupProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Popup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.6.0-development.17",
+  "version": "1.6.0-development.18",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {