@odx/websites-react 1.1.6 → 1.1.8

package/dist/web/productFinder/filter/ProductFinderAccordion.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../../utils';
+import { useElementSize } from '../../../hooks/useElementSize';
+import { Badge, BodyText, Icon, NumberBage } from '../../../components';
+export const ProductFinderAccordionContext = React.createContext({
+    activeItems: [],
+    toggleItem: () => { },
+});
+export const ProductFinderAccordionItemContext = React.createContext('');
+export const useProductFinderAccordionItemContext = () => {
+    const value = React.useContext(ProductFinderAccordionItemContext);
+    const { activeItems, toggleItem } = React.useContext(ProductFinderAccordionContext);
+    const isExpanded = activeItems.includes(value);
+    return { value, isExpanded, toggleItem: () => toggleItem(value) };
+};
+const ProductFinderAccordion = ({ defaultValues = [], children, className, ...props }) => {
+    const [activeItems, setActiveItems] = React.useState(defaultValues);
+    const toggleItem = (item) => {
+        if (activeItems.includes(item)) {
+            const updatedItems = activeItems.filter(existingItem => existingItem !== item);
+            setActiveItems(updatedItems);
+        }
+        else {
+            setActiveItems([...activeItems, item]);
+        }
+    };
+    return (children && (_jsx(ProductFinderAccordionContext.Provider, { value: { activeItems, toggleItem }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
+};
+const productFinderAccordionItemToggleClasses = `
+  w-full h-full px-2 py-1.5 align-middle transition-all
+  flex items-center justify-between grow
+  rounded-lg rounded-controls
+  hover:bg-field-hover disabled:pointer-events-none
+  focus:outline-none focus:ring-1 focus:ring-draeger-air-blue-250
+`;
+const ProductFinderAccordionItemToggle = ({ className, selectedItems, children, ...props }) => {
+    const { isExpanded, value, toggleItem } = useProductFinderAccordionItemContext();
+    return (_jsx("div", { className: cn('flex flex-col w-full min-h-12 h-full cursor-pointer py-1 transition-shadow group', className), children: _jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(productFinderAccordionItemToggleClasses), tabIndex: 0, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BodyText, { className: cn('text-left'), children: children }), selectedItems && (_jsx(Badge, { badgeContent: _jsx(NumberBage, { className: "relative top-0 right-0", variant: 'darkBlue', badgeContent: selectedItems }) }))] }), _jsx("div", { className: "ml-auto justify-self-end", children: _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", className: 'ml-4 transition-all duration-100 group-aria-expanded:rotate-180' }) })] }) }));
+};
+const ProductFinderAccordionItem = ({ children, value, ...props }) => children && (_jsx(ProductFinderAccordionItemContext.Provider, { value: value, children: _jsx(ProductFinderAccordionItemWrapper, { ...props, children: children }) }));
+const ProductFinderAccordionItemWrapper = ({ className, children, ...props }) => {
+    return (_jsx("div", { ...props, className: cn('border-b border-[#DDE5EE] text-draeger-dark-gray transition-all', className), children: children }));
+};
+ProductFinderAccordionItem.displayName = 'ProductFinderAccordionItem';
+const ProductFinderAccordionContent = ({ children }) => {
+    const { isExpanded, value } = useProductFinderAccordionItemContext();
+    const [ref, { height: contentHeight }] = useElementSize([isExpanded]);
+    if (!children)
+        return;
+    return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-2 overflow-hidden', isExpanded ? 'opacity-100 pb-6 pt-2' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, ...(isExpanded ? {} : { inert: '' }), children: _jsx("div", { className: cn('transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, "aria-hidden": !isExpanded, children: children }) }) }));
+};
+export { ProductFinderAccordion, ProductFinderAccordionItem, ProductFinderAccordionContent, ProductFinderAccordionItemToggle, };
+//# sourceMappingURL=ProductFinderAccordion.js.map

