@economic/taco 2.49.0-server.4 → 2.49.1

package/dist/esm/packages/taco/src/components/Field/Field.js

@@ -1,23 +1,21 @@
 import { forwardRef, useRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Truncate } from '../Truncate/Truncate.js';
 
-var _excluded = ["disabled", "children", "invalid", "warning", "message"];
-var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
-  var messageRef = useRef(null);
-  var disabled = props.disabled,
-    children = props.children,
-    _props$invalid = props.invalid,
-    invalid = _props$invalid === void 0 ? false : _props$invalid,
-    _props$warning = props.warning,
-    warning = _props$warning === void 0 ? false : _props$warning,
-    message = props.message,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
+const Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
+  const messageRef = useRef(null);
+  const {
+    disabled,
+    children,
+    invalid = false,
+    warning = false,
+    message,
+    ...otherProps
+  } = props;
+  const className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-300': disabled
   }, props.className);
-  var messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
+  const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
     'text-grey-700': !invalid && !warning,
     'text-red-500': invalid,
     'text-yellow-700': warning && !invalid,

package/dist/esm/packages/taco/src/components/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nimport './Field.css';\nimport { Truncate } from '../Truncate/Truncate';\n\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n    /** Content of the field */\n    children: React.ReactNode;\n    /**\tChanges the style to indicate the element is disabled */\n    disabled?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /* Whether the input is in a warning state */\n    warning?: boolean;\n    /**\n     * Text displayed below the children of Field.\n     * Should be a short text that indicates feedback for user.\n     */\n    message?: string;\n};\n\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\n    const messageRef = React.useRef<HTMLSpanElement>(null);\n\n    const { disabled, children, invalid = false, warning = false, message, ...otherProps } = props;\n    const className = cn(\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\n        {\n            'text-grey-300': disabled,\n        },\n        props.className\n    );\n    const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {\n        'text-grey-700': !invalid && !warning,\n        'text-red-500': invalid,\n        'text-yellow-700': warning && !invalid,\n        'opacity-50': disabled,\n    });\n\n    return (\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\n            {children}\n            {message && (\n                <Truncate tooltip={message}>\n                    <span\n                        className={messageClassName}\n                        data-taco=\"label-message\"\n                        ref={messageRef}\n                        role={invalid ? 'alert' : undefined}>\n                        {message}\n                    </span>\n                </Truncate>\n            )}\n        </label>\n    );\n});\n"],"names":["Field","React","props","ref","messageRef","disabled","children","_props$invalid","invalid","_props$warning","warning","message","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn","messageClassName","Truncate","tooltip","role","undefined"],"mappings":";;;;;;IAsBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAAgC;EACpG,IAAMC,UAAU,GAAGH,MAAY,CAAkB,IAAI,CAAC;EAEtD,IAAQI,QAAQ,GAAyEH,KAAK,CAAtFG,QAAQ;IAAEC,QAAQ,GAA+DJ,KAAK,CAA5EI,QAAQ;IAAAC,cAAA,GAA+DL,KAAK,CAAlEM,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,cAAA,GAA8CP,KAAK,CAAjDQ,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAEE,OAAO,GAAoBT,KAAK,CAAhCS,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKX,KAAK,EAAAY,SAAA;EAC9F,IAAMC,SAAS,GAAGC,EAAE,CAChB,8EAA8E,EAC9E;IACI,eAAe,EAAEX;GACpB,EACDH,KAAK,CAACa,SAAS,CAClB;EACD,IAAME,gBAAgB,GAAGD,EAAE,CAAC,iEAAiE,EAAE;IAC3F,eAAe,EAAE,CAACR,OAAO,IAAI,CAACE,OAAO;IACrC,cAAc,EAAEF,OAAO;IACvB,iBAAiB,EAAEE,OAAO,IAAI,CAACF,OAAO;IACtC,YAAY,EAAEH;GACjB,CAAC;EAEF,oBACIJ,yCAAWW,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACZ,GAAG,EAAEA;MAC/DG,QAAQ,EACRK,OAAO,kBACJV,cAACiB,QAAQ;IAACC,OAAO,EAAER;kBACfV;IACIc,SAAS,EAAEE,gBAAgB;iBACjB,eAAe;IACzBd,GAAG,EAAEC,UAAU;IACfgB,IAAI,EAAEZ,OAAO,GAAG,OAAO,GAAGa;KACzBV,OAAO,CACL,CACA,CACd,CACG;AAEhB,CAAC;;;;"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\n\nimport './Field.css';\nimport { Truncate } from '../Truncate/Truncate';\n\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n    /** Content of the field */\n    children: React.ReactNode;\n    /**\tChanges the style to indicate the element is disabled */\n    disabled?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /* Whether the input is in a warning state */\n    warning?: boolean;\n    /**\n     * Text displayed below the children of Field.\n     * Should be a short text that indicates feedback for user.\n     */\n    message?: string;\n};\n\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\n    const messageRef = React.useRef<HTMLSpanElement>(null);\n\n    const { disabled, children, invalid = false, warning = false, message, ...otherProps } = props;\n    const className = cn(\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\n        {\n            'text-grey-300': disabled,\n        },\n        props.className\n    );\n    const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {\n        'text-grey-700': !invalid && !warning,\n        'text-red-500': invalid,\n        'text-yellow-700': warning && !invalid,\n        'opacity-50': disabled,\n    });\n\n    return (\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\n            {children}\n            {message && (\n                <Truncate tooltip={message}>\n                    <span\n                        className={messageClassName}\n                        data-taco=\"label-message\"\n                        ref={messageRef}\n                        role={invalid ? 'alert' : undefined}>\n                        {message}\n                    </span>\n                </Truncate>\n            )}\n        </label>\n    );\n});\n"],"names":["Field","React","props","ref","messageRef","disabled","children","invalid","warning","message","otherProps","className","cn","messageClassName","Truncate","tooltip","role","undefined"],"mappings":";;;;MAsBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAAgC;EACpG,MAAMC,UAAU,GAAGH,MAAY,CAAkB,IAAI,CAAC;EAEtD,MAAM;IAAEI,QAAQ;IAAEC,QAAQ;IAAEC,OAAO,GAAG,KAAK;IAAEC,OAAO,GAAG,KAAK;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAC9F,MAAMS,SAAS,GAAGC,EAAE,CAChB,8EAA8E,EAC9E;IACI,eAAe,EAAEP;GACpB,EACDH,KAAK,CAACS,SAAS,CAClB;EACD,MAAME,gBAAgB,GAAGD,EAAE,CAAC,iEAAiE,EAAE;IAC3F,eAAe,EAAE,CAACL,OAAO,IAAI,CAACC,OAAO;IACrC,cAAc,EAAED,OAAO;IACvB,iBAAiB,EAAEC,OAAO,IAAI,CAACD,OAAO;IACtC,YAAY,EAAEF;GACjB,CAAC;EAEF,oBACIJ,yCAAWS,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACR,GAAG,EAAEA;MAC/DG,QAAQ,EACRG,OAAO,kBACJR,cAACa,QAAQ;IAACC,OAAO,EAAEN;kBACfR;IACIU,SAAS,EAAEE,gBAAgB;iBACjB,eAAe;IACzBV,GAAG,EAAEC,UAAU;IACfY,IAAI,EAAET,OAAO,GAAG,OAAO,GAAGU;KACzBR,OAAO,CACL,CACA,CACd,CACG;AAEhB,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Form/Form.js

@@ -1,13 +1,12 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["horizontal"];
-var Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
-  var _props$horizontal = props.horizontal,
-    horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('yt-form', {
+const Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
+  const {
+    horizontal = false,
+    ...otherProps
+  } = props;
+  const className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
   }, props.className);
   return /*#__PURE__*/createElement("form", Object.assign({}, otherProps, {

package/dist/esm/packages/taco/src/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport './Form.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n    /** Content should be composed of other Taco form elements */\n    children: React.ReactNode;\n    /** Display the form fields in a horizontal layout */\n    horizontal?: boolean;\n};\n\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\n    const { horizontal = false, ...otherProps } = props;\n    const className = cn(\n        'yt-form',\n        {\n            'yt-form--horizontal flex flex-wrap': horizontal,\n        },\n        props.className\n    );\n\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\n});\n"],"names":["Form","React","props","ref","_props$horizontal","horizontal","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn"],"mappings":";;;;;IAWaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAIA,CAACE,KAAgB,EAAEC,GAA+B;EAChG,IAAAC,iBAAA,GAA8CF,KAAK,CAA3CG,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EACnD,IAAMC,SAAS,GAAGC,EAAE,CAChB,SAAS,EACT;IACI,oCAAoC,EAAEL;GACzC,EACDH,KAAK,CAACO,SAAS,CAClB;EAED,oBAAOR,wCAAUK,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,MAAM;IAACN,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}
+{"version":3,"file":"Form.js","sources":["../../../../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport './Form.css';\n\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\n    /** Content should be composed of other Taco form elements */\n    children: React.ReactNode;\n    /** Display the form fields in a horizontal layout */\n    horizontal?: boolean;\n};\n\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\n    const { horizontal = false, ...otherProps } = props;\n    const className = cn(\n        'yt-form',\n        {\n            'yt-form--horizontal flex flex-wrap': horizontal,\n        },\n        props.className\n    );\n\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\n});\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;MAWaA,IAAI,gBAAGC,UAAgB,CAAC,SAASD,IAAIA,CAACE,KAAgB,EAAEC,GAA+B;EAChG,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACnD,MAAMI,SAAS,GAAGC,EAAE,CAChB,SAAS,EACT;IACI,oCAAoC,EAAEH;GACzC,EACDF,KAAK,CAACI,SAAS,CAClB;EAED,oBAAOL,wCAAUI,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,MAAM;IAACH,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Group/Group.js

@@ -1,15 +1,13 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["as", "orientation"];
-var Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
-  var _props$as = props.as,
-    Tag = _props$as === void 0 ? 'span' : _props$as,
-    _props$orientation = props.orientation,
-    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('flex gap-2 [&:has([data-taco="tag"])]:!gap-1', {
+const Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
+  const {
+    as: Tag = 'span',
+    orientation = 'horizontal',
+    ...otherProps
+  } = props;
+  const className = cn('flex gap-2 [&:has([data-taco="tag"])]:!gap-1', {
     'flex-col ': orientation === 'vertical'
   }, props.className);
   return /*#__PURE__*/createElement(Tag, Object.assign({}, otherProps, {

package/dist/esm/packages/taco/src/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Orientation } from '../../types';\n\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Change what html tag element will render.\n     * Default value is `span`\n     */\n    as?: 'div' | 'span' | 'nav';\n    /** Content should be composed of other Taco elements */\n    children: React.ReactNode;\n    /**\n     * Define orientation of grouping.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n};\n\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { as: Tag = 'span', orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        'flex gap-2 [&:has([data-taco=\"tag\"])]:!gap-1',\n        { 'flex-col ': orientation === 'vertical' },\n        props.className\n    );\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\n});\n"],"names":["Group","React","props","ref","_props$as","as","Tag","_props$orientation","orientation","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn"],"mappings":";;;;;IAmBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAA8B;EAClG,IAAAC,SAAA,GAAwEF,KAAK,CAArEG,EAAE;IAAEC,GAAG,GAAAF,SAAA,cAAG,MAAM,GAAAA,SAAA;IAAAG,kBAAA,GAAgDL,KAAK,CAAnDM,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAG,YAAY,GAAAA,kBAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKR,KAAK,EAAAS,SAAA;EAC7E,IAAMC,SAAS,GAAGC,EAAE,CAChB,8CAA8C,EAC9C;IAAE,WAAW,EAAEL,WAAW,KAAK;GAAY,EAC3CN,KAAK,CAACU,SAAS,CAClB;EACD,oBAAOX,cAACK,GAAG,oBAAKG,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACT,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Orientation } from '../../types';\n\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Change what html tag element will render.\n     * Default value is `span`\n     */\n    as?: 'div' | 'span' | 'nav';\n    /** Content should be composed of other Taco elements */\n    children: React.ReactNode;\n    /**\n     * Define orientation of grouping.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n};\n\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { as: Tag = 'span', orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        'flex gap-2 [&:has([data-taco=\"tag\"])]:!gap-1',\n        { 'flex-col ': orientation === 'vertical' },\n        props.className\n    );\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\n});\n"],"names":["Group","React","props","ref","as","Tag","orientation","otherProps","className","cn"],"mappings":";;;MAmBaA,KAAK,gBAAGC,UAAgB,CAAC,SAASD,KAAKA,CAACE,KAAiB,EAAEC,GAA8B;EAClG,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;IAAEC,WAAW,GAAG,YAAY;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAC7E,MAAMM,SAAS,GAAGC,EAAE,CAChB,8CAA8C,EAC9C;IAAE,WAAW,EAAEH,WAAW,KAAK;GAAY,EAC3CJ,KAAK,CAACM,SAAS,CAClB;EACD,oBAAOP,cAACI,GAAG,oBAAKE,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,OAAO;IAACL,GAAG,EAAEA;KAAO;AACpF,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Hanger/Hanger.js

@@ -1,27 +1,26 @@
 import { forwardRef, createElement, useMemo, useState, useEffect, createContext, useContext, isValidElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { mergeRefs } from '../../utils/mergeRefs.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Root, Anchor as Anchor$1, Portal, Content as Content$1, Close } from '@radix-ui/react-popover';
 import { UnstyledArrow } from '../Popover/Primitives.js';
 
-var _excluded = ["anchor", "children", "defaultOpen", "onClose"];
-var HangerContext = /*#__PURE__*/createContext({
+const HangerContext = /*#__PURE__*/createContext({
   onClose: undefined,
   props: {},
   ref: null
 });
-var Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, externalRef) {
+const Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, externalRef) {
   var _props$children;
-  var _React$useContext = useContext(HangerContext),
-    parentRef = _React$useContext.ref,
-    parentProps = _React$useContext.props;
-  var refCallback = mergeRefs([parentRef, externalRef]);
-  var children = props.children;
+  const {
+    ref: parentRef,
+    props: parentProps
+  } = useContext(HangerContext);
+  const refCallback = mergeRefs([parentRef, externalRef]);
+  let children = props.children;
   if (/*#__PURE__*/isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
-    console.warn("Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '" + props.children.type.name + "' in React.forwardRef()? Taco has wrapped '" + props.children.type.name + "' in a 'span' to maintain functionality, but this may cause unintended behaviour");
+    console.warn(`Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
     children = /*#__PURE__*/createElement("span", null, props.children);
   }
   return /*#__PURE__*/createElement(Anchor$1, Object.assign({}, parentProps, props, {
@@ -29,20 +28,23 @@ var Anchor = /*#__PURE__*/forwardRef(function HangerAnchor(props, externalRef) {
     asChild: true
   }), children);
 });
-var Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
-  var className = cn('mb-1 text-base font-bold flex w-full', props.className);
+const Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {
+  const className = cn('mb-1 text-base font-bold flex w-full', props.className);
   return /*#__PURE__*/createElement("span", Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-var Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
-  var side = props.placement;
-  var context = useContext(HangerContext);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var className = cn('wcag-blue-500 border border-transparent rounded p-3 pr-12 yt-shadow focus:border-transparent max-w-sm', props.className);
-  var handleInteractOutside = function handleInteractOutside(event) {
+const Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
+  const {
+    placement: side
+  } = props;
+  const context = useContext(HangerContext);
+  const {
+    texts
+  } = useLocalization();
+  const className = cn('wcag-blue-500 border border-transparent rounded p-3 pr-12 yt-shadow focus:border-transparent max-w-sm', props.className);
+  const handleInteractOutside = event => {
     event.preventDefault();
   };
   return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content$1, {
@@ -64,25 +66,22 @@ var Content = /*#__PURE__*/forwardRef(function HangerContent(props, ref) {
     onClick: context.onClose
   }))));
 });
-var Hanger = /*#__PURE__*/forwardRef(function Hanger(props, ref) {
-  var anchor = props.anchor,
-    children = props.children,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
-    onClose = props.onClose,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var context = useMemo(function () {
-    return {
-      onClose: onClose,
-      props: otherProps,
-      ref: ref
-    };
-  }, [onClose, otherProps]);
+const Hanger = /*#__PURE__*/forwardRef(function Hanger(props, ref) {
+  const {
+    anchor,
+    children,
+    defaultOpen = true,
+    onClose,
+    ...otherProps
+  } = props;
+  const context = useMemo(() => ({
+    onClose,
+    props: otherProps,
+    ref
+  }), [onClose, otherProps]);
   // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal
-  var _React$useState = useState(false),
-    open = _React$useState[0],
-    setOpen = _React$useState[1];
-  useEffect(function () {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
     if (defaultOpen) {
       setOpen(defaultOpen);
     }

package/dist/esm/packages/taco/src/components/Hanger/Hanger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hanger.js","sources":["../../../../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Placement } from '../..';\nimport { UnstyledArrow } from '../Popover/Primitives';\nimport { useLocalization } from '../Provider/Localization';\nimport './Hanger.css';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    props: Record<string, any>;\n    ref: React.Ref<HTMLElement>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    onClose: undefined,\n    props: {},\n    ref: null,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, externalRef: React.Ref<HTMLDivElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(HangerContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let children = props.children;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        console.warn(\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Anchor {...parentProps} {...props} ref={refCallback} asChild>\n            {children}\n        </PopoverPrimitive.Anchor>\n    );\n});\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 text-base font-bold flex w-full', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'wcag-blue-500 border border-transparent rounded p-3 pr-12 yt-shadow focus:border-transparent max-w-sm',\n        props.className\n    );\n    const handleInteractOutside = (event: CustomEvent): void => {\n        event.preventDefault();\n    };\n\n    return (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content\n                className={className}\n                data-taco=\"hanger\"\n                onInteractOutside={handleInteractOutside}\n                side={side}\n                sideOffset={1}\n                ref={ref}>\n                {props.children}\n                <UnstyledArrow className=\"text-blue-500\" />\n                <PopoverPrimitive.Close asChild>\n                    <IconButton\n                        appearance=\"primary\"\n                        aria-label={texts.hanger.close}\n                        className=\"absolute right-0 top-0 ml-2 mr-2 mt-2 text-white\"\n                        icon=\"close\"\n                        onClick={context.onClose}\n                    />\n                </PopoverPrimitive.Close>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const context = React.useMemo(() => ({ onClose, props: otherProps, ref }), [onClose, otherProps]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    return (\n        <HangerContext.Provider value={context}>\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\n                {anchor && <Anchor>{anchor}</Anchor>}\n                {children}\n            </PopoverPrimitive.Root>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["HangerContext","React","onClose","undefined","props","ref","Anchor","HangerAnchor","externalRef","_React$useContext","parentRef","parentProps","refCallback","mergeRefs","children","_props$children","type","console","warn","name","PopoverPrimitive","asChild","Title","DialogTitle","className","cn","Content","HangerContent","side","placement","context","_useLocalization","useLocalization","texts","handleInteractOutside","event","preventDefault","onInteractOutside","sideOffset","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","Hanger","anchor","_props$defaultOpen","defaultOpen","otherProps","_objectWithoutPropertiesLoose","_excluded","_React$useState","open","setOpen","Provider","value","key","String"],"mappings":";;;;;;;;;;AAgBA,IAAMA,aAAa,gBAAGC,aAAmB,CAAqB;EAC1DC,OAAO,EAAEC,SAAS;EAClBC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR,CAAC;AAQF,IAAMC,MAAM,gBAAGL,UAAgB,CAAC,SAASM,YAAYA,CAACH,KAAwB,EAAEI,WAAsC;;EAClH,IAAAC,iBAAA,GAA+CR,UAAgB,CAACD,aAAa,CAAC;IAAjEU,SAAS,GAAAD,iBAAA,CAAdJ,GAAG;IAAoBM,WAAW,GAAAF,iBAAA,CAAlBL,KAAK;EAC7B,IAAMQ,WAAW,GAAGC,SAAS,CAAC,CAACH,SAAS,EAAEF,WAAW,CAAC,CAAC;EAEvD,IAAIM,QAAQ,GAAGV,KAAK,CAACU,QAAQ;EAE7B,iBAAIb,cAAoB,CAACG,KAAK,CAACU,QAAQ,CAAC,IAAI,SAAAC,eAAA,GAAOX,KAAK,CAACU,QAAQ,cAAAC,eAAA,uBAAdA,eAAA,CAAgBC,IAAI,MAAK,UAAU,EAAE;IACpFC,OAAO,CAACC,IAAI,qHAC0Gd,KAAK,CAACU,QAAQ,CAACE,IAAI,CAACG,IAAI,mDAA8Cf,KAAK,CAACU,QAAQ,CAACE,IAAI,CAACG,IAAI,qFAAkF,CACrS;IACDL,QAAQ,gBAAGb,4BAAOG,KAAK,CAACU,QAAQ,CAAQ;;EAG5C,oBACIb,cAACmB,QAAuB,oBAAKT,WAAW,EAAMP,KAAK;IAAEC,GAAG,EAAEO,WAAW;IAAES,OAAO;MACzEP,QAAQ,CACa;AAElC,CAAC,CAAC;IAGWQ,KAAK,gBAAGrB,UAAgB,CAAC,SAASsB,WAAWA,CAACnB,KAAuB,EAAEC,GAAkC;EAClH,IAAMmB,SAAS,GAAGC,EAAE,CAAC,sCAAsC,EAAErB,KAAK,CAACoB,SAAS,CAAC;EAC7E,oBAAOvB,wCAAUG,KAAK;IAAEoB,SAAS,EAAEA,SAAS;IAAEnB,GAAG,EAAEA;KAAO;AAC9D,CAAC;AAOD,IAAMqB,OAAO,gBAAGzB,UAAgB,CAAC,SAAS0B,aAAaA,CAACvB,KAAyB,EAAEC,GAA8B;EAC7G,IAAmBuB,IAAI,GAAKxB,KAAK,CAAzByB,SAAS;EACjB,IAAMC,OAAO,GAAG7B,UAAgB,CAACD,aAAa,CAAC;EAC/C,IAAA+B,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMT,SAAS,GAAGC,EAAE,CAChB,uGAAuG,EACvGrB,KAAK,CAACoB,SAAS,CAClB;EACD,IAAMU,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAkB;IAC7CA,KAAK,CAACC,cAAc,EAAE;GACzB;EAED,oBACInC,cAACmB,MAAuB,qBACpBnB,cAACmB,SAAwB;IACrBI,SAAS,EAAEA,SAAS;iBACV,QAAQ;IAClBa,iBAAiB,EAAEH,qBAAqB;IACxCN,IAAI,EAAEA,IAAI;IACVU,UAAU,EAAE,CAAC;IACbjC,GAAG,EAAEA;KACJD,KAAK,CAACU,QAAQ,eACfb,cAACsC,aAAa;IAACf,SAAS,EAAC;IAAkB,eAC3CvB,cAACmB,KAAsB;IAACC,OAAO;kBAC3BpB,cAACuC,UAAU;IACPC,UAAU,EAAC,SAAS;kBACRR,KAAK,CAACS,MAAM,CAACC,KAAK;IAC9BnB,SAAS,EAAC,kDAAkD;IAC5DoB,IAAI,EAAC,OAAO;IACZC,OAAO,EAAEf,OAAO,CAAC5B;IACnB,CACmB,CACF,CACL;AAElC,CAAC,CAAC;IAoBW4C,MAAM,gBAAG7C,UAAgB,CAA2B,SAAS6C,MAAMA,CAAC1C,KAAK,EAAEC,GAAG;EACvF,IAAQ0C,MAAM,GAA2D3C,KAAK,CAAtE2C,MAAM;IAAEjC,QAAQ,GAAiDV,KAAK,CAA9DU,QAAQ;IAAAkC,kBAAA,GAAiD5C,KAAK,CAApD6C,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAG,IAAI,GAAAA,kBAAA;IAAE9C,OAAO,GAAoBE,KAAK,CAAhCF,OAAO;IAAKgD,UAAU,GAAAC,6BAAA,CAAK/C,KAAK,EAAAgD,SAAA;EAC9E,IAAMtB,OAAO,GAAG7B,OAAa,CAAC;IAAA,OAAO;MAAEC,OAAO,EAAPA,OAAO;MAAEE,KAAK,EAAE8C,UAAU;MAAE7C,GAAG,EAAHA;KAAK;GAAC,EAAE,CAACH,OAAO,EAAEgD,UAAU,CAAC,CAAC;;EAGjG,IAAAG,eAAA,GAAwBpD,QAAc,CAAC,KAAK,CAAC;IAAtCqD,IAAI,GAAAD,eAAA;IAAEE,OAAO,GAAAF,eAAA;EACpBpD,SAAe,CAAC;IACZ,IAAIgD,WAAW,EAAE;MACbM,OAAO,CAACN,WAAW,CAAC;;GAE3B,EAAE,EAAE,CAAC;EAEN,oBACIhD,cAACD,aAAa,CAACwD,QAAQ;IAACC,KAAK,EAAE3B;kBAC3B7B,cAACmB,IAAqB;IAACsC,GAAG,EAAEC,MAAM,CAACL,IAAI,CAAC;IAAEL,WAAW,EAAEK;KAClDP,MAAM,iBAAI9C,cAACK,MAAM,QAAEyC,MAAM,CAAU,EACnCjC,QAAQ,CACW,CACH;AAEjC,CAAC;AACDgC,MAAM,CAACxC,MAAM,GAAGA,MAAM;AACtBwC,MAAM,CAACpB,OAAO,GAAGA,OAAO;AACxBoB,MAAM,CAACxB,KAAK,GAAGA,KAAK;;;;"}
+{"version":3,"file":"Hanger.js","sources":["../../../../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Placement } from '../..';\nimport { UnstyledArrow } from '../Popover/Primitives';\nimport { useLocalization } from '../Provider/Localization';\nimport './Hanger.css';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\ntype HangerContextValue = {\n    /** Handler called when hanger closes by user interaction */\n    onClose?: () => void;\n    props: Record<string, any>;\n    ref: React.Ref<HTMLElement>;\n};\nconst HangerContext = React.createContext<HangerContextValue>({\n    onClose: undefined,\n    props: {},\n    ref: null,\n});\n\nexport type HangerTexts = {\n    /** Aria-label for the close icon button of hanger */\n    close: string;\n};\n\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, externalRef: React.Ref<HTMLDivElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(HangerContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let children = props.children;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        console.warn(\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Anchor {...parentProps} {...props} ref={refCallback} asChild>\n            {children}\n        </PopoverPrimitive.Anchor>\n    );\n});\n\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\n    const className = cn('mb-1 text-base font-bold flex w-full', props.className);\n    return <span {...props} className={className} ref={ref} />;\n});\n\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\n    placement?: Placement;\n};\n\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const context = React.useContext(HangerContext);\n    const { texts } = useLocalization();\n    const className = cn(\n        'wcag-blue-500 border border-transparent rounded p-3 pr-12 yt-shadow focus:border-transparent max-w-sm',\n        props.className\n    );\n    const handleInteractOutside = (event: CustomEvent): void => {\n        event.preventDefault();\n    };\n\n    return (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content\n                className={className}\n                data-taco=\"hanger\"\n                onInteractOutside={handleInteractOutside}\n                side={side}\n                sideOffset={1}\n                ref={ref}>\n                {props.children}\n                <UnstyledArrow className=\"text-blue-500\" />\n                <PopoverPrimitive.Close asChild>\n                    <IconButton\n                        appearance=\"primary\"\n                        aria-label={texts.hanger.close}\n                        className=\"absolute right-0 top-0 ml-2 mr-2 mt-2 text-white\"\n                        icon=\"close\"\n                        onClick={context.onClose}\n                    />\n                </PopoverPrimitive.Close>\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type HangerProps = React.PropsWithChildren<{\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\n    anchor?: JSX.Element;\n    /**\n     * Shows or hides hanger depending on the value\n     * @defaultValue true\n     */\n    defaultOpen?: boolean;\n    /** Handler called when user closes the hanger */\n    onClose?: () => void;\n}>;\n\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\n};\n\nexport const Hanger = React.forwardRef<HTMLElement, HangerProps>(function Hanger(props, ref) {\n    const { anchor, children, defaultOpen = true, onClose, ...otherProps } = props;\n    const context = React.useMemo(() => ({ onClose, props: otherProps, ref }), [onClose, otherProps]);\n\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\n    const [open, setOpen] = React.useState(false);\n    React.useEffect(() => {\n        if (defaultOpen) {\n            setOpen(defaultOpen);\n        }\n    }, []);\n\n    return (\n        <HangerContext.Provider value={context}>\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\n                {anchor && <Anchor>{anchor}</Anchor>}\n                {children}\n            </PopoverPrimitive.Root>\n        </HangerContext.Provider>\n    );\n}) as ForwardedHangerWithStatics;\nHanger.Anchor = Anchor;\nHanger.Content = Content;\nHanger.Title = Title;\n"],"names":["HangerContext","React","onClose","undefined","props","ref","Anchor","HangerAnchor","externalRef","parentRef","parentProps","refCallback","mergeRefs","children","_props$children","type","console","warn","name","PopoverPrimitive","asChild","Title","DialogTitle","className","cn","Content","HangerContent","placement","side","context","texts","useLocalization","handleInteractOutside","event","preventDefault","onInteractOutside","sideOffset","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","Hanger","anchor","defaultOpen","otherProps","open","setOpen","Provider","value","key","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Header/Header.js

@@ -8,8 +8,8 @@ import { SecondaryNavigation } from './components/SecondaryNavigation.js';
 import { MenuButton } from './components/MenuButton.js';
 import { AgreementDisplay, AgreementSelector } from './components/AgreementSelector.js';
 
-var Header = /*#__PURE__*/React__default.forwardRef(function Header(props, ref) {
-  var className = cn('bg-blue-900 flex h-16 w-full shrink-0 items-center gap-2 pl-4', '[&>*:focus-visible]:yt-focus-dark [&>*]:rounded',
+const Header = /*#__PURE__*/React__default.forwardRef(function Header(props, ref) {
+  const className = cn('bg-blue-900 flex h-16 w-full shrink-0 items-center gap-2 pl-4', '[&>*:focus-visible]:yt-focus-dark [&>*]:rounded',
   // styles for logo wrapped inside an anchor
   props.className);
   return /*#__PURE__*/React__default.createElement("header", Object.assign({}, props, {

package/dist/esm/packages/taco/src/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Button } from './components/Button';\nimport { Link } from './components/Link';\nimport { Logo, LogoLegacy } from './components/Logo';\nimport { PrimaryNavigation } from './components/PrimaryNavigation';\nimport { SecondaryNavigation } from './components/SecondaryNavigation';\nimport { MenuButton } from './components/MenuButton';\nimport { AgreementSelector, AgreementDisplay } from './components/AgreementSelector';\n\nexport * from './components/Agreement/types';\n\nexport type HeaderTexts = {\n    addAgreement: string;\n    logout: string;\n    more: string;\n    new: string;\n    search: string;\n};\n\ntype HeaderProps = React.HTMLAttributes<HTMLElement>;\n\nexport type ForwardedHeaderWithStatics = React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>> & {\n    AgreementDisplay: typeof AgreementDisplay;\n    AgreementSelector: typeof AgreementSelector;\n    Button: typeof Button;\n    Link: typeof Link;\n    Logo: typeof Logo;\n    LogoLegacy: typeof LogoLegacy;\n    PrimaryNavigation: typeof PrimaryNavigation;\n    SecondaryNavigation: typeof SecondaryNavigation;\n    MenuButton: typeof MenuButton;\n};\n\nexport const Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(props, ref) {\n    const className = cn(\n        'bg-blue-900 flex h-16 w-full shrink-0 items-center gap-2 pl-4',\n        '[&>*:focus-visible]:yt-focus-dark [&>*]:rounded', // styles for logo wrapped inside an anchor\n        props.className\n    );\n\n    return <header {...props} className={className} ref={ref} />;\n}) as ForwardedHeaderWithStatics;\n\nHeader.AgreementDisplay = AgreementDisplay;\nHeader.AgreementSelector = AgreementSelector;\nHeader.Button = Button;\nHeader.Link = Link;\nHeader.Logo = Logo;\nHeader.LogoLegacy = LogoLegacy;\nHeader.PrimaryNavigation = PrimaryNavigation;\nHeader.SecondaryNavigation = SecondaryNavigation;\nHeader.MenuButton = MenuButton;\n"],"names":["Header","React","forwardRef","props","ref","className","cn","AgreementDisplay","AgreementSelector","Button","Link","Logo","LogoLegacy","PrimaryNavigation","SecondaryNavigation","MenuButton"],"mappings":";;;;;;;;;;IAkCaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,IAAMC,SAAS,GAAGC,EAAE,CAChB,+DAA+D,EAC/D,iDAAiD;;EACjDH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOJ,yDAAYE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAChE,CAAC;AAEDJ,MAAM,CAACO,gBAAgB,GAAGA,gBAAgB;AAC1CP,MAAM,CAACQ,iBAAiB,GAAGA,iBAAiB;AAC5CR,MAAM,CAACS,MAAM,GAAGA,MAAM;AACtBT,MAAM,CAACU,IAAI,GAAGA,IAAI;AAClBV,MAAM,CAACW,IAAI,GAAGA,IAAI;AAClBX,MAAM,CAACY,UAAU,GAAGA,UAAU;AAC9BZ,MAAM,CAACa,iBAAiB,GAAGA,iBAAiB;AAC5Cb,MAAM,CAACc,mBAAmB,GAAGA,mBAAmB;AAChDd,MAAM,CAACe,UAAU,GAAGA,UAAU;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Button } from './components/Button';\nimport { Link } from './components/Link';\nimport { Logo, LogoLegacy } from './components/Logo';\nimport { PrimaryNavigation } from './components/PrimaryNavigation';\nimport { SecondaryNavigation } from './components/SecondaryNavigation';\nimport { MenuButton } from './components/MenuButton';\nimport { AgreementSelector, AgreementDisplay } from './components/AgreementSelector';\n\nexport * from './components/Agreement/types';\n\nexport type HeaderTexts = {\n    addAgreement: string;\n    logout: string;\n    more: string;\n    new: string;\n    search: string;\n};\n\ntype HeaderProps = React.HTMLAttributes<HTMLElement>;\n\nexport type ForwardedHeaderWithStatics = React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>> & {\n    AgreementDisplay: typeof AgreementDisplay;\n    AgreementSelector: typeof AgreementSelector;\n    Button: typeof Button;\n    Link: typeof Link;\n    Logo: typeof Logo;\n    LogoLegacy: typeof LogoLegacy;\n    PrimaryNavigation: typeof PrimaryNavigation;\n    SecondaryNavigation: typeof SecondaryNavigation;\n    MenuButton: typeof MenuButton;\n};\n\nexport const Header = React.forwardRef<HTMLDivElement, HeaderProps>(function Header(props, ref) {\n    const className = cn(\n        'bg-blue-900 flex h-16 w-full shrink-0 items-center gap-2 pl-4',\n        '[&>*:focus-visible]:yt-focus-dark [&>*]:rounded', // styles for logo wrapped inside an anchor\n        props.className\n    );\n\n    return <header {...props} className={className} ref={ref} />;\n}) as ForwardedHeaderWithStatics;\n\nHeader.AgreementDisplay = AgreementDisplay;\nHeader.AgreementSelector = AgreementSelector;\nHeader.Button = Button;\nHeader.Link = Link;\nHeader.Logo = Logo;\nHeader.LogoLegacy = LogoLegacy;\nHeader.PrimaryNavigation = PrimaryNavigation;\nHeader.SecondaryNavigation = SecondaryNavigation;\nHeader.MenuButton = MenuButton;\n"],"names":["Header","React","forwardRef","props","ref","className","cn","AgreementDisplay","AgreementSelector","Button","Link","Logo","LogoLegacy","PrimaryNavigation","SecondaryNavigation","MenuButton"],"mappings":";;;;;;;;;;MAkCaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,MAAMC,SAAS,GAAGC,EAAE,CAChB,+DAA+D,EAC/D,iDAAiD;;EACjDH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOJ,yDAAYE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAChE,CAAC;AAEDJ,MAAM,CAACO,gBAAgB,GAAGA,gBAAgB;AAC1CP,MAAM,CAACQ,iBAAiB,GAAGA,iBAAiB;AAC5CR,MAAM,CAACS,MAAM,GAAGA,MAAM;AACtBT,MAAM,CAACU,IAAI,GAAGA,IAAI;AAClBV,MAAM,CAACW,IAAI,GAAGA,IAAI;AAClBX,MAAM,CAACY,UAAU,GAAGA,UAAU;AAC9BZ,MAAM,CAACa,iBAAiB,GAAGA,iBAAiB;AAC5Cb,MAAM,CAACc,mBAAmB,GAAGA,mBAAmB;AAChDd,MAAM,CAACe,UAAU,GAAGA,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Avatar.js

@@ -1,22 +1,18 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-var _excluded = ["src", "fallbackSrc"];
-var AgreementAvatar = /*#__PURE__*/React__default.forwardRef(function AgreementAvatar(props, ref) {
-  var src = props.src,
-    fallbackSrc = props.fallbackSrc,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _React$useState = React__default.useState(false),
-    loaded = _React$useState[0],
-    setLoaded = _React$useState[1];
-  var handleLoad = function handleLoad() {
-    return setLoaded(true);
-  };
-  var handleError = function handleError(event) {
+const AgreementAvatar = /*#__PURE__*/React__default.forwardRef(function AgreementAvatar(props, ref) {
+  const {
+    src,
+    fallbackSrc,
+    ...otherProps
+  } = props;
+  const [loaded, setLoaded] = React__default.useState(false);
+  const handleLoad = () => setLoaded(true);
+  const handleError = event => {
     event.target.src = fallbackSrc;
   };
-  var className = cn('h-9 w-9 rounded-full shrink-0 group-focus:yt-focus-dark xl:group-focus:shadow-none', {
+  const className = cn('h-9 w-9 rounded-full shrink-0 group-focus:yt-focus-dark xl:group-focus:shadow-none', {
     visible: loaded
   }, props.className);
   return /*#__PURE__*/React__default.createElement("img", Object.assign({}, otherProps, {

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type AgreementAvatarProps = React.ImgHTMLAttributes<HTMLImageElement> & { fallbackSrc: string };\n\nexport const AgreementAvatar = React.forwardRef<HTMLImageElement, AgreementAvatarProps>(function AgreementAvatar(props, ref) {\n    const { src, fallbackSrc, ...otherProps } = props;\n    const [loaded, setLoaded] = React.useState(false);\n    const handleLoad = () => setLoaded(true);\n    const handleError = event => {\n        event.target.src = fallbackSrc;\n    };\n\n    const className = cn(\n        'h-9 w-9 rounded-full shrink-0 group-focus:yt-focus-dark xl:group-focus:shadow-none',\n        {\n            visible: loaded,\n        },\n        props.className\n    );\n\n    return <img {...otherProps} className={className} src={src} onLoad={handleLoad} onError={handleError} ref={ref} />;\n});\n"],"names":["AgreementAvatar","React","forwardRef","props","ref","src","fallbackSrc","otherProps","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","loaded","setLoaded","handleLoad","handleError","event","target","className","cn","visible","onLoad","onError"],"mappings":";;;;;IAKaA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASF,eAAeA,CAACG,KAAK,EAAEC,GAAG;EACvH,IAAQC,GAAG,GAAiCF,KAAK,CAAzCE,GAAG;IAAEC,WAAW,GAAoBH,KAAK,CAApCG,WAAW;IAAKC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EACjD,IAAAC,eAAA,GAA4BT,cAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;IAA1CC,MAAM,GAAAF,eAAA;IAAEG,SAAS,GAAAH,eAAA;EACxB,IAAMI,UAAU,GAAG,SAAbA,UAAUA;IAAA,OAASD,SAAS,CAAC,IAAI,CAAC;;EACxC,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK;IACrBA,KAAK,CAACC,MAAM,CAACZ,GAAG,GAAGC,WAAW;GACjC;EAED,IAAMY,SAAS,GAAGC,EAAE,CAChB,oFAAoF,EACpF;IACIC,OAAO,EAAER;GACZ,EACDT,KAAK,CAACe,SAAS,CAClB;EAED,oBAAOjB,sDAASM,UAAU;IAAEW,SAAS,EAAEA,SAAS;IAAEb,GAAG,EAAEA,GAAG;IAAEgB,MAAM,EAAEP,UAAU;IAAEQ,OAAO,EAAEP,WAAW;IAAEX,GAAG,EAAEA;KAAO;AACtH,CAAC;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type AgreementAvatarProps = React.ImgHTMLAttributes<HTMLImageElement> & { fallbackSrc: string };\n\nexport const AgreementAvatar = React.forwardRef<HTMLImageElement, AgreementAvatarProps>(function AgreementAvatar(props, ref) {\n    const { src, fallbackSrc, ...otherProps } = props;\n    const [loaded, setLoaded] = React.useState(false);\n    const handleLoad = () => setLoaded(true);\n    const handleError = event => {\n        event.target.src = fallbackSrc;\n    };\n\n    const className = cn(\n        'h-9 w-9 rounded-full shrink-0 group-focus:yt-focus-dark xl:group-focus:shadow-none',\n        {\n            visible: loaded,\n        },\n        props.className\n    );\n\n    return <img {...otherProps} className={className} src={src} onLoad={handleLoad} onError={handleError} ref={ref} />;\n});\n"],"names":["AgreementAvatar","React","forwardRef","props","ref","src","fallbackSrc","otherProps","loaded","setLoaded","useState","handleLoad","handleError","event","target","className","cn","visible","onLoad","onError"],"mappings":";;;MAKaA,eAAe,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASF,eAAeA,CAACG,KAAK,EAAEC,GAAG;EACvH,MAAM;IAAEC,GAAG;IAAEC,WAAW;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACjD,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGR,cAAK,CAACS,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMC,UAAU,GAAGA,MAAMF,SAAS,CAAC,IAAI,CAAC;EACxC,MAAMG,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,MAAM,CAACT,GAAG,GAAGC,WAAW;GACjC;EAED,MAAMS,SAAS,GAAGC,EAAE,CAChB,oFAAoF,EACpF;IACIC,OAAO,EAAET;GACZ,EACDL,KAAK,CAACY,SAAS,CAClB;EAED,oBAAOd,sDAASM,UAAU;IAAEQ,SAAS,EAAEA,SAAS;IAAEV,GAAG,EAAEA,GAAG;IAAEa,MAAM,EAAEP,UAAU;IAAEQ,OAAO,EAAEP,WAAW;IAAER,GAAG,EAAEA;KAAO;AACtH,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Badge.js

@@ -1,11 +1,10 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Badge } from '../../../Badge/Badge.js';
 
-var _excluded = ["agreement"];
-var AgreementBadge = function AgreementBadge(_ref) {
-  var agreement = _ref.agreement,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+const AgreementBadge = ({
+  agreement,
+  ...props
+}) => {
   if (agreement.isAdministrator) {
     return /*#__PURE__*/React__default.createElement(Badge, Object.assign({}, props, {
       color: "blue",

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge } from '../../../Badge/Badge';\nimport { Agreement } from './types';\n\nexport type AgreementBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    agreement: Agreement;\n};\n\nexport const AgreementBadge = ({ agreement, ...props }: AgreementBadgeProps) => {\n    if (agreement.isAdministrator) {\n        return (\n            <Badge {...props} color=\"blue\" small>\n                Admin\n            </Badge>\n        );\n    } else if (agreement.isDeveloper) {\n        return (\n            <Badge {...props} color=\"blue\" small>\n                Developer\n            </Badge>\n        );\n    }\n\n    return null;\n};\n"],"names":["AgreementBadge","_ref","agreement","props","_objectWithoutPropertiesLoose","_excluded","isAdministrator","React","Badge","color","small","isDeveloper"],"mappings":";;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA;MAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAKC,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAChD,IAAIH,SAAS,CAACI,eAAe,EAAE;IAC3B,oBACIC,6BAACC,KAAK,oBAAKL,KAAK;MAAEM,KAAK,EAAC,MAAM;MAACC,KAAK;gBAE5B;GAEf,MAAM,IAAIR,SAAS,CAACS,WAAW,EAAE;IAC9B,oBACIJ,6BAACC,KAAK,oBAAKL,KAAK;MAAEM,KAAK,EAAC,MAAM;MAACC,KAAK;oBAE5B;;EAIhB,OAAO,IAAI;AACf;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge } from '../../../Badge/Badge';\nimport { Agreement } from './types';\n\nexport type AgreementBadgeProps = React.HTMLAttributes<HTMLSpanElement> & {\n    agreement: Agreement;\n};\n\nexport const AgreementBadge = ({ agreement, ...props }: AgreementBadgeProps) => {\n    if (agreement.isAdministrator) {\n        return (\n            <Badge {...props} color=\"blue\" small>\n                Admin\n            </Badge>\n        );\n    } else if (agreement.isDeveloper) {\n        return (\n            <Badge {...props} color=\"blue\" small>\n                Developer\n            </Badge>\n        );\n    }\n\n    return null;\n};\n"],"names":["AgreementBadge","agreement","props","isAdministrator","React","Badge","color","small","isDeveloper"],"mappings":";;;MAQaA,cAAc,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;CAA4B;EACvE,IAAID,SAAS,CAACE,eAAe,EAAE;IAC3B,oBACIC,6BAACC,KAAK,oBAAKH,KAAK;MAAEI,KAAK,EAAC,MAAM;MAACC,KAAK;gBAE5B;GAEf,MAAM,IAAIN,SAAS,CAACO,WAAW,EAAE;IAC9B,oBACIJ,6BAACC,KAAK,oBAAKH,KAAK;MAAEI,KAAK,EAAC,MAAM;MAACC,KAAK;oBAE5B;;EAIhB,OAAO,IAAI;AACf;;;;"}

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Display.js

@@ -5,13 +5,15 @@ import { AgreementAvatar } from './Avatar.js';
 import { AgreementBadge } from './Badge.js';
 import { AgreementItem } from './Item.js';
 
-var AgreementDisplay = function AgreementDisplay(props) {
-  var children = props.children,
-    currentAgreement = props.currentAgreement,
-    fallbackImageSrc = props.fallbackImageSrc;
-  var isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);
+const AgreementDisplay = props => {
+  const {
+    children,
+    currentAgreement,
+    fallbackImageSrc
+  } = props;
+  const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);
   if (isXlScreen) {
-    var className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);
+    const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);
     return /*#__PURE__*/React__default.createElement(AgreementItem, Object.assign({}, currentAgreement, {
       children: children,
       className: className,
@@ -23,7 +25,7 @@ var AgreementDisplay = function AgreementDisplay(props) {
   }, /*#__PURE__*/React__default.createElement(AgreementAvatar, {
     fallbackSrc: fallbackImageSrc,
     src: currentAgreement.imageSrc,
-    title: currentAgreement.name + " - " + currentAgreement.number + " " + currentAgreement.userId
+    title: `${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`
   }), /*#__PURE__*/React__default.createElement(AgreementBadge, {
     agreement: currentAgreement,
     className: "absolute right-0 top-0 -mr-1 w-8 !justify-start"

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Display.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Agreement } from './types';\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementItem } from './Item';\nimport { AgreementBadge } from './Badge';\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nexport type AgreementDisplayProps = {\n    children?: JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["AgreementDisplay","props","children","currentAgreement","fallbackImageSrc","isXlScreen","useMatchMedia","window","innerWidth","className","cn","React","AgreementItem","AgreementAvatar","fallbackSrc","src","imageSrc","title","name","number","userId","AgreementBadge","agreement"],"mappings":";;;;;;;IAeaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAA4B;EACzD,IAAQC,QAAQ,GAAyCD,KAAK,CAAtDC,QAAQ;IAAEC,gBAAgB,GAAuBF,KAAK,CAA5CE,gBAAgB;IAAEC,gBAAgB,GAAKH,KAAK,CAA1BG,gBAAgB;EACpD,IAAMC,UAAU,GAAGC,aAAa,CAAC,qBAAqB,EAAEC,MAAM,CAACC,UAAU,GAAG,IAAI,CAAC;EAEjF,IAAIH,UAAU,EAAE;IACZ,IAAMI,SAAS,GAAGC,EAAE,CAAC,oDAAoD,EAAET,KAAK,CAACQ,SAAS,CAAC;IAC3F,oBACIE,6BAACC,aAAa,oBAAKT,gBAAgB;MAAED,QAAQ,EAAEA,QAAQ;MAAEO,SAAS,EAAEA,SAAS;MAAEL,gBAAgB,EAAEA;OAAoB;;EAI7H,oBACIO;IAAMF,SAAS,EAAC;kBACZE,6BAACE,eAAe;IACZC,WAAW,EAAEV,gBAAgB;IAC7BW,GAAG,EAAEZ,gBAAgB,CAACa,QAAQ;IAC9BC,KAAK,EAAKd,gBAAgB,CAACe,IAAI,WAAMf,gBAAgB,CAACgB,MAAM,SAAIhB,gBAAgB,CAACiB;IACnF,eACFT,6BAACU,cAAc;IAACC,SAAS,EAAEnB,gBAAgB;IAAEM,SAAS,EAAC;IAAoD,CACxG;AAEf;;;;"}
+{"version":3,"file":"Display.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Display.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Agreement } from './types';\nimport { AgreementAvatar } from './Avatar';\nimport { AgreementItem } from './Item';\nimport { AgreementBadge } from './Badge';\nimport { useMatchMedia } from '../../../../hooks/useMatchMedia';\n\nexport type AgreementDisplayProps = {\n    children?: JSX.Element | null;\n    className?: string;\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementDisplay = (props: AgreementDisplayProps) => {\n    const { children, currentAgreement, fallbackImageSrc } = props;\n    const isXlScreen = useMatchMedia('(min-width: 1280px)', window.innerWidth > 1280);\n\n    if (isXlScreen) {\n        const className = cn('h-12 flex-grow xl:[button>&]:hover:bg-white/[0.16]', props.className);\n        return (\n            <AgreementItem {...currentAgreement} children={children} className={className} fallbackImageSrc={fallbackImageSrc} />\n        );\n    }\n\n    return (\n        <span className=\"relative flex h-12 flex-grow items-center pr-2\">\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={currentAgreement.imageSrc}\n                title={`${currentAgreement.name} - ${currentAgreement.number} ${currentAgreement.userId}`}\n            />\n            <AgreementBadge agreement={currentAgreement} className=\"absolute right-0 top-0 -mr-1 w-8 !justify-start\" />\n        </span>\n    );\n};\n"],"names":["AgreementDisplay","props","children","currentAgreement","fallbackImageSrc","isXlScreen","useMatchMedia","window","innerWidth","className","cn","React","AgreementItem","AgreementAvatar","fallbackSrc","src","imageSrc","title","name","number","userId","AgreementBadge","agreement"],"mappings":";;;;;;;MAeaA,gBAAgB,GAAIC,KAA4B;EACzD,MAAM;IAAEC,QAAQ;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGH,KAAK;EAC9D,MAAMI,UAAU,GAAGC,aAAa,CAAC,qBAAqB,EAAEC,MAAM,CAACC,UAAU,GAAG,IAAI,CAAC;EAEjF,IAAIH,UAAU,EAAE;IACZ,MAAMI,SAAS,GAAGC,EAAE,CAAC,oDAAoD,EAAET,KAAK,CAACQ,SAAS,CAAC;IAC3F,oBACIE,6BAACC,aAAa,oBAAKT,gBAAgB;MAAED,QAAQ,EAAEA,QAAQ;MAAEO,SAAS,EAAEA,SAAS;MAAEL,gBAAgB,EAAEA;OAAoB;;EAI7H,oBACIO;IAAMF,SAAS,EAAC;kBACZE,6BAACE,eAAe;IACZC,WAAW,EAAEV,gBAAgB;IAC7BW,GAAG,EAAEZ,gBAAgB,CAACa,QAAQ;IAC9BC,KAAK,EAAE,GAAGd,gBAAgB,CAACe,IAAI,MAAMf,gBAAgB,CAACgB,MAAM,IAAIhB,gBAAgB,CAACiB,MAAM;IACzF,eACFT,6BAACU,cAAc;IAACC,SAAS,EAAEnB,gBAAgB;IAAEM,SAAS,EAAC;IAAoD,CACxG;AAEf;;;;"}

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Item.js

@@ -1,23 +1,23 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { AgreementAvatar } from './Avatar.js';
 import { AgreementBadge } from './Badge.js';
 
-var _excluded = ["children", "className", "fallbackImageSrc"];
-var AgreementItem = function AgreementItem(props) {
-  var children = props.children,
-    customClassName = props.className,
-    fallbackImageSrc = props.fallbackImageSrc,
-    agreement = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('w-full rounded flex px-2 gap-2 overflow-hidden text-left items-center', customClassName);
+const AgreementItem = props => {
+  const {
+    children,
+    className: customClassName,
+    fallbackImageSrc,
+    ...agreement
+  } = props;
+  const className = cn('w-full rounded flex px-2 gap-2 overflow-hidden text-left items-center', customClassName);
   return /*#__PURE__*/React__default.createElement("span", {
     className: className
   }, /*#__PURE__*/React__default.createElement(AgreementAvatar, {
     fallbackSrc: fallbackImageSrc,
     src: agreement.imageSrc,
-    title: agreement.name + " - " + agreement.number + " " + agreement.userId
+    title: `${agreement.name} - ${agreement.number} ${agreement.userId}`
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "flex flex-col overflow-hidden"
   }, /*#__PURE__*/React__default.createElement("span", {

package/dist/esm/packages/taco/src/components/Header/components/Agreement/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../../Icon/Icon';\nimport { AgreementAvatar } from './Avatar';\nimport { Agreement } from './types';\nimport { AgreementBadge } from './Badge';\n\nexport type AgreementItemProps = Agreement & {\n    children?: JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('w-full rounded flex px-2 gap-2 overflow-hidden text-left items-center', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"text-grey-100 whitespace-nowrap text-xs\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["AgreementItem","props","children","customClassName","className","fallbackImageSrc","agreement","_objectWithoutPropertiesLoose","_excluded","cn","React","AgreementAvatar","fallbackSrc","src","imageSrc","title","name","number","userId","secure","Icon","AgreementBadge"],"mappings":";;;;;;;;IAaaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB;EACnD,IAAQC,QAAQ,GAAiED,KAAK,CAA9EC,QAAQ;IAAaC,eAAe,GAAqCF,KAAK,CAApEG,SAAS;IAAmBC,gBAAgB,GAAmBJ,KAAK,CAAxCI,gBAAgB;IAAKC,SAAS,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EACtF,IAAMJ,SAAS,GAAGK,EAAE,CAAC,uEAAuE,EAAEN,eAAe,CAAC;EAE9G,oBACIO;IAAMN,SAAS,EAAEA;kBACbM,6BAACC,eAAe;IACZC,WAAW,EAAEP,gBAAgB;IAC7BQ,GAAG,EAAEP,SAAS,CAACQ,QAAQ;IACvBC,KAAK,EAAKT,SAAS,CAACU,IAAI,WAAMV,SAAS,CAACW,MAAM,SAAIX,SAAS,CAACY;IAC9D,eACFR;IAAMN,SAAS,EAAC;kBACZM;IAAMN,SAAS,EAAC,0BAA0B;IAACW,KAAK,EAAET,SAAS,CAACU;kBACxDN;IAAMN,SAAS,EAAC;KAAYE,SAAS,CAACU,IAAI,CAAQ,EAAC,GAAG,EACrDV,SAAS,CAACa,MAAM,iBACbT,6BAACU,IAAI;IAACJ,IAAI,EAAC,aAAa;IAACZ,SAAS,EAAC;IAA2D,IAC9F,IAAI,CACL,eACPM;IAAMN,SAAS,EAAC;KACXE,SAAS,CAACW,MAAM,OAAGX,SAAS,CAACY,MAAM,oBAAER,6BAACW,cAAc;IAACf,SAAS,EAAEA;IAAa,CAC3E,CACJ,EACNJ,QAAQ,CACN;AAEf;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../../src/components/Header/components/Agreement/Item.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../../Icon/Icon';\nimport { AgreementAvatar } from './Avatar';\nimport { Agreement } from './types';\nimport { AgreementBadge } from './Badge';\n\nexport type AgreementItemProps = Agreement & {\n    children?: JSX.Element | null;\n    className?: string;\n    fallbackImageSrc: string;\n};\n\nexport const AgreementItem = (props: AgreementItemProps) => {\n    const { children, className: customClassName, fallbackImageSrc, ...agreement } = props;\n    const className = cn('w-full rounded flex px-2 gap-2 overflow-hidden text-left items-center', customClassName);\n\n    return (\n        <span className={className}>\n            <AgreementAvatar\n                fallbackSrc={fallbackImageSrc}\n                src={agreement.imageSrc}\n                title={`${agreement.name} - ${agreement.number} ${agreement.userId}`}\n            />\n            <span className=\"flex flex-col overflow-hidden\">\n                <span className=\"flex truncate text-white\" title={agreement.name}>\n                    <span className=\"truncate\">{agreement.name}</span>{' '}\n                    {agreement.secure ? (\n                        <Icon name=\"secure-tick\" className=\"mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0\" />\n                    ) : null}\n                </span>\n                <span className=\"text-grey-100 whitespace-nowrap text-xs\">\n                    {agreement.number} {agreement.userId} <AgreementBadge agreement={agreement} />\n                </span>\n            </span>\n            {children}\n        </span>\n    );\n};\n"],"names":["AgreementItem","props","children","className","customClassName","fallbackImageSrc","agreement","cn","React","AgreementAvatar","fallbackSrc","src","imageSrc","title","name","number","userId","secure","Icon","AgreementBadge"],"mappings":";;;;;;MAaaA,aAAa,GAAIC,KAAyB;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,eAAe;IAAEC,gBAAgB;IAAE,GAAGC;GAAW,GAAGL,KAAK;EACtF,MAAME,SAAS,GAAGI,EAAE,CAAC,uEAAuE,EAAEH,eAAe,CAAC;EAE9G,oBACII;IAAML,SAAS,EAAEA;kBACbK,6BAACC,eAAe;IACZC,WAAW,EAAEL,gBAAgB;IAC7BM,GAAG,EAAEL,SAAS,CAACM,QAAQ;IACvBC,KAAK,EAAE,GAAGP,SAAS,CAACQ,IAAI,MAAMR,SAAS,CAACS,MAAM,IAAIT,SAAS,CAACU,MAAM;IACpE,eACFR;IAAML,SAAS,EAAC;kBACZK;IAAML,SAAS,EAAC,0BAA0B;IAACU,KAAK,EAAEP,SAAS,CAACQ;kBACxDN;IAAML,SAAS,EAAC;KAAYG,SAAS,CAACQ,IAAI,CAAQ,EAAC,GAAG,EACrDR,SAAS,CAACW,MAAM,iBACbT,6BAACU,IAAI;IAACJ,IAAI,EAAC,aAAa;IAACX,SAAS,EAAC;IAA2D,IAC9F,IAAI,CACL,eACPK;IAAML,SAAS,EAAC;KACXG,SAAS,CAACS,MAAM,OAAGT,SAAS,CAACU,MAAM,oBAAER,6BAACW,cAAc;IAACb,SAAS,EAAEA;IAAa,CAC3E,CACJ,EACNJ,QAAQ,CACN;AAEf;;;;"}