@goodhood-web/ui 1.6.0-development.16 → 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,28 +5844,30 @@ 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,
-  isSelected: e,
-  labelPillText: n,
-  leftIcon: r,
-  onClick: o,
-  rightIcon: s,
-  role: i,
-  text: l
+  href: e,
+  isSelected: n,
+  labelPillText: r,
+  leftIcon: o,
+  onClick: s,
+  rightIcon: i,
+  role: l,
+  text: c
 }) => /* @__PURE__ */ R.jsx(
   dt,
   {
-    role: i,
-    onClick: o,
+    role: l,
+    onClick: s,
     className: ie(t, tt.menuItem, {
-      [tt["menuItem--selected"]]: e
+      [tt["menuItem--selected"]]: n
     }),
+    ...e ? { href: e } : {},
     children: /* @__PURE__ */ R.jsxs("span", { className: ie(tt.highlightFrame), children: [
-      /* @__PURE__ */ R.jsx("span", { className: tt.leftIcon, children: r }),
-      /* @__PURE__ */ R.jsx(ye, { type: e ? "h5" : "body-large", as: "span", children: l }),
-      n && /* @__PURE__ */ R.jsx(A2, { label: n, size: "medium" }),
-      s && /* @__PURE__ */ R.jsx("span", { className: tt.rightIcon, children: s })
+      /* @__PURE__ */ R.jsx("span", { className: tt.leftIcon, children: o }),
+      /* @__PURE__ */ R.jsx(ye, { type: n ? "h5" : "body-large", as: "span", children: c }),
+      r && /* @__PURE__ */ R.jsx(A2, { label: r, size: "medium" }),
+      i && /* @__PURE__ */ R.jsx("span", { className: tt.rightIcon, children: i })
     ] })
   }
 ), _u = "_bubbleContent_1bzh6_106", Ru = "_bubble_1bzh6_106", dn = {
@@ -5940,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",
@@ -5973,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);
   };
@@ -5990,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);
   };
@@ -6014,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",
@@ -6038,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({
@@ -6096,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;
@@ -6108,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",
@@ -6159,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",
@@ -6191,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(
@@ -6219,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",
@@ -6246,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,
@@ -6259,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/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
-import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 import { ButtonOwnProps } from '@mui/base';
+import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 
 interface CommonProps {
     ariaLabel?: string;

package/lib/ButtonPrimary/ButtonPrimary.types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../Button/Button.types';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
 
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
     children?: ReactNode;

package/lib/Card/Card.types.d.ts

@@ -1,6 +1,6 @@
-import { CardHeaderProps } from './CardHeader/CardHeader.type';
-import { CardBodyProps } from './CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from './CardBody/CardBody.types';
+import { CardHeaderProps } from './CardHeader/CardHeader.type';
 
 export interface CardProps {
     ariaLabel?: string;

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,7 +1,7 @@
-import { TypographyProps } from '../../Typography/Typography.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
-import { IconProps } from '../../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from '../../Icon/Icon.types';
+import { IconButtonProps } from '../../IconButton/IconButton.types';
+import { TypographyProps } from '../../Typography/Typography.types';
 
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;

package/lib/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from './Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from './Icon.types';
 
 declare const Icon: ({ className, name, role, size, title, }: IconProps) => ReactElement | null;
 export default Icon;

package/lib/Icon/Icon.types.d.ts

@@ -1,6 +1,6 @@
-import { default as icons32 } from './icons/32x32';
-import { default as icons24 } from './icons/24x24';
 import { AriaRole } from 'react';
+import { default as icons24 } from './icons/24x24';
+import { default as icons32 } from './icons/32x32';
 
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;

package/lib/IconButton/IconButton.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
+import { Icon24, Icon32 } from '../Icon/Icon.types';
 
 type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
     ariaLabel: string;

package/lib/MenuItem/MenuItem.d.ts

@@ -1,4 +1,4 @@
 import { MenuItemProps } from './MenuItem.types';
 
-declare const MenuItem: ({ className: passedClassName, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ className: passedClassName, href, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/lib/MenuItem/MenuItem.types.d.ts

@@ -1,12 +1,13 @@
-import { ButtonProps } from '../Button/Button.types';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
 
 export interface MenuItemProps {
     className?: string;
+    href?: string;
     isSelected?: boolean;
     labelPillText?: string;
     leftIcon: ReactNode;
-    onClick: ButtonProps['onClick'];
+    onClick?: ButtonProps['onClick'];
     rightIcon?: ReactNode;
     role?: ButtonProps['role'];
     text: string;

package/lib/Modal/Modal.types.d.ts

@@ -1,6 +1,6 @@
-import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
-import { CardBodyProps } from '../Card/CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from '../Card/CardBody/CardBody.types';
+import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
 
 export interface ModalProps {
     ariaLabel?: string;

package/lib/NavBar/NavItem/NavItem.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { Icon24, Icon32 } from '../../Icon/Icon.types';
 
 export type NavItemProps = {
     active?: boolean;

package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from '../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from '../Icon/Icon.types';
 
 export type PlaceholderThumbnailProps = {
     className?: string;

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/lib/Popup/Popup.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { PopupPlacement } from '@mui/base';
+import { ReactNode } from 'react';
 
 export interface PopupProps {
     anchor?: HTMLElement | null;

package/lib/TextButton/TextButton.types.d.ts

@@ -1,7 +1,7 @@
-import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
-import { IconProps } from '../Icon/Icon.types';
-import { ButtonProps } from '../Button/Button.types';
 import { ReactElement } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+import { IconProps } from '../Icon/Icon.types';
+import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
 
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     color: 'green' | 'blue' | 'text';

package/lib/TextInput/TextInput.types.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef } from 'react';
 import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
 
 export interface TextInputProps extends UseInputParameters {
     colorScheme: 'light' | 'dark';

package/lib/ToggleInput/ToggleInput.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon32 } from '../Icon/Icon.types';
 import { UseSwitchParameters } from '@mui/base';
+import { Icon32 } from '../Icon/Icon.types';
 
 export interface ToggleInputProps extends UseSwitchParameters {
     icon?: Icon32;

package/package.json

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