package/dist/web/productFinder/filter/ProductFinderAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderAccordion.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderAccordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAOtE,MAAM,CAAC,MAAM,6BAA6B,GACxC,KAAK,CAAC,aAAa,CAAoC;IACrD,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACrB,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,iCAAiC,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;AAEzE,MAAM,CAAC,MAAM,oCAAoC,GAAG,GAAG,EAAE;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;IAClE,MAAM,EAAC,WAAW,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAChD,6BAA6B,CAC9B,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;AAClE,CAAC,CAAC;AAyBF,MAAM,sBAAsB,GAA0C,CAAC,EACrE,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAC,YACtE,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAChE,QAAQ,GACL,GACiC,CAC1C,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;;;;CAM/C,CAAC;AAEF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACrD,MAAM,EAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC,GACnC,oCAAoC,EAAE,CAAC;IACzC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,YAED,qBACM,KAAK,mBACM,UAAU,EACzB,EAAE,EAAE,WAAW,KAAK,EAAE,mBACP,SAAS,KAAK,EAAE,EAC/B,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,EACtD,QAAQ,EAAE,CAAC,aAEX,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAY,EAC1D,aAAa,IAAI,CAChB,KAAC,KAAK,IACJ,YAAY,EACV,KAAC,UAAU,IACT,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,aAAa,GAC3B,GAEJ,CACH,IACG,EACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,oBAAoB,EACzB,MAAM,EAAC,UAAU,EACjB,SAAS,EACP,iEAAiE,GAEnE,GACE,IACC,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,iCAAiC,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtD,KAAC,iCAAiC,OAAK,KAAK,YACzC,QAAQ,GACyB,GACO,CAC9C,CAAC;AAEJ,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACtC,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEtE,MAAM,6BAA6B,GAE/B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjB,MAAM,EAAC,UAAU,EAAE,KAAK,EAAC,GAAG,oCAAoC,EAAE,CAAC;IACnE,MAAM,CAAC,GAAG,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,CAAC,GAAG,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,UAAU,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,WAAW,CACnD,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,SAAS,KAAK,EAAE,qBACH,WAAW,KAAK,EAAE,KAC/B,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC,YAEnC,cACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,CAAC,EAC7D,KAAK,EAAE,EAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,EAAC,YAExD,cAAK,GAAG,EAAE,GAAG,iBAAe,CAAC,UAAU,YACpC,QAAQ,GACL,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gCAAgC,GACjC,CAAC"}

package/dist/web/productFinder/filter/ProductFinderFilter.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { type LinkProps, type SheetTriggerButtonProps, type HeadlineProps } from '../../../components';
+import { LinkComponent, LinkComponentProps } from '../../../utils';
+export interface ProductFinderDrawerTriggerButtonProps extends SheetTriggerButtonProps {
+}
+declare const ProductFinderDrawerTriggerButton: React.FC<ProductFinderDrawerTriggerButtonProps>;
+export interface DrawerTriggerButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export interface ProductFinderMobileNavProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderMobileNav: React.FC<ProductFinderMobileNavProps>;
+export interface ProductFinderMobileNavHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
+}
+declare const ProductFinderMobileNavHeadline: React.FC<ProductFinderMobileNavHeadlineProps>;
+export interface ProductFinderMobileNavItemsProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderMobileNavItems: React.FC<ProductFinderMobileNavItemsProps>;
+export interface ProductFinderMobileNavItemProps extends LinkComponent, LinkComponentProps {
+    hasSubItems?: boolean;
+    children?: React.ReactNode;
+}
+declare const ProductFinderMobileNavItem: React.FC<ProductFinderMobileNavItemProps>;
+export interface ProductFinderMobileNavAlternateItemProps extends Omit<LinkProps, 'className' | 'variant'> {
+}
+declare const ProductFinderMobileNavAlternateItem: React.FC<ProductFinderMobileNavAlternateItemProps>;
+export interface ProductFinderDrawerRootLayerProps {
+    children?: React.ReactNode;
+    triggerElement: React.ReactNode;
+    label?: string;
+    actionElements?: React.ReactNode;
+}
+declare const ProductFinderDrawerRootLayer: React.FC<ProductFinderDrawerRootLayerProps>;
+export interface ProductFinderDrawerLayerProps {
+    children?: React.ReactNode;
+    triggerElement: React.ReactNode;
+    name: string;
+    label: string;
+}
+declare const ProductFinderDrawerLayer: React.FC<ProductFinderDrawerLayerProps>;
+export interface ProductFinderActiveFilterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderActiveFilter: React.FC<ProductFinderActiveFilterProps>;
+export { ProductFinderDrawerRootLayer, ProductFinderDrawerLayer, ProductFinderDrawerTriggerButton, ProductFinderMobileNav, ProductFinderMobileNavHeadline, ProductFinderMobileNavItems, ProductFinderMobileNavItem, ProductFinderMobileNavAlternateItem, ProductFinderActiveFilter, };
+//# sourceMappingURL=ProductFinderFilter.d.ts.map

