@economic/taco 2.47.0-server.3 → 2.47.0-server.5

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

@@ -11,7 +11,7 @@ import '../../../primitives/Collection/Collection.js';
 import { AgreementItem } from './Agreement/Item.js';
 import { AgreementDisplay as AgreementDisplay$1 } from './Agreement/Display.js';
 
-const Container = props => {
+var Container = function Container(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "-ml-2 flex flex-shrink-0 flex-grow-0 items-center gap-2 pr-2 xl:ml-auto xl:w-64",
     "data-taco": "header-agreements"
@@ -20,38 +20,45 @@ const Container = props => {
   }), props.children);
 };
 function AgreementSelector(props) {
-  const {
-    agreements,
-    currentAgreement,
-    fallbackImageSrc,
-    filterAgreement = () => true,
-    filterClientAgreement = () => true,
-    onAddAgreement: handleAddAgreement,
-    onChangeAgreement,
-    onLogout: handleLogout,
-    open: prop,
-    setOpen: onChange
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const collectionRef = React__default.useRef(null);
-  const [open, setOpen] = useControllableState({
-    onChange,
-    prop
-  });
-  const [search, setSearch] = React__default.useState('');
-  React__default.useEffect(() => {
+  var agreements = props.agreements,
+    currentAgreement = props.currentAgreement,
+    fallbackImageSrc = props.fallbackImageSrc,
+    _props$filterAgreemen = props.filterAgreement,
+    filterAgreement = _props$filterAgreemen === void 0 ? function () {
+      return true;
+    } : _props$filterAgreemen,
+    _props$filterClientAg = props.filterClientAgreement,
+    filterClientAgreement = _props$filterClientAg === void 0 ? function () {
+      return true;
+    } : _props$filterClientAg,
+    handleAddAgreement = props.onAddAgreement,
+    onChangeAgreement = props.onChangeAgreement,
+    handleLogout = props.onLogout,
+    prop = props.open,
+    onChange = props.setOpen;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var collectionRef = React__default.useRef(null);
+  var _useControllableState = useControllableState({
+      onChange: onChange,
+      prop: prop
+    }),
+    open = _useControllableState[0],
+    setOpen = _useControllableState[1];
+  var _React$useState = React__default.useState(''),
+    search = _React$useState[0],
+    setSearch = _React$useState[1];
+  React__default.useEffect(function () {
     setSearch('');
   }, [open]);
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'Enter') {
       var _collectionRef$curren;
       event.preventDefault();
       (_collectionRef$curren = collectionRef.current) === null || _collectionRef$curren === void 0 ? void 0 : _collectionRef$curren.dispatchEvent(createCustomKeyboardEvent(event));
     }
   };
-  const handleChangeAgreement = agreement => {
+  var handleChangeAgreement = function handleChangeAgreement(agreement) {
     onChangeAgreement(agreement);
     setOpen(false);
   };
@@ -71,7 +78,9 @@ function AgreementSelector(props) {
   }, /*#__PURE__*/React__default.createElement(SearchInput, {
     autoFocus: true,
     className: "focus-visible:!yt-focus-dark mx-2 !border-transparent !bg-white/[0.08] !text-white hover:!bg-white/[0.16] hover:!shadow-none focus:!bg-white/[0.16] active:!bg-white/[0.16] [&+div>button]:!text-white",
-    onChange: event => setSearch(event.target.value),
+    onChange: function onChange(event) {
+      return setSearch(event.target.value);
+    },
     onKeyDown: handleKeyDown,
     placeholder: texts.header.search
   }), /*#__PURE__*/React__default.createElement(Root$1, {
@@ -79,13 +88,19 @@ function AgreementSelector(props) {
     className: "-my-1 flex w-full flex-grow flex-col gap-1 overflow-auto px-2 py-1 outline-none",
     ref: collectionRef,
     tabIndex: -1
-  }, agreements === null || agreements === void 0 ? void 0 : agreements.filter(agreement => filterAgreement(agreement, filterBySearchValue(search))).map(agreement => {
-    const button = createAgreementButton(agreement, fallbackImageSrc, handleChangeAgreement, isCurrentAgreement(agreement, currentAgreement));
+  }, agreements === null || agreements === void 0 ? void 0 : agreements.filter(function (agreement) {
+    return filterAgreement(agreement, filterBySearchValue(search));
+  }).map(function (agreement) {
+    var button = createAgreementButton(agreement, fallbackImageSrc, handleChangeAgreement, isCurrentAgreement(agreement, currentAgreement));
     if (agreement.clients) {
       return /*#__PURE__*/React__default.createElement("span", {
         className: "flex flex-col gap-px [&>*:first-child>span]:!rounded-t [&>*:last-child>span]:!rounded-b [&>*>span]:!rounded-none",
-        key: `${agreement.number}_${agreement.userId}_clients`
-      }, filterBySearchValue(search)(agreement) ? button : null, agreement.clients.filter(agreement => filterClientAgreement(agreement, search, filterBySearchValue(search))).map(clientAgreement => createAgreementButton(clientAgreement, fallbackImageSrc, handleChangeAgreement, isCurrentAgreement(clientAgreement, currentAgreement))));
+        key: agreement.number + "_" + agreement.userId + "_clients"
+      }, filterBySearchValue(search)(agreement) ? button : null, agreement.clients.filter(function (agreement) {
+        return filterClientAgreement(agreement, search, filterBySearchValue(search));
+      }).map(function (clientAgreement) {
+        return createAgreementButton(clientAgreement, fallbackImageSrc, handleChangeAgreement, isCurrentAgreement(clientAgreement, currentAgreement));
+      }));
     }
     return button;
   })), handleAddAgreement ? (/*#__PURE__*/React__default.createElement(Button, {
@@ -99,19 +114,24 @@ function AgreementSelector(props) {
     tabIndex: 0
   }, texts.header.logout))));
 }
-const filterBySearchValue = search => agreement => {
-  if (!search || !search.length) {
-    return true;
-  }
-  const matchesAgreementNumber = String(agreement.number).indexOf(search) > -1;
-  const matchesCompanyName = agreement.name.toLowerCase().indexOf(search.toLowerCase()) > -1;
-  return matchesAgreementNumber || matchesCompanyName;
+var filterBySearchValue = function filterBySearchValue(search) {
+  return function (agreement) {
+    if (!search || !search.length) {
+      return true;
+    }
+    var matchesAgreementNumber = String(agreement.number).indexOf(search) > -1;
+    var matchesCompanyName = agreement.name.toLowerCase().indexOf(search.toLowerCase()) > -1;
+    return matchesAgreementNumber || matchesCompanyName;
+  };
 };
-const isCurrentAgreement = (agreement, currentAgreement) => {
+var isCurrentAgreement = function isCurrentAgreement(agreement, currentAgreement) {
   return agreement.number === currentAgreement.number && agreement.userId === currentAgreement.userId;
 };
-const createAgreementButton = (agreement, fallbackImageSrc, onChangeAgreement, isCurrentAgreement = false) => {
-  const handleKeyDown = event => {
+var createAgreementButton = function createAgreementButton(agreement, fallbackImageSrc, onChangeAgreement, isCurrentAgreement) {
+  if (isCurrentAgreement === void 0) {
+    isCurrentAgreement = false;
+  }
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Enter') {
       onChangeAgreement(agreement);
     }
@@ -120,8 +140,10 @@ const createAgreementButton = (agreement, fallbackImageSrc, onChangeAgreement, i
     "aria-current": isCurrentAgreement ? 'true' : undefined,
     className: "focus:yt-focus-dark w-full rounded outline-none",
     "data-taco": "header-agreements-agreement",
-    key: `${agreement.number}_${agreement.userId}`,
-    onClick: () => onChangeAgreement(agreement),
+    key: agreement.number + "_" + agreement.userId,
+    onClick: function onClick() {
+      return onChangeAgreement(agreement);
+    },
     onKeyDown: handleKeyDown,
     tabIndex: 0
   }, /*#__PURE__*/React__default.createElement(AgreementItem, Object.assign({}, agreement, {
@@ -130,10 +152,8 @@ const createAgreementButton = (agreement, fallbackImageSrc, onChangeAgreement, i
   })));
 };
 function AgreementDisplay(props) {
-  const {
-    currentAgreement,
-    fallbackImageSrc
-  } = props;
+  var currentAgreement = props.currentAgreement,
+    fallbackImageSrc = props.fallbackImageSrc;
   return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(AgreementDisplay$1, {
     currentAgreement: currentAgreement,
     fallbackImageSrc: fallbackImageSrc

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

@@ -1 +1 @@
-{"version":3,"file":"AgreementSelector.js","sources":["../../../../../../../../src/components/Header/components/AgreementSelector.tsx"],"sourcesContent":["import React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as CollectionPrimitive from '../../../primitives/Collection/Collection';\nimport { AgreementItem } from './Agreement/Item';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Icon } from '../../Icon/Icon';\nimport { SearchInput } from '../../SearchInput/SearchInput';\nimport { Button } from '../../Button/Button';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Agreement } from './Agreement/types';\nimport { AgreementDisplay as Display } from './Agreement/Display';\n\nconst Container = props => {\n    return (\n        <div\n            className=\"-ml-2 flex flex-shrink-0 flex-grow-0 items-center gap-2 pr-2 xl:ml-auto xl:w-64\"\n            data-taco=\"header-agreements\">\n            <span className=\"hidden h-8 w-px flex-shrink-0 flex-grow-0 bg-white/[0.3] xl:flex\" />\n            {props.children}\n        </div>\n    );\n};\n\nexport type AgreementSelectorProps = {\n    agreements: Agreement[];\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n    filterAgreement: (agreement: Agreement, filter: (agreement: Agreement) => boolean) => void;\n    filterClientAgreement: (agreement: Agreement, searchValue: string, filter: (agreement: Agreement) => boolean) => void;\n    onAddAgreement?: () => void;\n    onChangeAgreement: (agreement: Agreement) => void;\n    onLogout: () => void;\n    open?: boolean;\n    setOpen?: (open: boolean) => void;\n};\n\nexport function AgreementSelector(props: AgreementSelectorProps) {\n    const {\n        agreements,\n        currentAgreement,\n        fallbackImageSrc,\n        filterAgreement = () => true,\n        filterClientAgreement = () => true,\n        onAddAgreement: handleAddAgreement,\n        onChangeAgreement,\n        onLogout: handleLogout,\n        open: prop,\n        setOpen: onChange,\n    } = props;\n    const { texts } = useLocalization();\n    const collectionRef = React.useRef<CollectionPrimitive.CollectionRef | null>(null);\n    const [open, setOpen] = useControllableState<boolean>({\n        onChange,\n        prop,\n    });\n    const [search, setSearch] = React.useState('');\n\n    React.useEffect(() => {\n        setSearch('');\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'Enter') {\n            event.preventDefault();\n            collectionRef.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n        }\n    };\n\n    const handleChangeAgreement = (agreement: Agreement) => {\n        onChangeAgreement(agreement);\n        setOpen(false);\n    };\n\n    return (\n        <Container>\n            <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n                <PopoverPrimitive.Trigger className=\"xl:focus-visible:yt-focus-dark [&:focus-visible_img]:yt-focus-dark w-full rounded outline-none xl:[&:focus-visible_img]:shadow-none\">\n                    <Display currentAgreement={currentAgreement} fallbackImageSrc={fallbackImageSrc}>\n                        {agreements ? (\n                            <Icon\n                                className=\"ml-auto hidden flex-shrink-0 flex-grow-0 text-white xl:flex\"\n                                name={open ? 'chevron-up' : 'chevron-down'}\n                            />\n                        ) : null}\n                    </Display>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content className=\"z-[996] mt-2 flex h-[calc(100vh_-_theme(spacing.16))] w-64 flex-col gap-1 bg-blue-900\">\n                    <SearchInput\n                        autoFocus\n                        className=\"focus-visible:!yt-focus-dark mx-2 !border-transparent !bg-white/[0.08] !text-white hover:!bg-white/[0.16] hover:!shadow-none focus:!bg-white/[0.16] active:!bg-white/[0.16] [&+div>button]:!text-white\"\n                        onChange={event => setSearch(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                        placeholder={texts.header.search}\n                    />\n                    <CollectionPrimitive.Root\n                        querySelector=\"button\"\n                        className=\"-my-1 flex w-full flex-grow flex-col gap-1 overflow-auto px-2 py-1 outline-none\"\n                        ref={collectionRef}\n                        tabIndex={-1}>\n                        {agreements\n                            ?.filter(agreement => filterAgreement(agreement, filterBySearchValue(search)))\n                            .map(agreement => {\n                                const button = createAgreementButton(\n                                    agreement,\n                                    fallbackImageSrc,\n                                    handleChangeAgreement,\n                                    isCurrentAgreement(agreement, currentAgreement)\n                                );\n\n                                if (agreement.clients) {\n                                    return (\n                                        <span\n                                            className=\"flex flex-col gap-px [&>*:first-child>span]:!rounded-t [&>*:last-child>span]:!rounded-b [&>*>span]:!rounded-none\"\n                                            key={`${agreement.number}_${agreement.userId}_clients`}>\n                                            {filterBySearchValue(search)(agreement) ? button : null}\n                                            {agreement.clients\n                                                .filter(agreement =>\n                                                    filterClientAgreement(agreement, search, filterBySearchValue(search))\n                                                )\n                                                .map(clientAgreement =>\n                                                    createAgreementButton(\n                                                        clientAgreement,\n                                                        fallbackImageSrc,\n                                                        handleChangeAgreement,\n                                                        isCurrentAgreement(clientAgreement, currentAgreement)\n                                                    )\n                                                )}\n                                        </span>\n                                    );\n                                }\n\n                                return button;\n                            })}\n                    </CollectionPrimitive.Root>\n                    {handleAddAgreement ? (\n                        <Button\n                            className=\"focus-visible:!yt-focus-dark my-1 mx-2 !h-9 shrink-0 !bg-white/[0.08] !text-white hover:!bg-white/[0.16]\"\n                            onClick={handleAddAgreement}>\n                            {texts.header.addAgreement}\n                        </Button>\n                    ) : null}\n                    <hr className=\"my-0 h-px w-full bg-white/[0.08]\" />\n                    <a\n                        className=\"focus-visible:yt-focus-dark mx-2 mb-2 flex h-8 shrink-0 items-center justify-center rounded text-white hover:cursor-pointer hover:text-white hover:underline focus-visible:outline-none\"\n                        onClick={handleLogout}\n                        tabIndex={0}>\n                        {texts.header.logout}\n                    </a>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive.Root>\n        </Container>\n    );\n}\n\nconst filterBySearchValue = (search: string) => (agreement: Agreement) => {\n    if (!search || !search.length) {\n        return true;\n    }\n\n    const matchesAgreementNumber = String(agreement.number).indexOf(search) > -1;\n    const matchesCompanyName = agreement.name.toLowerCase().indexOf(search.toLowerCase()) > -1;\n\n    return matchesAgreementNumber || matchesCompanyName;\n};\n\nconst isCurrentAgreement = (agreement: Agreement, currentAgreement: Agreement) => {\n    return agreement.number === currentAgreement.number && agreement.userId === currentAgreement.userId;\n};\n\nconst createAgreementButton = (\n    agreement: Agreement,\n    fallbackImageSrc: string,\n    onChangeAgreement: (agreement: Agreement) => void,\n    isCurrentAgreement = false\n) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (event.key === 'Enter') {\n            onChangeAgreement(agreement);\n        }\n    };\n\n    return (\n        <button\n            aria-current={isCurrentAgreement ? 'true' : undefined}\n            className=\"focus:yt-focus-dark w-full rounded outline-none\"\n            data-taco=\"header-agreements-agreement\"\n            key={`${agreement.number}_${agreement.userId}`}\n            onClick={() => onChangeAgreement(agreement)}\n            onKeyDown={handleKeyDown}\n            tabIndex={0}>\n            <AgreementItem\n                {...agreement}\n                className=\"h-14 bg-white/[0.08] xl:hover:bg-white/[0.16] [[aria-current='true']>&]:bg-white/[0.16]\"\n                fallbackImageSrc={fallbackImageSrc}\n            />\n        </button>\n    );\n};\n\nexport type AgreementDisplayProps = React.HTMLAttributes<HTMLDivElement> & {\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport function AgreementDisplay(props: AgreementDisplayProps) {\n    const { currentAgreement, fallbackImageSrc } = props;\n\n    return (\n        <Container>\n            <Display currentAgreement={currentAgreement} fallbackImageSrc={fallbackImageSrc} />\n        </Container>\n    );\n}\n"],"names":["Container","props","React","className","children","AgreementSelector","agreements","currentAgreement","fallbackImageSrc","filterAgreement","filterClientAgreement","onAddAgreement","handleAddAgreement","onChangeAgreement","onLogout","handleLogout","open","prop","setOpen","onChange","texts","useLocalization","collectionRef","useRef","useControllableState","search","setSearch","useState","useEffect","handleKeyDown","event","key","_collectionRef$curren","preventDefault","current","dispatchEvent","createCustomKeyboardEvent","handleChangeAgreement","agreement","PopoverPrimitive","onOpenChange","Display","Icon","name","SearchInput","autoFocus","target","value","onKeyDown","placeholder","header","CollectionPrimitive","querySelector","ref","tabIndex","filter","filterBySearchValue","map","button","createAgreementButton","isCurrentAgreement","clients","number","userId","clientAgreement","Button","onClick","addAgreement","logout","length","matchesAgreementNumber","String","indexOf","matchesCompanyName","toLowerCase","undefined","AgreementItem","AgreementDisplay"],"mappings":"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"}
+{"version":3,"file":"AgreementSelector.js","sources":["../../../../../../../../src/components/Header/components/AgreementSelector.tsx"],"sourcesContent":["import React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport * as CollectionPrimitive from '../../../primitives/Collection/Collection';\nimport { AgreementItem } from './Agreement/Item';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { Icon } from '../../Icon/Icon';\nimport { SearchInput } from '../../SearchInput/SearchInput';\nimport { Button } from '../../Button/Button';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Agreement } from './Agreement/types';\nimport { AgreementDisplay as Display } from './Agreement/Display';\n\nconst Container = props => {\n    return (\n        <div\n            className=\"-ml-2 flex flex-shrink-0 flex-grow-0 items-center gap-2 pr-2 xl:ml-auto xl:w-64\"\n            data-taco=\"header-agreements\">\n            <span className=\"hidden h-8 w-px flex-shrink-0 flex-grow-0 bg-white/[0.3] xl:flex\" />\n            {props.children}\n        </div>\n    );\n};\n\nexport type AgreementSelectorProps = {\n    agreements: Agreement[];\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n    filterAgreement: (agreement: Agreement, filter: (agreement: Agreement) => boolean) => void;\n    filterClientAgreement: (agreement: Agreement, searchValue: string, filter: (agreement: Agreement) => boolean) => void;\n    onAddAgreement?: () => void;\n    onChangeAgreement: (agreement: Agreement) => void;\n    onLogout: () => void;\n    open?: boolean;\n    setOpen?: (open: boolean) => void;\n};\n\nexport function AgreementSelector(props: AgreementSelectorProps) {\n    const {\n        agreements,\n        currentAgreement,\n        fallbackImageSrc,\n        filterAgreement = () => true,\n        filterClientAgreement = () => true,\n        onAddAgreement: handleAddAgreement,\n        onChangeAgreement,\n        onLogout: handleLogout,\n        open: prop,\n        setOpen: onChange,\n    } = props;\n    const { texts } = useLocalization();\n    const collectionRef = React.useRef<CollectionPrimitive.CollectionRef | null>(null);\n    const [open, setOpen] = useControllableState<boolean>({\n        onChange,\n        prop,\n    });\n    const [search, setSearch] = React.useState('');\n\n    React.useEffect(() => {\n        setSearch('');\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'Enter') {\n            event.preventDefault();\n            collectionRef.current?.dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n        }\n    };\n\n    const handleChangeAgreement = (agreement: Agreement) => {\n        onChangeAgreement(agreement);\n        setOpen(false);\n    };\n\n    return (\n        <Container>\n            <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n                <PopoverPrimitive.Trigger className=\"xl:focus-visible:yt-focus-dark [&:focus-visible_img]:yt-focus-dark w-full rounded outline-none xl:[&:focus-visible_img]:shadow-none\">\n                    <Display currentAgreement={currentAgreement} fallbackImageSrc={fallbackImageSrc}>\n                        {agreements ? (\n                            <Icon\n                                className=\"ml-auto hidden flex-shrink-0 flex-grow-0 text-white xl:flex\"\n                                name={open ? 'chevron-up' : 'chevron-down'}\n                            />\n                        ) : null}\n                    </Display>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content className=\"z-[996] mt-2 flex h-[calc(100vh_-_theme(spacing.16))] w-64 flex-col gap-1 bg-blue-900\">\n                    <SearchInput\n                        autoFocus\n                        className=\"focus-visible:!yt-focus-dark mx-2 !border-transparent !bg-white/[0.08] !text-white hover:!bg-white/[0.16] hover:!shadow-none focus:!bg-white/[0.16] active:!bg-white/[0.16] [&+div>button]:!text-white\"\n                        onChange={event => setSearch(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                        placeholder={texts.header.search}\n                    />\n                    <CollectionPrimitive.Root\n                        querySelector=\"button\"\n                        className=\"-my-1 flex w-full flex-grow flex-col gap-1 overflow-auto px-2 py-1 outline-none\"\n                        ref={collectionRef}\n                        tabIndex={-1}>\n                        {agreements\n                            ?.filter(agreement => filterAgreement(agreement, filterBySearchValue(search)))\n                            .map(agreement => {\n                                const button = createAgreementButton(\n                                    agreement,\n                                    fallbackImageSrc,\n                                    handleChangeAgreement,\n                                    isCurrentAgreement(agreement, currentAgreement)\n                                );\n\n                                if (agreement.clients) {\n                                    return (\n                                        <span\n                                            className=\"flex flex-col gap-px [&>*:first-child>span]:!rounded-t [&>*:last-child>span]:!rounded-b [&>*>span]:!rounded-none\"\n                                            key={`${agreement.number}_${agreement.userId}_clients`}>\n                                            {filterBySearchValue(search)(agreement) ? button : null}\n                                            {agreement.clients\n                                                .filter(agreement =>\n                                                    filterClientAgreement(agreement, search, filterBySearchValue(search))\n                                                )\n                                                .map(clientAgreement =>\n                                                    createAgreementButton(\n                                                        clientAgreement,\n                                                        fallbackImageSrc,\n                                                        handleChangeAgreement,\n                                                        isCurrentAgreement(clientAgreement, currentAgreement)\n                                                    )\n                                                )}\n                                        </span>\n                                    );\n                                }\n\n                                return button;\n                            })}\n                    </CollectionPrimitive.Root>\n                    {handleAddAgreement ? (\n                        <Button\n                            className=\"focus-visible:!yt-focus-dark my-1 mx-2 !h-9 shrink-0 !bg-white/[0.08] !text-white hover:!bg-white/[0.16]\"\n                            onClick={handleAddAgreement}>\n                            {texts.header.addAgreement}\n                        </Button>\n                    ) : null}\n                    <hr className=\"my-0 h-px w-full bg-white/[0.08]\" />\n                    <a\n                        className=\"focus-visible:yt-focus-dark mx-2 mb-2 flex h-8 shrink-0 items-center justify-center rounded text-white hover:cursor-pointer hover:text-white hover:underline focus-visible:outline-none\"\n                        onClick={handleLogout}\n                        tabIndex={0}>\n                        {texts.header.logout}\n                    </a>\n                </PopoverPrimitive.Content>\n            </PopoverPrimitive.Root>\n        </Container>\n    );\n}\n\nconst filterBySearchValue = (search: string) => (agreement: Agreement) => {\n    if (!search || !search.length) {\n        return true;\n    }\n\n    const matchesAgreementNumber = String(agreement.number).indexOf(search) > -1;\n    const matchesCompanyName = agreement.name.toLowerCase().indexOf(search.toLowerCase()) > -1;\n\n    return matchesAgreementNumber || matchesCompanyName;\n};\n\nconst isCurrentAgreement = (agreement: Agreement, currentAgreement: Agreement) => {\n    return agreement.number === currentAgreement.number && agreement.userId === currentAgreement.userId;\n};\n\nconst createAgreementButton = (\n    agreement: Agreement,\n    fallbackImageSrc: string,\n    onChangeAgreement: (agreement: Agreement) => void,\n    isCurrentAgreement = false\n) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (event.key === 'Enter') {\n            onChangeAgreement(agreement);\n        }\n    };\n\n    return (\n        <button\n            aria-current={isCurrentAgreement ? 'true' : undefined}\n            className=\"focus:yt-focus-dark w-full rounded outline-none\"\n            data-taco=\"header-agreements-agreement\"\n            key={`${agreement.number}_${agreement.userId}`}\n            onClick={() => onChangeAgreement(agreement)}\n            onKeyDown={handleKeyDown}\n            tabIndex={0}>\n            <AgreementItem\n                {...agreement}\n                className=\"h-14 bg-white/[0.08] xl:hover:bg-white/[0.16] [[aria-current='true']>&]:bg-white/[0.16]\"\n                fallbackImageSrc={fallbackImageSrc}\n            />\n        </button>\n    );\n};\n\nexport type AgreementDisplayProps = React.HTMLAttributes<HTMLDivElement> & {\n    currentAgreement: Agreement;\n    fallbackImageSrc: string;\n};\n\nexport function AgreementDisplay(props: AgreementDisplayProps) {\n    const { currentAgreement, fallbackImageSrc } = props;\n\n    return (\n        <Container>\n            <Display currentAgreement={currentAgreement} fallbackImageSrc={fallbackImageSrc} />\n        </Container>\n    );\n}\n"],"names":["Container","props","React","className","children","AgreementSelector","agreements","currentAgreement","fallbackImageSrc","_props$filterAgreemen","filterAgreement","_props$filterClientAg","filterClientAgreement","handleAddAgreement","onAddAgreement","onChangeAgreement","handleLogout","onLogout","prop","open","onChange","setOpen","_useLocalization","useLocalization","texts","collectionRef","useRef","_useControllableState","useControllableState","_React$useState","useState","search","setSearch","useEffect","handleKeyDown","event","key","_collectionRef$curren","preventDefault","current","dispatchEvent","createCustomKeyboardEvent","handleChangeAgreement","agreement","PopoverPrimitive","onOpenChange","Display","Icon","name","SearchInput","autoFocus","target","value","onKeyDown","placeholder","header","CollectionPrimitive","querySelector","ref","tabIndex","filter","filterBySearchValue","map","button","createAgreementButton","isCurrentAgreement","clients","number","userId","clientAgreement","Button","onClick","addAgreement","logout","length","matchesAgreementNumber","String","indexOf","matchesCompanyName","toLowerCase","undefined","AgreementItem","AgreementDisplay"],"mappings":"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"}

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

@@ -1,12 +1,11 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '../../IconButton/IconButton.js';
 
-const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
-  const {
-    ...attributes
-  } = props;
-  const className = cn(getButtonClasses(), props.className);
+var Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
+  var attributes = _extends({}, (_objectDestructuringEmpty(props), props));
+  var className = cn(getButtonClasses(), props.className);
   return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, attributes, {
     appearance: "discrete",
     className: className,
@@ -14,9 +13,14 @@ const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref
     ref: ref
   }));
 });
-const getButtonClasses = (rounded = true) => cn('!h-9 !w-9 flex-shrink-0 flex-grow-0 cursor-pointer relative', 'focus:!outline-none focus:!shadow-none focus-visible:!yt-focus-dark ', 'bg-transparent enabled:hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]', 'text-white', {
-  '!rounded-full': rounded
-});
+var getButtonClasses = function getButtonClasses(rounded) {
+  if (rounded === void 0) {
+    rounded = true;
+  }
+  return cn('!h-9 !w-9 flex-shrink-0 flex-grow-0 cursor-pointer relative', 'focus:!outline-none focus:!shadow-none focus-visible:!yt-focus-dark ', 'bg-transparent enabled:hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]', 'text-white', {
+    '!rounded-full': rounded
+  });
+};
 
 export { Button, getButtonClasses };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/Header/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton, IconButtonProps } from '../../IconButton/IconButton';\n\nexport type ButtonProps = Omit<IconButtonProps, 'appearance' | 'aria-label'> & {\n    'aria-label': string;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { ...attributes } = props;\n    const className = cn(getButtonClasses(), props.className);\n\n    return <IconButton {...attributes} appearance=\"discrete\" className={className} data-taco=\"header-button\" ref={ref} />;\n});\n\nexport const getButtonClasses = (rounded = true) =>\n    cn(\n        '!h-9 !w-9 flex-shrink-0 flex-grow-0 cursor-pointer relative',\n        'focus:!outline-none focus:!shadow-none focus-visible:!yt-focus-dark ',\n        'bg-transparent enabled:hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]',\n        'text-white',\n        {\n            '!rounded-full': rounded,\n        }\n    );\n"],"names":["Button","React","forwardRef","props","ref","attributes","className","cn","getButtonClasses","IconButton","appearance","rounded"],"mappings":";;;;MAQaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC7F,MAAM;IAAE,GAAGC;GAAY,GAAGF,KAAK;EAC/B,MAAMG,SAAS,GAAGC,EAAE,CAACC,gBAAgB,EAAE,EAAEL,KAAK,CAACG,SAAS,CAAC;EAEzD,oBAAOL,6BAACQ,UAAU,oBAAKJ,UAAU;IAAEK,UAAU,EAAC,UAAU;IAACJ,SAAS,EAAEA,SAAS;iBAAY,eAAe;IAACF,GAAG,EAAEA;KAAO;AACzH,CAAC;MAEYI,gBAAgB,GAAGA,CAACG,OAAO,GAAG,IAAI,KAC3CJ,EAAE,CACE,6DAA6D,EAC7D,sEAAsE,EACtE,mGAAmG,EACnG,YAAY,EACZ;EACI,eAAe,EAAEI;CACpB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/Header/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton, IconButtonProps } from '../../IconButton/IconButton';\n\nexport type ButtonProps = Omit<IconButtonProps, 'appearance' | 'aria-label'> & {\n    'aria-label': string;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(props, ref) {\n    const { ...attributes } = props;\n    const className = cn(getButtonClasses(), props.className);\n\n    return <IconButton {...attributes} appearance=\"discrete\" className={className} data-taco=\"header-button\" ref={ref} />;\n});\n\nexport const getButtonClasses = (rounded = true) =>\n    cn(\n        '!h-9 !w-9 flex-shrink-0 flex-grow-0 cursor-pointer relative',\n        'focus:!outline-none focus:!shadow-none focus-visible:!yt-focus-dark ',\n        'bg-transparent enabled:hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]',\n        'text-white',\n        {\n            '!rounded-full': rounded,\n        }\n    );\n"],"names":["Button","React","forwardRef","props","ref","attributes","_extends","_objectDestructuringEmpty","className","cn","getButtonClasses","IconButton","appearance","rounded"],"mappings":";;;;;IAQaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC7F,IAAWC,UAAU,GAAAC,QAAA,MAAAC,yBAAA,CAAKJ,KAAK,GAALA,KAAK;EAC/B,IAAMK,SAAS,GAAGC,EAAE,CAACC,gBAAgB,EAAE,EAAEP,KAAK,CAACK,SAAS,CAAC;EAEzD,oBAAOP,6BAACU,UAAU,oBAAKN,UAAU;IAAEO,UAAU,EAAC,UAAU;IAACJ,SAAS,EAAEA,SAAS;iBAAY,eAAe;IAACJ,GAAG,EAAEA;KAAO;AACzH,CAAC;IAEYM,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIG,OAAO;EAAA,IAAPA,OAAO;IAAPA,OAAO,GAAG,IAAI;;EAAA,OAC3CJ,EAAE,CACE,6DAA6D,EAC7D,sEAAsE,EACtE,mGAAmG,EACnG,YAAY,EACZ;IACI,eAAe,EAAEI;GACpB,CACJ;AAAA;;;;"}

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

