@odx/websites-react 0.1.0 → 1.0.0

package/dist/components/navigation/searchInput/SearchInput.js

@@ -1,93 +1,26 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button } from '../../actions/button';
 import { SvgIcon } from '../../images-icons/svg-icon';
 import { IconClose, IconSearch } from '../../../icons';
-import { Combobox, Transition } from '@headlessui/react';
 import { cn } from '../../../utils';
-import { cva } from 'class-variance-authority';
 import { useBreakpoint } from '../../../hooks/useBreakpoint';
-const baseClasses = 'justify-end w-[280px] flex h-10 bg-transparent p-2 text-xl transition-[max-width] appearance-none font-text';
-const focusClasses = 'focus-visible:outline-none focus-visible:shadow-draeger-white';
-const searchInputVariants = cva('', {
-    variants: {
-        borderVariant: {
-            underlined: 'border-b-2',
-            outlined: 'border-2',
-        },
-        colorVariant: {
-            dark: 'border-draeger-dark-blue placeholder:text-draeger-dark-blue text-draeger-dark-blue',
-            light: 'border-draeger-white placeholder:text-draeger-white text-draeger-white',
-        },
-    },
-    defaultVariants: {
-        borderVariant: 'outlined',
-        colorVariant: 'dark',
-    },
-});
-export const SearchInput = ({ onSubmit, onValueChange, searchResultOptions = [], placeholder, customSearchValueText = 'Search for:', borderVariant, colorVariant, showSearchButton = false, }) => {
-    const inputRef = React.useRef(null);
-    const [selectedValue, setSelectedValue] = React.useState('');
+import { Autocomplete } from '../../actions/autocomplete';
+import { Transition } from '@headlessui/react';
+export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearchLabel, query, setQuery, }) => {
     const [showSearchInput, setShowSearchInput] = React.useState(false);
-    const [query, setQuery] = React.useState('');
-    /**
-     * Handles the default change event for the Combobox
-     * @param value - The submitted value
-     */
-    const onSelectedValueChange = (value) => {
-        if (value?.length > 0) {
-            setSelectedValue(value);
-            onSubmit && onSubmit(value);
+    const isMobile = useBreakpoint('lg');
+    const handleChange = (selectedOption) => {
+        if (selectedOption) {
+            onSubmit(selectedOption.value);
         }
     };
-    /**
-     * Handles the search event
-     */
-    const handleSearch = () => {
-        if (query?.length > 0) {
-            onSubmit && onSubmit(query);
-            setQuery('');
-        }
-    };
-    /**
-     * Handles the enter key down event for custom search value that is not in the search options
-     * @param event - Keyboard event
-     * @param isSearchByExistingOption - Boolean value to check if the search is by existing option. Is true if the `activeIndex` of the Render Prop inside the Combobox is defined
-     */
-    const handleEnterKeyDown = (event, isSearchByExistingOption) => {
-        // Fire the onSubmit callback if the enter key is pressed and the search is not by existing option
-        if (event.key === 'Enter' && !isSearchByExistingOption) {
-            event.preventDefault();
-            handleSearch();
-        }
-    };
-    const isDesktop = useBreakpoint('lg');
-    const lightInputScrolledStyles = 'text-draeger-white placeholder:text-draeger-white border-draeger-white focus-visible:shadow-draeger-white text-lg';
-    const darkInputScrolledStyles = 'text-text-draeger-dark-blue placeholder:text-draeger-dark-blue border-draeger-dark-blue focus-visible:shadow-draeger-dark-blue text-lg';
-    const darkIconScrolledStyles = 'draeger-dark-blue';
-    const lightIconScrolledStyles = 'draeger-white';
-    return (_jsxs("div", { className: "relative flex flex-col items-end h-full overflow-visible font-semibold font-text", children: [_jsx(Transition, { as: "div", className: "flex items-center justify-end w-full h-7", show: isDesktop, children: _jsx(Button, { variant: 'ghost-inherit', size: 'sm', onClick: () => setShowSearchInput(!showSearchInput), "aria-label": 'Search Input Toggle Button', slim: true, children: _jsx(SvgIcon, { icon: showSearchInput ? IconClose : IconSearch, size: 'md', color: colorVariant === 'light'
-                            ? lightIconScrolledStyles
-                            : darkIconScrolledStyles }) }) }), _jsx(Transition, { as: React.Fragment, show: !isDesktop || (isDesktop && showSearchInput), enter: "transform transition duration-[400ms]", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transform duration-200 transition ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsxs("div", { className: cn('flex items-center', isDesktop &&
-                        'fixed w-full bg-draeger-white left-0 pb-5 px-5 top-[83px] z-10'), children: [_jsx(Combobox, { onChange: onSelectedValueChange, value: selectedValue, nullable: true, children: ({ activeIndex, open }) => (_jsx(_Fragment, { children: _jsxs("div", { className: cn('relative flex flex-col items-end', isDesktop && 'w-full'), children: [_jsx(Combobox.Input, { ref: inputRef, autoComplete: "off", name: 'search', placeholder: placeholder, onKeyDown: e => handleEnterKeyDown(e, !!activeIndex), className: cn(searchInputVariants({ borderVariant, colorVariant }), baseClasses, focusClasses, isDesktop && 'w-full', open && 'delay-100', colorVariant === 'light' && lightInputScrolledStyles, colorVariant === 'dark' && darkInputScrolledStyles), onChange: event => {
-                                                setQuery(event.target.value);
-                                                onValueChange && onValueChange(event.target.value);
-                                            } }), _jsx(Transition, { as: React.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", afterLeave: () => {
-                                                setQuery('');
-                                            }, children: _jsxs(Combobox.Options, { className: 'w-full shadow-md overflow-y-auto overflow-x-hidden absolute top-full bg-draeger-white text-draeger-dark-blue', children: [query.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Combobox.Option, { value: undefined }), _jsxs(Combobox.Option, { value: query, className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active &&
-                                                                    'bg-draeger-air-blue text-draeger-white'), children: [customSearchValueText, " \"", query, "\""] })] })), searchResultOptions.map((searchResult, i) => (_jsx(Combobox.Option, { className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active && 'bg-draeger-air-blue text-draeger-white'), value: searchResult, children: _jsx("span", { className: 'block truncate', children: searchResult }) }, i)))] }) }), (query?.length > 0 || selectedValue?.length > 0) && (_jsx("div", { className: "absolute top-0 bottom-0 flex items-center cursor-pointer right-2", onMouseDown: e => {
-                                                e.preventDefault();
-                                                setQuery('');
-                                                setSelectedValue('');
-                                                if (inputRef?.current) {
-                                                    inputRef.current.value = '';
-                                                }
-                                            }, children: _jsx(SvgIcon, { icon: IconClose, size: 'md', color: colorVariant === 'light'
-                                                    ? lightIconScrolledStyles
-                                                    : darkIconScrolledStyles }) }))] }) })) }), showSearchButton && (_jsx("div", { className: "flex items-center w-full h-full ml-2 h-7", children: _jsx(Button, { variant: 'ghost-inherit', size: 'sm', onClick: handleSearch, "aria-label": 'Search Input Button', children: _jsx(SvgIcon, { icon: IconSearch, color: colorVariant === 'light'
-                                        ? lightIconScrolledStyles
-                                        : darkIconScrolledStyles }) }) }))] }) })] }));
+    return (_jsxs("div", { className: "flex flex-col items-end justify-center h-full overflow-visible font-text", children: [isMobile && (_jsx("div", { className: "flex items-center justify-end w-full h-7 text-draeger-dark-blue", children: _jsx(Button, { variant: 'ghost-inherit', size: 'sm', onClick: () => setShowSearchInput(!showSearchInput), "aria-label": 'Search Input Toggle Button', slim: true, children: _jsx(SvgIcon, { icon: showSearchInput ? IconClose : IconSearch, size: 'md' }) }) })), _jsx(Transition, { as: React.Fragment, show: !isMobile || (isMobile && showSearchInput), enter: "transform transition duration-[400ms]", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transform duration-200 transition ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: cn('flex items-center', isMobile &&
+                        'absolute w-full bg-draeger-white left-0 pb-5 px-5 top-[83px]'), children: _jsx(Autocomplete, { onChange: handleChange, placeholder: placeholder, options: options.map(option => ({
+                            value: option,
+                            label: option,
+                        })), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, wrapperClassName: "max-w-[286px]", query: query, setQuery: setQuery }) }) })] }));
 };
 SearchInput.displayName = 'SearchInput';
 //# sourceMappingURL=SearchInput.js.map