package/dist/web/productFinder/filter/ProductFinderFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderFilter.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,SAAS,EACd,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAGrE,MAAM,WAAW,qCACf,SAAQ,uBAAuB;CAAG;AAEpC,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CAC6B,CAAC;AAErE,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAcD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAEjE,CAAC;AAEF,MAAM,WAAW,mCACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;CAAG;AAEhD,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAC5C,mCAAmC,CAOpC,CAAC;AAEF,MAAM,WAAW,gCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAGjC,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,aAAa,EACnB,kBAAkB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAyBzE,CAAC;AAEF,MAAM,WAAW,wCACf,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,CAAC;CAAG;AAErD,QAAA,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CACjD,wCAAwC,CAGzC,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CA6DlC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAwCrE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAOvE,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACtB,8BAA8B,EAC9B,2BAA2B,EAC3B,0BAA0B,EAC1B,mCAAmC,EACnC,yBAAyB,GAC1B,CAAC"}

package/dist/web/productFinder/filter/ProductFinderFilter.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { BodyText, Headline, Button, Icon, Link, Sheet, SheetContent, SheetTriggerButton, } from '../../../components';
+import { cn } from '../../../utils';
+import { Transition, TransitionChild } from '@headlessui/react';
+const ProductFinderDrawerTriggerButton = props => _jsx(SheetTriggerButton, { className: "lg:hidden", ...props });
+const LayersContext = React.createContext({
+    layers: [],
+    appendLayer: () => { },
+    removeLayer: () => { },
+});
+const ProductFinderMobileNav = props => {
+    return _jsx("div", { className: "flex flex-col gap-10", ...props });
+};
+const ProductFinderMobileNavHeadline = headlineProps => {
+    return (_jsx("div", { className: "py-4", children: _jsx(Headline, { headingLevel: "h4", ...headlineProps }) }));
+};
+const ProductFinderMobileNavItems = props => {
+    return _jsx("div", { className: "flex flex-col gap-4", ...props });
+};
+const ProductFinderMobileNavItem = ({ LinkComponent = 'a', hasSubItems, children, ...props }) => {
+    return (_jsx(BodyText, { asChild: true, children: _jsxs(LinkComponent, { ...props, className: cn('pt-1 pb-0.5 flex items-center justify-between cursor-pointer'), children: [children, hasSubItems && (_jsx(Button, { variant: 'ghost', iconButtonStyle: "brand", iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }) }))] }) }));
+};
+const ProductFinderMobileNavAlternateItem = props => {
+    return _jsx(Link, { className: "my-3", variant: 'secondary', ...props });
+};
+const ProductFinderDrawerRootLayer = ({ children, triggerElement, label, actionElements }) => {
+    const [layers, setLayers] = React.useState([]);
+    const rootLayerRef = React.useRef(null);
+    const headline = layers[layers.length - 1]?.label || label;
+    const isTopLayer = layers.length === 0;
+    const appendLayer = React.useCallback((newLayer) => {
+        !layers.find(layer => layer.name === newLayer.name) &&
+            setLayers([...layers, newLayer]);
+    }, [layers]);
+    const removeLayer = React.useCallback((newLayer) => {
+        setLayers(layers.filter(layer => layer.name !== newLayer.name));
+    }, [layers]);
+    React.useEffect(() => {
+        setTimeout(() => {
+            // Scroll to top of the layer once transition is done
+            rootLayerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });
+        }, 300);
+    }, [layers]);
+    return (_jsx(Sheet, { triggerElement: triggerElement, headline: headline, withBackButton: !isTopLayer, onBackButtonClick: () => {
+            const topLayerName = layers[layers.length - 1];
+            if (!isTopLayer && topLayerName) {
+                removeLayer(topLayerName);
+            }
+        }, onOpenChange: open => {
+            if (!open) {
+                setLayers([]);
+            }
+        }, actionElements: actionElements, children: _jsx(LayersContext.Provider, { value: {
+                layers,
+                appendLayer,
+                removeLayer,
+            }, children: _jsx(SheetContent, { ref: rootLayerRef, children: _jsx("div", { className: "relative p-0.5", children: children }) }) }) }));
+};
+const ProductFinderDrawerLayer = ({ children, triggerElement, name, label, }) => {
+    const { layers, appendLayer } = React.useContext(LayersContext);
+    const isVisible = !!layers.find(layer => layer.name === name);
+    const isPreTopLayer = layers[layers.length - 2]?.name === name;
+    const layerData = {
+        name,
+        label,
+    };
+    return (_jsxs("div", { className: cn(isPreTopLayer && 'hidden'), onClick: () => appendLayer(layerData), tabIndex: isPreTopLayer ? 0 : -1, children: [triggerElement, _jsxs(Transition, { show: isVisible, as: 'div', children: [_jsx(TransitionChild, { children: _jsx("div", { className: "absolute top-0 left-0 w-full h-full p-[inherit] inset-0 bg-draeger-white transition duration-300 ease-in-out data-[closed]:opacity-0" }) }), _jsx(TransitionChild, { as: 'div', className: cn('z-10 absolute top-0 left-0 w-full h-full p-[inherit] bg-draeger-white transition duration-300 ease-in-out translate-x-0 data-[closed]:translate-x-full data-[closed]:opacity-0 opacity-100'), "data-layer": name, children: children })] })] }));
+};
+const ProductFinderActiveFilter = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('flex flex-wrap gap-2 pb-2', className), ...props }));
+};
+export { ProductFinderDrawerRootLayer, ProductFinderDrawerLayer, ProductFinderDrawerTriggerButton, ProductFinderMobileNav, ProductFinderMobileNavHeadline, ProductFinderMobileNavItems, ProductFinderMobileNavItem, ProductFinderMobileNavAlternateItem, ProductFinderActiveFilter, };
+//# sourceMappingURL=ProductFinderFilter.js.map