@@ -1,23 +1,22 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { Badge } from '../../Badge/Badge.js';
 import { Tooltip } from '../../Tooltip/Tooltip.js';
 import { useLocalization } from '../../Provider/Localization.js';
 
-const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
-  const {
-    children,
-    icon,
-    isNew,
-    tooltip,
-    ...otherProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const className = cn(getLinkClasses(icon), 'relative', props.className);
-  const link = /*#__PURE__*/React__default.createElement("a", Object.assign({}, otherProps, {
+var _excluded = ["children", "icon", "isNew", "tooltip"];
+var Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  var children = props.children,
+    icon = props.icon,
+    isNew = props.isNew,
+    tooltip = props.tooltip,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var className = cn(getLinkClasses(icon), 'relative', props.className);
+  var link = /*#__PURE__*/React__default.createElement("a", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "header-link",
     ref: ref,
@@ -28,7 +27,7 @@ const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
     color: "blue",
     small: true,
     className: "absolute right-0 top-0 -mr-2.5 -mt-1.5 !h-3 !px-0.5 text-[0.55rem] font-normal"
-  }, texts.header.new)) : null);
+  }, texts.header["new"])) : null);
   if (tooltip) {
     return /*#__PURE__*/React__default.createElement(Tooltip, {
       title: tooltip
@@ -36,10 +35,15 @@ const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
   }
   return link;
 });