package/dist/components/navigation/searchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAY7C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACtF,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,iEAAiE,YAC9E,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,gBACvC,4BAA4B,EACxC,IAAI,kBAEJ,KAAC,OAAO,IACN,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC9C,IAAI,EAAE,IAAI,GACV,GACK,GACL,CACP,EACD,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,EAChD,KAAK,EAAC,uCAAuC,EAC7C,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ;wBACN,8DAA8D,CACjE,YAED,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BAC9B,KAAK,EAAE,MAAM;4BACb,KAAK,EAAE,MAAM;yBACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,gBAAgB,EAAC,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACE,GACK,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/typography/bodyText/BodyText.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const bodyTextVariants: (props?: ({
-    textColor?: "inherit" | "white" | "airBlue" | "paleBlue" | "darkBlue" | null | undefined;
+    textColor?: "none" | "inherit" | "white" | "airBlue" | "paleBlue" | "darkBlue" | null | undefined;
     variant?: "small" | "medium" | "large" | null | undefined;
     weight?: "bold" | "medium" | "normal" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/components/typography/bodyText/BodyText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFAyBpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA0BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

package/dist/components/typography/bodyText/BodyText.js

@@ -10,6 +10,7 @@ const bodyTextVariants = cva('font-text', {
             paleBlue: 'text-draeger-pale-blue',
             darkBlue: 'text-draeger-dark-blue',
             inherit: 'text-inherit',
+            none: '',
         },
         variant: {
             small: 'text-[1rem] leading-[136%] tracking-[0.015rem]',

package/dist/components/typography/bodyText/BodyText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;SACxB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC,KACpE,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,wBAAwB;YAClC,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC,KACpE,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;AAiB3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EAC7C,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,KAAK,EAAE,MAAM,GACZ,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,CAwB7C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,UAAU,EAAC,MAAM,MAAM,CAAC;AAqB3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC1E,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,MAAM,GACd,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EAC7C,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,EACxB,KAAK,EAAE,MAAM,GACZ,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,CAwB7C"}

package/dist/utils/utils.js

@@ -3,7 +3,11 @@ import { extendTailwindMerge } from 'tailwind-merge';
 const twMerge = extendTailwindMerge({
     extend: {
         classGroups: {
-            'font-size': ['text-label-sm'],
+            'font-size': [
+                'text-label-sm',
+                'text-button-text-large',
+                'text-button-text-small',
+            ],
             h: [
                 'element-height-xs',
                 'element-height-sm',

package/dist/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE,CAAC,eAAe,CAAC;YAC9B,CAAC,EAAE;gBACD,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;aACpB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,OAAe;IAEf,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAwB,EACxB,KAAa;IAEb,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAA2B,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,OAAO;QACL,CAAC,GAAG,IAAO,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO,SAAS,CAAC;YAChC,IAAI,IAAI;gBAAE,OAAO,SAAS,CAAC;YAE3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAEZ,IAAI,GAAG,IAAI,CAAC;YAEZ,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/B,IAAI,GAAG,KAAK,CAAC;gBACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QACD,GAAG,EAAE;YACH,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAkB,MAAM,MAAM,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAEnD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,eAAe;gBACf,wBAAwB;gBACxB,wBAAwB;aACzB;YACD,CAAC,EAAE;gBACD,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;gBACnB,mBAAmB;aACpB;SACF;KACF;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,OAAe;IAEf,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAwB,EACxB,KAAa;IAEb,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,IAAI,OAA2B,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,OAAO;QACL,CAAC,GAAG,IAAO,EAAE,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO,SAAS,CAAC;YAChC,IAAI,IAAI;gBAAE,OAAO,SAAS,CAAC;YAE3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAEZ,IAAI,GAAG,IAAI,CAAC;YAEZ,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC/B,IAAI,GAAG,KAAK,CAAC;gBACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;QACD,GAAG,EAAE;YACH,SAAS,GAAG,IAAI,CAAC;YACjB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/web/sections/contentBlock/ContentBlock.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Block } from '../../../components/layout/block';
 import { cn } from '../../../utils';
 import { ContentHeadings } from '../../layout/contentHeadings';
-const ContentBlock = ({ children, disableGutters = false, headline, text, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Block, { className: cn(!disableGutters &&
-                'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), elementWidth: 'medium', ...props, children: (headline || text) && (_jsx(ContentHeadings, { type: "block", headline: headline, text: text })) }), _jsx(Block, { wrapperBlockProps: { 'data-name': 'ContentBlock-Grid' }, "data-name": "ContentBlock-Children-Width", className: cn(!disableGutters &&
+const ContentBlock = ({ children, disableGutters = false, headline, text, ...props }) => (_jsxs(_Fragment, { children: [(headline || text) && (_jsx(Block, { className: cn(!disableGutters &&
+                'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), elementWidth: 'medium', ...props, children: _jsx(ContentHeadings, { type: "block", headline: headline, text: text }) })), _jsx(Block, { wrapperBlockProps: { 'data-name': 'ContentBlock-Grid' }, "data-name": "ContentBlock-Children-Width", className: cn(!disableGutters &&
                 'pt-section-padding-top-2xl pb-section-padding-bottom-2xl'), ...props, children: children })] }));
 export { ContentBlock };
 //# sourceMappingURL=ContentBlock.js.map

package/dist/web/sections/contentBlock/ContentBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentBlock.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAkB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,8BACE,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,EACD,YAAY,EAAE,QAAQ,KAClB,KAAK,YAER,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CACrB,KAAC,eAAe,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CACjE,GACK,EACR,KAAC,KAAK,IACJ,iBAAiB,EAAE,EAAC,WAAW,EAAE,mBAAmB,EAAC,eAC3C,6BAA6B,EACvC,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,KACG,KAAK,YAER,QAAQ,GACH,IACP,CACJ,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"ContentBlock.js","sourceRoot":"","sources":["../../../../src/web/sections/contentBlock/ContentBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAkB,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,8BACG,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CACrB,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,EACD,YAAY,EAAE,QAAQ,KAClB,KAAK,YAET,KAAC,eAAe,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,GAC1D,CACT,EACD,KAAC,KAAK,IACJ,iBAAiB,EAAE,EAAC,WAAW,EAAE,mBAAmB,EAAC,eAC3C,6BAA6B,EACvC,SAAS,EAAE,EAAE,CACX,CAAC,cAAc;gBACb,0DAA0D,CAC7D,KACG,KAAK,YAER,QAAQ,GACH,IACP,CACJ,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/web/sections/stageSection/StageSection.js

@@ -3,7 +3,7 @@ import { Block, Headline, SectionWrapper, } from '../../../components';
 import { Container } from '../../../components/layout/container';
 // TODO adjust the text element layout after the usage of Container/Block is completed for this component
 const StageSection = ({ button, image, headline, headlineColoredPart, sectionProps, }) => {
-    return (_jsxs(SectionWrapper, { ...sectionProps, children: [_jsx("div", { className: "w-full -z-10", children: image }), _jsx(Container, { className: "relative", children: _jsxs(Block, { className: "flex flex-col items-start py-12 gap-y-16 lg:-mt-40 px-block-horizontal-padding", background: 'darkBlue', elementWidth: 'medium', children: [_jsxs(Headline, { headingLevel: "h1", className: "text-draeger-white", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-draeger-air-blue', children: ["\u00A0", headlineColoredPart] }))] }), button] }) })] }));
+    return (_jsxs(SectionWrapper, { ...sectionProps, children: [_jsx("div", { className: "w-full -z-10", children: image }), _jsx(Container, { className: "relative", children: _jsxs(Block, { className: "flex flex-col items-start py-12 gap-y-16 lg:-mt-40 px-layout-spacing-3", background: 'darkBlue', elementWidth: 'medium', children: [_jsxs(Headline, { headingLevel: "h1", className: "text-draeger-white", children: [headline, headlineColoredPart && (_jsxs("span", { className: 'text-draeger-air-blue', children: ["\u00A0", headlineColoredPart] }))] }), button] }) })] }));
 };
 export { StageSection };
 //# sourceMappingURL=StageSection.js.map

package/dist/web/sections/stageSection/StageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,QAAQ,EACR,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAU/D,yGAAyG;AACzG,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,cAAc,OAAK,YAAY,aAC9B,cAAK,SAAS,EAAC,cAAc,YAAE,KAAK,GAAO,EAC3C,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,YAC7B,MAAC,KAAK,IACJ,SAAS,EAAC,gFAAgF,EAC1F,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAEtB,MAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,aACvD,QAAQ,EACR,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,uBAAuB,uBAC/B,mBAAmB,IACrB,CACR,IACQ,EACV,MAAM,IACD,GACE,IACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"StageSection.js","sourceRoot":"","sources":["../../../../src/web/sections/stageSection/StageSection.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,QAAQ,EACR,cAAc,GAEf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAU/D,yGAAyG;AACzG,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,MAAC,cAAc,OAAK,YAAY,aAC9B,cAAK,SAAS,EAAC,cAAc,YAAE,KAAK,GAAO,EAC3C,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,YAC7B,MAAC,KAAK,IACJ,SAAS,EAAC,wEAAwE,EAClF,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAEtB,MAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,oBAAoB,aACvD,QAAQ,EACR,mBAAmB,IAAI,CACtB,gBAAM,SAAS,EAAE,uBAAuB,uBAC/B,mBAAmB,IACrB,CACR,IACQ,EACV,MAAM,IACD,GACE,IACG,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -38,7 +38,7 @@
     "tailwind-lib-content.js"
   ],
   "dependencies": {
-    "@headlessui/react": "2.1.2",
+    "@headlessui/react": "2.1.3",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
@@ -84,10 +84,10 @@
     "typescript": "^5.3.2",
     "@odx/eslint-config-websites": "0.0.0",
     "@odx/websites-tsconfig": "0.0.0",
-    "@odx/websites-ui": "0.1.0"
+    "@odx/websites-ui": "0.2.0"
   },
   "peerDependencies": {
-    "@odx/websites-ui": ">=0.1.0",
+    "@odx/websites-ui": ">=0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.5"

package/dist/components/actions/combobox/Combobox.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { type FormField, type FormFieldWrapperVariants } from '../formField';
-import { SelectorOption } from '../..';
-export interface ComboboxProps extends FormFieldWrapperVariants, FormField {
-    options: SelectorOption[];
-    selected?: SelectorOption | null;
-    placeholder: string;
-    onChange: (value: SelectorOption | null) => void;
-    filterFunction?: (option: SelectorOption, query: string) => boolean;
-}
-declare const Combobox: React.FC<ComboboxProps>;
-export { Combobox };
-//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/actions/combobox/Combobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACrE;AAoDD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyIrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/actions/combobox/Combobox.js

@@ -1,45 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
-import { IconCheck, IconChevronDown, IconClose, IconFeedbackWarning, IconSearch, } from '../../../icons';
-import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, formFieldWrapperVariants, } from '../formField';
-import { SvgIcon, optionVariants, optionsVariants, } from '../..';
-import { useFieldId } from '../../../hooks';
-import { cn } from '../../../utils';
-const ComboboxOption = ({ option, size, ...props }) => {
-    const { label, disabled } = option;
-    return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, ...props, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size }), focus && 'bg-draeger-cool-gray-100', disabled
-                ? 'text-draeger-warm-gray-150 cursor-not-allowed'
-                : 'hover:bg-draeger-cool-gray-100', 'justify-between'), children: [_jsx("span", { className: "truncate", children: label }), selected && (_jsx(SvgIcon, { className: "shrink-0", icon: IconCheck, size: "md" }))] })) }));
-};
-const defaultFilterFunction = ({ label }, query) => label.toLowerCase().includes(query.toLowerCase());
-const filterOptions = (options, query = '', filterFunction) => query === ''
-    ? options
-    : options.filter(option => (filterFunction ?? defaultFilterFunction)(option, query));
-const Combobox = ({ options, selected, onChange, disabled, label, helperText, invalidText, invalid = false, placeholder, filterFunction, size, wrapperClassName, }) => {
-    const [query, setQuery] = React.useState('');
-    const [focused, setFocused] = React.useState(false);
-    const { id, labelId, helperTextId } = useFieldId();
-    const inputRef = React.useRef(null);
-    const filteredOptions = filterOptions(options, query, filterFunction);
-    const hasQuery = Boolean(query?.length);
-    return (_jsx("div", { className: cn('font-text relative', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
-                onChange(value);
-                setQuery(value?.label ?? '');
-            }, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => {
-                                setQuery('');
-                                setFocused(false);
-                            }, onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconSearch }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconFeedbackWarning })), focused && (hasQuery || selected?.value) && (_jsxs(_Fragment, { children: [_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => e.preventDefault(), onMouseUp: () => {
-                                                if (!inputRef.current)
-                                                    return;
-                                                onChange(null);
-                                                inputRef.current.blur();
-                                                requestAnimationFrame(() => {
-                                                    inputRef.current.focus();
-                                                    inputRef.current.value = '';
-                                                });
-                                            }, icon: IconClose }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), icon: IconChevronDown }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: filteredOptions.map(option => (_jsx(ComboboxOption, { option: option, size: size }, option.label))) }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
-};
-export { Combobox };
-//# sourceMappingURL=Combobox.js.map

package/dist/components/actions/combobox/Combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/actions/combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/combobox/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Combobox';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/combobox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/actions/combobox/index.js

@@ -1,2 +0,0 @@
-export * from './Combobox';
-//# sourceMappingURL=index.js.map

package/dist/components/actions/combobox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/layout/contentArea/ContentArea.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const widthBoxVariants: (props?: ({
-    width?: 1 | 2 | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface ContentAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof widthBoxVariants> {
-    children?: React.ReactNode;
-}
-declare const ContentArea: React.ForwardRefExoticComponent<ContentAreaProps & React.RefAttributes<HTMLDivElement>>;
-export { ContentArea };
-//# sourceMappingURL=ContentArea.d.ts.map

package/dist/components/layout/contentArea/ContentArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentArea.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentArea/ContentArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAMhE,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,yFAiBhB,CAAC;AAGF,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/layout/contentArea/ContentArea.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../../utils';
-import { cva } from 'class-variance-authority';
-/*
-  Note: ContentArea 2 takes 7/9 of subgrid columns on lg breakpoint
-*/
-const widthBoxVariants = cva('w-full', {
-    variants: {
-        width: {
-            1: 'xl:max-w-content-1',
-            2: 'lg:max-w-[min(calc(77.25%),theme(maxWidth.content-2))]',
-        },
-    },
-    defaultVariants: {
-        width: 1,
-    },
-});
-const ContentArea = React.forwardRef(({ width = 1, children, className, ...props }, ref) => (_jsx("div", { "data-name": `content-area-${width}`, className: 'font-text flex justify-center mx-auto w-full px-3 md:px-6 lg:px-9', children: _jsx("div", { ref: ref, className: cn(widthBoxVariants({ width, className })), ...props, children: children }) })));
-ContentArea.displayName = 'ContentArea';
-export { ContentArea };
-//# sourceMappingURL=ContentArea.js.map

package/dist/components/layout/contentArea/ContentArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentArea.js","sourceRoot":"","sources":["../../../../src/components/layout/contentArea/ContentArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAEhE;;EAEE;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE;IACrC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,oBAAoB;YACvB,CAAC,EAAE,wDAAwD;SAC5D;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,CAAC;KACT;CACF,CAAC,CAAC;AAQH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAC,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACnD,2BACa,gBAAgB,KAAK,EAAE,EAClC,SAAS,EACP,mEAAmE,YAGrE,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,YAER,QAAQ,GACL,GACF,CACP,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/layout/contentArea/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ContentArea';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/contentArea/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/layout/contentArea/index.js

@@ -1,2 +0,0 @@
-export * from './ContentArea';
-//# sourceMappingURL=index.js.map

package/dist/components/layout/contentArea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/contentArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/layout/fullWidth/FullWidth.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface FullWidthProps extends React.HTMLAttributes<HTMLElement> {
-}
-declare const FullWidth: React.FC<FullWidthProps>;
-export { FullWidth };
-//# sourceMappingURL=FullWidth.d.ts.map

package/dist/components/layout/fullWidth/FullWidth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/fullWidth/FullWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;CAAG;AAE5E,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQvC,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/layout/fullWidth/FullWidth.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../utils';
-const FullWidth = ({ className, children, ...props }) => (_jsx("div", { "data-name": 'full-width', className: cn('w-full', className), ...props, children: children }));
-export { FullWidth };
-//# sourceMappingURL=FullWidth.js.map

package/dist/components/layout/fullWidth/FullWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullWidth.js","sourceRoot":"","sources":["../../../../src/components/layout/fullWidth/FullWidth.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,2BAAgB,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,YACxE,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/layout/fullWidth/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FullWidth';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/fullWidth/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/fullWidth/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/layout/fullWidth/index.js

@@ -1,2 +0,0 @@
-export * from './FullWidth';
-//# sourceMappingURL=index.js.map

package/dist/components/layout/fullWidth/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/fullWidth/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/layout/grid/Grid.d.ts

@@ -1,13 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
-}
-export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const gridVariants: (props?: ({
-    cols?: 1 | 2 | 3 | 4 | "1+3" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const Grid: React.FC<GridProps>;
-declare const GridItem: React.FC<GridItemProps>;
-export { Grid, GridItem };
-//# sourceMappingURL=Grid.d.ts.map

package/dist/components/layout/grid/Grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE9E,QAAA,MAAM,YAAY;;mFAchB,CAAC;AAEH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAQ7B,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/layout/grid/Grid.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../utils';
-const gridVariants = cva('font-text grid grid-cols-1', {
-    variants: {
-        cols: {
-            1: '',
-            2: 'lg:grid-cols-2 gap-4 md:gap-6 ',
-            3: 'md:grid-cols-2 xl:grid-cols-3 gap-y-4 gap-x-4 md:gap-y-6 md:gap-x-4 xl:gap-x-6',
-            4: 'md:grid-cols-2 xl:grid-cols-4 gap-y-6 gap-x-6 md:gap-y-6 md:gap-x-4 xl:gap-x-6',
-            '1+3': 'xl:grid-cols-[calc(33%-12px)_repeat(3,1fr)] md:grid-cols-[repeat(3,minmax(0,1fr))] md:[&>*:first-child]:col-span-3 xl:[&>*:first-child]:col-span-1 gap-4 lg:gap-6',
-        },
-    },
-    defaultVariants: {
-        cols: 1,
-    },
-});
-const Grid = ({ cols, className, children, ...props }) => (_jsx("div", { "data-name": `${cols}-grid`, className: cn(gridVariants({ cols, className })), ...props, children: children }));
-const GridItem = ({ className, children, ...props }) => (_jsx("div", { "data-name": "column", className: cn(className), ...props, children: children }));
-export { Grid, GridItem };
-//# sourceMappingURL=Grid.js.map

package/dist/components/layout/grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/layout/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,YAAY,GAAG,GAAG,CAAC,4BAA4B,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,gCAAgC;YACnC,CAAC,EAAE,gFAAgF;YACnF,CAAC,EAAE,gFAAgF;YACnF,KAAK,EACH,mKAAmK;SACtK;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAwB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC3E,2BACa,GAAG,IAAI,OAAO,EACzB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC1C,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAAC,CAC7E,2BAAe,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACxD,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/layout/grid/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Grid';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/grid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/layout/grid/index.js

@@ -1,2 +0,0 @@
-export * from './Grid';
-//# sourceMappingURL=index.js.map

package/dist/components/layout/grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export interface SectionHeaderWithSubtitleProps extends React.HTMLAttributes<HTMLDivElement> {
-    header: string;
-    subtitle?: string;
-}
-declare const SectionHeaderWithSubtitle: React.FC<SectionHeaderWithSubtitleProps>;
-export { SectionHeaderWithSubtitle };
-//# sourceMappingURL=SectionHeaderWithSubtitle.d.ts.map

package/dist/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionHeaderWithSubtitle.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAcvE,CAAC;AAEF,OAAO,EAAC,yBAAyB,EAAC,CAAC"}

package/dist/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../utils';
-import { BodyText } from '../bodyText';
-import { Headline } from '../headline';
-const SectionHeaderWithSubtitle = ({ header, subtitle, className, ...props }) => (_jsxs("div", { className: cn('font-text', className), ...props, children: [_jsxs(Headline, { headingLevel: "h2", className: cn('pb-6'), children: [header, _jsx("br", {}), _jsx("span", { className: "leading-[0.8] xl:leading-[0.85]", children: "\u2014" })] }), subtitle && _jsx(BodyText, { variant: "large", children: subtitle })] }));
-export { SectionHeaderWithSubtitle };
-//# sourceMappingURL=SectionHeaderWithSubtitle.js.map

package/dist/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionHeaderWithSubtitle.js","sourceRoot":"","sources":["../../../../src/components/typography/sectionHeaderWithSubtitle/SectionHeaderWithSubtitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAQrC,MAAM,yBAAyB,GAA6C,CAAC,EAC3E,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,aACnD,MAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAC9C,MAAM,EACP,cAAM,EACN,eAAM,SAAS,EAAC,iCAAiC,uBAAe,IACvD,EACV,QAAQ,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,QAAQ,GAAY,IACxD,CACP,CAAC;AAEF,OAAO,EAAC,yBAAyB,EAAC,CAAC"}

package/dist/components/typography/textFormat/TextFormat.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface TextFormatProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant: 'contentSectionTitle' | 'boxTitleBodyStandardRegular' | 'boxTitleBodyStandardMedium' | 'boxTitleBodySmallMedium' | 'h4BodySmallRegular' | 'h6BodySmall';
-    heading: string;
-    bodyText: string;
-}
-declare const TextFormat: React.FC<TextFormatProps>;
-export { TextFormat };
-//# sourceMappingURL=TextFormat.d.ts.map

package/dist/components/typography/textFormat/TextFormat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFormat.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/textFormat/TextFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,OAAO,EACH,qBAAqB,GACrB,6BAA6B,GAC7B,4BAA4B,GAC5B,yBAAyB,GACzB,oBAAoB,GACpB,aAAa,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDzC,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}