package/dist/web/productFinder/filter/ProductFinderFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderFilter.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderFilter.tsx"],"names":[],"mappings":"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"}

package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts

@@ -0,0 +1,10 @@
+export interface ProductFinderLeftPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const ProductFinderLeftPanel: React.FC<ProductFinderLeftPanelProps>;
+export interface ProductFinderTopPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const ProductFinderTopPanel: React.FC<ProductFinderTopPanelProps>;
+export { ProductFinderLeftPanel, ProductFinderTopPanel };
+//# sourceMappingURL=ProductFinderSidePanel.d.ts.map

package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSidePanel.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSidePanel.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAUjE,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAU/D,CAAC;AAEF,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,CAAC"}

package/dist/web/productFinder/filter/ProductFinderSidePanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+const ProductFinderLeftPanel = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('flex-col justify-between hidden gap-4 lg:flex', className), ...props }));
+};
+const ProductFinderTopPanel = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('flex justify-between lg:hidden', className), ...props }));
+};
+export { ProductFinderLeftPanel, ProductFinderTopPanel };
+//# sourceMappingURL=ProductFinderSidePanel.js.map

package/dist/web/productFinder/filter/ProductFinderSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSidePanel.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSidePanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAOlC,MAAM,sBAAsB,GAA0C,CAAC,EACrE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,qBAAqB,GAAyC,CAAC,EACnE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,CAAC"}

package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts

@@ -0,0 +1,17 @@
+export interface ProductFinderSubstanceSearchItemsProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderSubstanceSearchItems: React.FC<ProductFinderSubstanceSearchItemsProps>;
+export interface ProductFinderSubstanceSearchItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+}
+declare const ProductFinderSubstanceSearchItem: React.FC<ProductFinderSubstanceSearchItemProps>;
+export interface ProductFinderSubstanceSearchProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderSubstanceSearch: React.FC<ProductFinderSubstanceSearchProps>;
+export interface ProductFinderSubstanceCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    headline: string;
+    textInfos?: string[];
+    onClose: () => void;
+}
+declare const ProductFinderSubstanceCard: React.FC<ProductFinderSubstanceCardProps>;
+export { ProductFinderSubstanceSearch, ProductFinderSubstanceSearchItem, ProductFinderSubstanceSearchItems, ProductFinderSubstanceCard, };
+//# sourceMappingURL=ProductFinderSubstanceSearch.d.ts.map

package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSubstanceSearch.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAKvC,CAAC;AAOF,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAEpD,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CAWtC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAKlC,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAoCzE,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}