-const getLinkClasses = (icon = undefined) => cn('flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center ', 'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark', 'bg-transparent hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]', 'text-white hover:text-white focus:text-white', {
-  '!rounded-full !h-9 !w-9': icon,
-  'whitespace-nowrap px-3 rounded text-sm hidden lg:flex': !icon
-});
+var getLinkClasses = function getLinkClasses(icon) {
+  if (icon === void 0) {
+    icon = undefined;
+  }
+  return cn('flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center ', 'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark', 'bg-transparent hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]', 'text-white hover:text-white focus:text-white', {
+    '!rounded-full !h-9 !w-9': icon,
+    'whitespace-nowrap px-3 rounded text-sm hidden lg:flex': !icon
+  });
+};
 
 export { Link, getLinkClasses };
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Badge } from '../../Badge/Badge';\nimport { useLocalization } from '../../Provider/Localization';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ninterface LinkPropsWithoutIcon extends BaseLinkProps {\n    children: JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n}\n\ninterface LinkPropsWithIcon extends Omit<BaseLinkProps, 'aria-label'> {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n}\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge\n                    color=\"blue\"\n                    small\n                    className=\"absolute right-0 top-0 -mr-2.5 -mt-1.5 !h-3 !px-0.5 text-[0.55rem] font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center ',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]',\n        'text-white hover:text-white focus:text-white',\n        {\n            '!rounded-full !h-9 !w-9': icon,\n            'whitespace-nowrap px-3 rounded text-sm hidden lg:flex': !icon,\n        }\n    );\n"],"names":["Link","React","forwardRef","props","ref","children","icon","isNew","tooltip","otherProps","texts","useLocalization","className","cn","getLinkClasses","link","tabIndex","Icon","name","Badge","color","small","header","new","Tooltip","title","undefined"],"mappings":";;;;;;;MA0BaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA+B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACvF,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGN,KAAK;EAC/D,MAAM;IAAEO;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGC,EAAE,CAACC,cAAc,CAACR,IAAI,CAAC,EAAE,UAAU,EAAEH,KAAK,CAACS,SAAS,CAAC;EAEvE,MAAMG,IAAI,gBACNd,oDAAOQ,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,aAAa;IAACR,GAAG,EAAEA,GAAG;IAAEY,QAAQ,EAAE;MAChFV,IAAI,gBAAGL,6BAACgB,IAAI;IAACC,IAAI,EAAEZ;IAAQ,GAAG,IAAI,EAClCD,QAAQ,EACRE,KAAK,iBACFN,6BAACkB,KAAK;IACFC,KAAK,EAAC,MAAM;IACZC,KAAK;IACLT,SAAS,EAAC;KACTF,KAAK,CAACY,MAAM,CAACC,GAAG,CACb,IACR,IAAI,CAEf;EAED,IAAIf,OAAO,EAAE;IACT,oBAAOP,6BAACuB,OAAO;MAACC,KAAK,EAAEjB;OAAUO,IAAI,CAAW;;EAGpD,OAAOA,IAAI;AACf,CAAC;MAEYD,cAAc,GAAGA,CAACR,OAA6BoB,SAAS,KACjEb,EAAE,CACE,gFAAgF,EAChF,qEAAqE,EACrE,2FAA2F,EAC3F,8CAA8C,EAC9C;EACI,yBAAyB,EAAEP,IAAI;EAC/B,uDAAuD,EAAE,CAACA;CAC7D;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Header/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Badge } from '../../Badge/Badge';\nimport { useLocalization } from '../../Provider/Localization';\n\nexport type BaseLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    tooltip?: string;\n};\n\ninterface LinkPropsWithoutIcon extends BaseLinkProps {\n    children: JSX.Element | string;\n    icon?: never;\n    isNew?: never;\n}\n\ninterface LinkPropsWithIcon extends Omit<BaseLinkProps, 'aria-label'> {\n    'aria-label': string;\n    children?: never;\n    icon: IconName;\n    isNew?: boolean;\n}\n\nexport type LinkProps = LinkPropsWithoutIcon | LinkPropsWithIcon;\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n    const { children, icon, isNew, tooltip, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const className = cn(getLinkClasses(icon), 'relative', props.className);\n\n    const link = (\n        <a {...otherProps} className={className} data-taco=\"header-link\" ref={ref} tabIndex={0}>\n            {icon ? <Icon name={icon} /> : null}\n            {children}\n            {isNew ? (\n                <Badge\n                    color=\"blue\"\n                    small\n                    className=\"absolute right-0 top-0 -mr-2.5 -mt-1.5 !h-3 !px-0.5 text-[0.55rem] font-normal\">\n                    {texts.header.new}\n                </Badge>\n            ) : null}\n        </a>\n    );\n\n    if (tooltip) {\n        return <Tooltip title={tooltip}>{link}</Tooltip>;\n    }\n\n    return link;\n});\n\nexport const getLinkClasses = (icon: IconName | undefined = undefined) =>\n    cn(\n        'flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center ',\n        'focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark',\n        'bg-transparent hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]',\n        'text-white hover:text-white focus:text-white',\n        {\n            '!rounded-full !h-9 !w-9': icon,\n            'whitespace-nowrap px-3 rounded text-sm hidden lg:flex': !icon,\n        }\n    );\n"],"names":["Link","React","forwardRef","props","ref","children","icon","isNew","tooltip","otherProps","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","className","cn","getLinkClasses","link","tabIndex","Icon","name","Badge","color","small","header","Tooltip","title","undefined"],"mappings":";;;;;;;;;IA0BaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA+B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACvF,IAAQC,QAAQ,GAA0CF,KAAK,CAAvDE,QAAQ;IAAEC,IAAI,GAAoCH,KAAK,CAA7CG,IAAI;IAAEC,KAAK,GAA6BJ,KAAK,CAAvCI,KAAK;IAAEC,OAAO,GAAoBL,KAAK,CAAhCK,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKP,KAAK,EAAAQ,SAAA;EAC/D,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,SAAS,GAAGC,EAAE,CAACC,cAAc,CAACX,IAAI,CAAC,EAAE,UAAU,EAAEH,KAAK,CAACY,SAAS,CAAC;EAEvE,IAAMG,IAAI,gBACNjB,oDAAOQ,UAAU;IAAEM,SAAS,EAAEA,SAAS;iBAAY,aAAa;IAACX,GAAG,EAAEA,GAAG;IAAEe,QAAQ,EAAE;MAChFb,IAAI,gBAAGL,6BAACmB,IAAI;IAACC,IAAI,EAAEf;IAAQ,GAAG,IAAI,EAClCD,QAAQ,EACRE,KAAK,iBACFN,6BAACqB,KAAK;IACFC,KAAK,EAAC,MAAM;IACZC,KAAK;IACLT,SAAS,EAAC;KACTD,KAAK,CAACW,MAAM,OAAI,CACb,IACR,IAAI,CAEf;EAED,IAAIjB,OAAO,EAAE;IACT,oBAAOP,6BAACyB,OAAO;MAACC,KAAK,EAAEnB;OAAUU,IAAI,CAAW;;EAGpD,OAAOA,IAAI;AACf,CAAC;IAEYD,cAAc,GAAG,SAAjBA,cAAcA,CAAIX;MAAAA;IAAAA,OAA6BsB,SAAS;;EAAA,OACjEZ,EAAE,CACE,gFAAgF,EAChF,qEAAqE,EACrE,2FAA2F,EAC3F,8CAA8C,EAC9C;IACI,yBAAyB,EAAEV,IAAI;IAC/B,uDAAuD,EAAE,CAACA;GAC7D,CACJ;AAAA;;;;"}

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

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const Logo = /*#__PURE__*/React__default.forwardRef(function Logo(props, ref) {
-  const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);
+var Logo = /*#__PURE__*/React__default.forwardRef(function Logo(props, ref) {
+  var className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);
   return /*#__PURE__*/React__default.createElement("svg", Object.assign({}, props, {
     className: className,
     ref: ref,
@@ -18,8 +18,8 @@ const Logo = /*#__PURE__*/React__default.forwardRef(function Logo(props, ref) {
     d: "M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z"
   })));
 });
-const LogoLegacy = /*#__PURE__*/React__default.forwardRef(function Logo(props, ref) {
-  const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);
+var LogoLegacy = /*#__PURE__*/React__default.forwardRef(function Logo(props, ref) {
+  var className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);
   return /*#__PURE__*/React__default.createElement("svg", Object.assign({}, props, {
     className: className,
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunsetOrange\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["Logo","React","forwardRef","props","ref","className","cn","viewBox","xmlns","d","LogoLegacy","fillRule","strokeWidth"],"mappings":";;;MAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACnF,MAAMC,SAAS,GAAGC,EAAE,CAAC,uEAAuE,EAAEH,KAAK,CAACE,SAAS,CAAC;EAE9G,oBACIJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;mBACtEP;IAAGI,SAAS,EAAC;kBACTJ;IAAMQ,CAAC,EAAC;IAAwM,eAChNR;IAAMQ,CAAC,EAAC;IAA0L,eAClMR;IAAMQ,CAAC,EAAC;IAAooB,CAC5oB,CACF;AAEd,CAAC;MAEYC,UAAU,gBAAGT,cAAK,CAACC,UAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACzF,MAAMC,SAAS,GAAGC,EAAE,CAAC,4DAA4D,EAAEH,KAAK,CAACE,SAAS,CAAC;EAEnG,oBACIJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAC,YAAY;IAACC,KAAK,EAAC;mBACvEP;IAAGI,SAAS,EAAC;kBACTJ;IACII,SAAS,EAAC,YAAY;IACtBI,CAAC,EAAC,4RAA4R;IAC9RE,QAAQ,EAAC;IACX,eACFV;IAAGI,SAAS,EAAC;kBACTJ;IACIQ,CAAC,EAAC,iQAAiQ;IACnQE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,iPAAiP;IACnPE,QAAQ,EAAC;IACX,eACFV;IAAMU,QAAQ,EAAC,SAAS;IAACF,CAAC,EAAC;IAAuD,eAClFR;IACIU,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;IACJ,eACFR;IACIQ,CAAC,EAAC,ghBAAghB;IAClhBE,QAAQ,EAAC;IACX,CACF,CACJ,eACJV;IAAGI,SAAS,EAAC;kBACTJ;IAAMI,SAAS,EAAC,cAAc;IAACI,CAAC,EAAC,yBAAyB;IAACG,WAAW,EAAC;IAAS,eAChFX;IAAGI,SAAS,EAAC;kBACTJ;IACIQ,CAAC,EAAC,y2BAAy2B;IAC32BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,2UAA2U;IAC7UE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,8sBAA8sB;IAChtBE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,23BAA23B;IAC73BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,mgBAAmgB;IACrgBE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,u4BAAu4B;IACz4BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,+2BAA+2B;IACj3BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,iYAAiY;IACnYE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,8rBAA8rB;IAChsBE,QAAQ,EAAC;IACX,CACF,CACJ,CACF;AAEd,CAAC;;;;"}
+{"version":3,"file":"Logo.js","sources":["../../../../../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunsetOrange\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["Logo","React","forwardRef","props","ref","className","cn","viewBox","xmlns","d","LogoLegacy","fillRule","strokeWidth"],"mappings":";;;IAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACnF,IAAMC,SAAS,GAAGC,EAAE,CAAC,uEAAuE,EAAEH,KAAK,CAACE,SAAS,CAAC;EAE9G,oBACIJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;mBACtEP;IAAGI,SAAS,EAAC;kBACTJ;IAAMQ,CAAC,EAAC;IAAwM,eAChNR;IAAMQ,CAAC,EAAC;IAA0L,eAClMR;IAAMQ,CAAC,EAAC;IAAooB,CAC5oB,CACF;AAEd,CAAC;IAEYC,UAAU,gBAAGT,cAAK,CAACC,UAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACzF,IAAMC,SAAS,GAAGC,EAAE,CAAC,4DAA4D,EAAEH,KAAK,CAACE,SAAS,CAAC;EAEnG,oBACIJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEG,OAAO,EAAC,YAAY;IAACC,KAAK,EAAC;mBACvEP;IAAGI,SAAS,EAAC;kBACTJ;IACII,SAAS,EAAC,YAAY;IACtBI,CAAC,EAAC,4RAA4R;IAC9RE,QAAQ,EAAC;IACX,eACFV;IAAGI,SAAS,EAAC;kBACTJ;IACIQ,CAAC,EAAC,iQAAiQ;IACnQE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,iPAAiP;IACnPE,QAAQ,EAAC;IACX,eACFV;IAAMU,QAAQ,EAAC,SAAS;IAACF,CAAC,EAAC;IAAuD,eAClFR;IACIU,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;IACJ,eACFR;IACIQ,CAAC,EAAC,ghBAAghB;IAClhBE,QAAQ,EAAC;IACX,CACF,CACJ,eACJV;IAAGI,SAAS,EAAC;kBACTJ;IAAMI,SAAS,EAAC,cAAc;IAACI,CAAC,EAAC,yBAAyB;IAACG,WAAW,EAAC;IAAS,eAChFX;IAAGI,SAAS,EAAC;kBACTJ;IACIQ,CAAC,EAAC,y2BAAy2B;IAC32BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,2UAA2U;IAC7UE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,8sBAA8sB;IAChtBE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,23BAA23B;IAC73BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,mgBAAmgB;IACrgBE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,u4BAAu4B;IACz4BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,+2BAA+2B;IACj3BE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,iYAAiY;IACnYE,QAAQ,EAAC;IACX,eACFV;IACIQ,CAAC,EAAC,8rBAA8rB;IAChsBE,QAAQ,EAAC;IACX,CACF,CACJ,CACF;AAEd,CAAC;;;;"}

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

@@ -3,8 +3,8 @@ import cn from 'clsx';
 import { IconButton } from '../../IconButton/IconButton.js';
 import { getButtonClasses } from './Button.js';
 
-const MenuButton = /*#__PURE__*/React__default.forwardRef(function MenuButton(props, ref) {
-  const className = cn(getButtonClasses(false), 'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white');
+var MenuButton = /*#__PURE__*/React__default.forwardRef(function MenuButton(props, ref) {
+  var className = cn(getButtonClasses(false), 'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white');
   return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, props, {
     className: className,
     "data-taco": "header-toggle-sidebar",

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["MenuButton","React","forwardRef","props","ref","className","cn","getButtonClasses","IconButton","icon"],"mappings":";;;;;MASaA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASF,UAAUA,CAACG,KAAK,EAAEC,GAAG;EACzG,MAAMC,SAAS,GAAGC,EAAE,CAChBC,gBAAgB,CAAC,KAAK,CAAC,EACvB,+FAA+F,CAClG;EAED,oBAAON,6BAACO,UAAU,oBAAKL,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,uBAAuB;IAACI,IAAI,EAAC,MAAM;IAACL,GAAG,EAAEA;KAAO;AAClH,CAAC;;;;"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["MenuButton","React","forwardRef","props","ref","className","cn","getButtonClasses","IconButton","icon"],"mappings":";;;;;IASaA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASF,UAAUA,CAACG,KAAK,EAAEC,GAAG;EACzG,IAAMC,SAAS,GAAGC,EAAE,CAChBC,gBAAgB,CAAC,KAAK,CAAC,EACvB,+FAA+F,CAClG;EAED,oBAAON,6BAACO,UAAU,oBAAKL,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,uBAAuB;IAACI,IAAI,EAAC,MAAM;IAACL,GAAG,EAAEA;KAAO;AAClH,CAAC;;;;"}

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

@@ -6,15 +6,16 @@ import { Button } from '../../Button/Button.js';
 import { OverflowGroup } from '../../OverflowGroup/OverflowGroup.js';
 import { getLinkClasses } from './Link.js';
 
-const PrimaryNavigation = /*#__PURE__*/React__default.forwardRef(function PrimaryNavigation(props, ref) {
-  const {
-    texts
-  } = useLocalization();
-  const internalRef = useMergedRef(ref);
-  const className = cn('flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative', props.className);
-  const moreButton = () => (/*#__PURE__*/React__default.createElement(Button, {
-    className: cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')
-  }, texts.header.more));
+var PrimaryNavigation = /*#__PURE__*/React__default.forwardRef(function PrimaryNavigation(props, ref) {
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var internalRef = useMergedRef(ref);
+  var className = cn('flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative', props.className);
+  var moreButton = function moreButton() {
+    return /*#__PURE__*/React__default.createElement(Button, {
+      className: cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')
+    }, texts.header.more);
+  };
   return /*#__PURE__*/React__default.createElement("nav", Object.assign({}, props, {
     className: className,
     ref: internalRef

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

@@ -1 +1 @@
-{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["PrimaryNavigation","React","forwardRef","props","ref","texts","useLocalization","internalRef","useMergedRef","className","cn","moreButton","Button","getLinkClasses","header","more","OverflowGroup","children"],"mappings":";;;;;;;;MAUaA,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASF,iBAAiBA,CAACG,KAAK,EAAEC,GAAG;EACxH,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,WAAW,GAAGC,YAAY,CAAiBJ,GAAG,CAAC;EAErD,MAAMK,SAAS,GAAGC,EAAE,CAChB,wFAAwF,EACxFP,KAAK,CAACM,SAAS,CAClB;EAED,MAAME,UAAU,GAAGA,oBACfV,6BAACW,MAAM;IAACH,SAAS,EAAEC,EAAE,CAACG,cAAc,EAAE,EAAE,+CAA+C;KAAIR,KAAK,CAACS,MAAM,CAACC,IAAI,CAAU,CACzH;EACD,oBACId,sDAASE,KAAK;IAAEM,SAAS,EAAEA,SAAS;IAAEL,GAAG,EAAEG;mBACvCN,6BAACe,aAAa;IAACP,SAAS,EAAC,0CAA0C;IAACE,UAAU,EAAEA;KAC3ER,KAAK,CAACc,QAAQ,CACH,CACd;AAEd,CAAC;;;;"}
+{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["PrimaryNavigation","React","forwardRef","props","ref","_useLocalization","useLocalization","texts","internalRef","useMergedRef","className","cn","moreButton","Button","getLinkClasses","header","more","OverflowGroup","children"],"mappings":";;;;;;;;IAUaA,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASF,iBAAiBA,CAACG,KAAK,EAAEC,GAAG;EACxH,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAMC,WAAW,GAAGC,YAAY,CAAiBL,GAAG,CAAC;EAErD,IAAMM,SAAS,GAAGC,EAAE,CAChB,wFAAwF,EACxFR,KAAK,CAACO,SAAS,CAClB;EAED,IAAME,UAAU,GAAG,SAAbA,UAAUA;IAAA,oBACZX,6BAACY,MAAM;MAACH,SAAS,EAAEC,EAAE,CAACG,cAAc,EAAE,EAAE,+CAA+C;OAAIP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAU;GACzH;EACD,oBACIf,sDAASE,KAAK;IAAEO,SAAS,EAAEA,SAAS;IAAEN,GAAG,EAAEI;mBACvCP,6BAACgB,aAAa;IAACP,SAAS,EAAC,0CAA0C;IAACE,UAAU,EAAEA;KAC3ET,KAAK,CAACe,QAAQ,CACH,CACd;AAEd,CAAC;;;;"}

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

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const SecondaryNavigation = /*#__PURE__*/React__default.forwardRef(function SecondaryNavigation(props, ref) {
-  const className = cn('flex h-full items-center gap-2 mb-0 flex-shrink-0 mr-2', props.className);
+var SecondaryNavigation = /*#__PURE__*/React__default.forwardRef(function SecondaryNavigation(props, ref) {
+  var className = cn('flex h-full items-center gap-2 mb-0 flex-shrink-0 mr-2', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/SecondaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type SecondaryNavigationProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SecondaryNavigation = React.forwardRef<HTMLDivElement, SecondaryNavigationProps>(function SecondaryNavigation(\n    props,\n    ref\n) {\n    const className = cn('flex h-full items-center gap-2 mb-0 flex-shrink-0 mr-2', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["SecondaryNavigation","React","forwardRef","props","ref","className","cn"],"mappings":";;;MAKaA,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAA2C,SAASF,mBAAmBA,CACtHG,KAAK,EACLC,GAAG;EAEH,MAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEH,KAAK,CAACE,SAAS,CAAC;EAC/F,oBAAOJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/SecondaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type SecondaryNavigationProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SecondaryNavigation = React.forwardRef<HTMLDivElement, SecondaryNavigationProps>(function SecondaryNavigation(\n    props,\n    ref\n) {\n    const className = cn('flex h-full items-center gap-2 mb-0 flex-shrink-0 mr-2', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["SecondaryNavigation","React","forwardRef","props","ref","className","cn"],"mappings":";;;IAKaA,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAA2C,SAASF,mBAAmBA,CACtHG,KAAK,EACLC,GAAG;EAEH,IAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEH,KAAK,CAACE,SAAS,CAAC;EAC/F,oBAAOJ,sDAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}