package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText, Button, Headline, Icon } from '../../../components';
+import { cn } from '../../../utils';
+const ProductFinderSubstanceSearchItems = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('flex flex-col items-stretch', className), ...props }));
+};
+const productFinderSubstanceSearchItemClasses = `
+  flex items-center gap-2 py-2.5 px-1.5 text-left border-b border-draeger-cool-gray-100 transition-all mb-px
+  outline outline-transparent outline-1 focus:outline-border-accent hover:bg-surface-hover disabled:text-draeger-cool-gray-250
+`;
+const ProductFinderSubstanceSearchItem = ({ className, ...props }) => {
+    return (_jsx(BodyText, { asChild: true, variant: 'small', className: "text-draeger-dark-gray", children: _jsx("button", { tabIndex: 0, className: cn(productFinderSubstanceSearchItemClasses, className), ...props }) }));
+};
+const ProductFinderSubstanceSearch = ({ className, ...props }) => {
+    return (_jsx("div", { className: cn('flex flex-col gap-6 p-px', className), ...props }));
+};
+const ProductFinderSubstanceCard = ({ headline, textInfos, onClose, className, ...props }) => {
+    return (_jsxs("div", { className: cn('flex items-start gap-6 border border-border-primary bg-surface-tertiary rounded-[4px] p-4 justify-between', className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: headline }), _jsx("div", { children: textInfos?.map((textInfo, index) => (_jsx(BodyText, { variant: 'small', children: textInfo }, index))) })] }), _jsx(Button, { iconSize: 'xs', iconButtonStyle: "brand", variant: 'ghost', onClick: onClose, iconLeft: _jsx(Icon, { name: "core::close", size: 'md' }) })] }));
+};
+export { ProductFinderSubstanceSearch, ProductFinderSubstanceSearchItem, ProductFinderSubstanceSearchItems, ProductFinderSubstanceCard, };
+//# sourceMappingURL=ProductFinderSubstanceSearch.js.map

package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSubstanceSearch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAKlC,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;CAG/C,CAAC;AAKF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,YACpE,iBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,QAAQ,GACA,EACX,wBACG,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YACvB,QAAQ,IADsB,KAAK,CAE3B,CACZ,CAAC,GACE,IACF,EACN,KAAC,MAAM,IACL,QAAQ,EAAE,IAAI,EACd,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI,GACjD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}

package/dist/web/productFinder/filter/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ProductFinderFilter';
+export * from './ProductFinderAccordion';
+export * from './ProductFinderSubstanceSearch';
+export * from './ProductFinderSidePanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/productFinder/filter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC"}

package/dist/web/productFinder/filter/index.js

@@ -0,0 +1,5 @@
+export * from './ProductFinderFilter';
+export * from './ProductFinderAccordion';
+export * from './ProductFinderSubstanceSearch';
+export * from './ProductFinderSidePanel';
+//# sourceMappingURL=index.js.map

package/dist/web/productFinder/filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC"}

package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts

@@ -0,0 +1,11 @@
+import { LinkComponent, LinkComponentProps } from '../../../utils';
+export interface ProductFinderNavigationItemProps extends LinkComponent, LinkComponentProps {
+    children?: React.ReactNode;
+    isNested?: boolean;
+}
+declare const ProductFinderNavigationItem: React.FC<ProductFinderNavigationItemProps>;
+export interface ProductFinderNavigationProps extends React.HTMLAttributes<HTMLUListElement> {
+}
+declare const ProductFinderNavigation: React.FC<ProductFinderNavigationProps>;
+export { ProductFinderNavigation, ProductFinderNavigationItem };
+//# sourceMappingURL=ProductFinderNavigation.d.ts.map

package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderNavigation.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/ProductFinderNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAErE,MAAM,WAAW,gCACf,SAAQ,aAAa,EACnB,kBAAkB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAYjC,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CASnE,CAAC;AAEF,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,CAAC"}

package/dist/web/productFinder/navigation/ProductFinderNavigation.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BodyText } from '../../../components';
+import { cn } from '../../../utils';
+const productFinderNavigationItemClasses = `
+  rounded-none outline-offset-1 outline-1 outline-transparent
+  focus:outine focus-visible:outline focus:outline-border-accent
+  hover:text-interactions-primary-hover
+  active:text-interactions-brand-active
+`;
+const ProductFinderNavigationItem = ({ isNested = false, LinkComponent = 'a', ...props }) => {
+    return (_jsx(BodyText, { asChild: true, weight: isNested ? 'bold' : 'normal', tabIndex: 0, className: cn(productFinderNavigationItemClasses), children: _jsx(LinkComponent, { ...props }) }));
+};
+const ProductFinderNavigation = ({ children, ...props }) => {
+    return (_jsx("ul", { ...props, className: cn('pl-4 flex flex-col gap-2', props.className), children: children }));
+};
+export { ProductFinderNavigation, ProductFinderNavigationItem };
+//# sourceMappingURL=ProductFinderNavigation.js.map

package/dist/web/productFinder/navigation/ProductFinderNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderNavigation.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/ProductFinderNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AASrE,MAAM,kCAAkC,GAAG;;;;;CAK1C,CAAC;AAEF,MAAM,2BAA2B,GAE7B,CAAC,EAAC,QAAQ,GAAG,KAAK,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,QACP,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,YAEjD,KAAC,aAAa,OAAK,KAAK,GAAI,GACnB,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,CAAC"}

package/dist/web/productFinder/navigation/index.d.ts

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

package/dist/web/productFinder/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/web/productFinder/navigation/index.js

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

package/dist/web/productFinder/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/web/productFinder/overview/ProductFinderOverview.d.ts

@@ -0,0 +1,7 @@
+export interface ProductFinderOverviewProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    children?: React.ReactNode;
+}
+declare const ProductFinderOverview: React.FC<ProductFinderOverviewProps>;
+export { ProductFinderOverview };
+//# sourceMappingURL=ProductFinderOverview.d.ts.map

package/dist/web/productFinder/overview/ProductFinderOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderOverview.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAa/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/web/productFinder/overview/ProductFinderOverview.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText } from '../../../components';
+import { cn } from '../../../utils';
+const ProductFinderOverview = ({ children, title, ...props }) => {
+    return (_jsxs("div", { ...props, className: cn('flex flex-col gap-6', props.className), children: [_jsx(BodyText, { children: title }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-y-3 gap-x-5 md:gap-y-4 lg:gap-y-6 lg:gap-x-6", children: children })] }));
+};
+export { ProductFinderOverview };
+//# sourceMappingURL=ProductFinderOverview.js.map

package/dist/web/productFinder/overview/ProductFinderOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderOverview.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,aACnE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,cAAK,SAAS,EAAC,iGAAiG,YAC7G,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/web/productFinder/overview/index.d.ts

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

package/dist/web/productFinder/overview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/web/productFinder/overview/index.js

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

package/dist/web/productFinder/overview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts

@@ -0,0 +1,6 @@
+export interface ProductFinderSectionProps {
+    children?: React.ReactNode;
+}
+declare const ProductFinderSection: React.FC<ProductFinderSectionProps>;
+export { ProductFinderSection };
+//# sourceMappingURL=ProductFinderSection.d.ts.map

package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgB7D,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}

package/dist/web/productFinder/productFinderSection/ProductFinderSection.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
+const ProductFinderSection = ({ children, }) => {
+    return (_jsx(Container, { paddingBottom: 'none', paddingTop: 'none', className: "pt-12 pb-12", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }));
+};
+export { ProductFinderSection };
+//# sourceMappingURL=ProductFinderSection.js.map

package/dist/web/productFinder/productFinderSection/ProductFinderSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAM7B,MAAM,oBAAoB,GAAwC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IACR,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAC,aAAa,YAEvB,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAC/C,QAAQ,GACmB,GACpB,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}

package/dist/web/productFinder/productFinderSection/index.d.ts

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

package/dist/web/productFinder/productFinderSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/web/productFinder/productFinderSection/index.js

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

package/dist/web/productFinder/productFinderSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -366,7 +366,8 @@
     "resize-observer-polyfill": "^1.5.1",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "tsx": "^4.19.2"
+    "tsx": "^4.19.2",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.26.18",
@@ -393,7 +394,7 @@
     "vitest": "^3.1.0-beta.1",
     "@odx/eslint-config-websites": "0.0.1",
     "@odx/websites-tsconfig": "0.0.0",
-    "@odx/websites-ui": "0.2.23"
+    "@odx/websites-ui": "0.2.24"
   },
   "peerDependencies": {
     "@odx/websites-ui": ">=0.2.1",