@odx/websites-react 1.1.12 → 1.1.14

package/dist/components/actions/checkbox/Checkbox.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+import { VariantProps } from 'class-variance-authority';
+declare const checkboxIndicatorVariants: (props?: ({
+    color?: "accent" | "primary" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'color'>, VariantProps<typeof checkboxIndicatorVariants> {
     invalid?: boolean;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/actions/checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAe9D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA6CZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAM9D,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAU3D,QAAA,MAAM,yBAAyB;;mFAY7B,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,OAAO,CACR,EACD,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA8CZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/actions/checkbox/Checkbox.js

@@ -5,17 +5,29 @@ import { cn } from '../../../utils';
 import { BodyText } from '../../typography/bodyText';
 import { useFieldId } from '../../../hooks';
 import { Icon } from '../..';
+import { cva } from 'class-variance-authority';
 const checkboxIndicatorClasses = `
   min-h-[1.125rem] min-w-[1.125rem] text-transparent
-  border-[1.5px] rounded-[3px] border-border-primary
-  data-[state=checked]:bg-border-primary data-[state=checked]:text-draeger-white data-[state=checked]:disabled:bg-draeger-cool-gray-250
-  disabled:cursor-not-allowed disabled:border-draeger-cool-gray-250
+  border-[1.5px] rounded-[3px]
+  data-[state=checked]:group-disabled:bg-draeger-cool-gray-250
+  group-disabled:cursor-not-allowed group-disabled:border-draeger-cool-gray-250
   group-focus:outline group-focus:outline-2 group-focus:outline-offset-2 group-focus:outline-border-accent
 `;
-const Checkbox = React.forwardRef(({ className, children, invalid, hidden, ...props }, ref) => {
+const checkboxIndicatorVariants = cva(checkboxIndicatorClasses, {
+    variants: {
+        color: {
+            primary: 'border-border-primary data-[state=checked]:bg-border-primary data-[state=checked]:text-draeger-white',
+            accent: 'border-border-accent data-[state=checked]:bg-border-accent data-[state=checked]:text-draeger-white',
+        },
+    },
+    defaultVariants: {
+        color: 'primary',
+    },
+});
+const Checkbox = React.forwardRef(({ className, children, invalid, hidden, color, ...props }, ref) => {
     const { id, labelId } = useFieldId();
-    return (_jsxs(CheckboxPrimitive.Root, { ...props, className: cn('inline-flex gap-2 items-start font-text group outline-none', hidden && 'hidden', className), ref: ref, id: id, "aria-labelledby": children ? labelId : undefined, "aria-label": children ? undefined : 'checkbox', tabIndex: 0, children: [_jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: cn(checkboxIndicatorClasses, invalid &&
-                    'data-[state=checked]:bg-draeger-error border-draeger-error'), children: _jsx(Icon, { name: "core::check", size: "sm", className: "justify-center" }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: '-mt-0.5 text-left cursor-pointer peer-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
+    return (_jsxs(CheckboxPrimitive.Root, { ...props, className: cn('inline-flex gap-2 items-start font-text group outline-none', hidden && 'hidden', className), ref: ref, id: id, "aria-labelledby": children ? labelId : undefined, "aria-label": children ? undefined : 'checkbox', tabIndex: 0, disabled: props.disabled, children: [_jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: cn(checkboxIndicatorVariants({ color }), invalid &&
+                    'data-[state=checked]:bg-draeger-error border-draeger-error'), children: _jsx(Icon, { name: "core::check", size: "sm", className: "justify-center" }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: '-mt-0.5 text-left cursor-pointer group-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export { Checkbox };

package/dist/components/actions/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAE3B,MAAM,wBAAwB,GAAG;;;;;;CAMhC,CAAC;AAOF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,QAAQ,EAAE,CAAC,aAEX,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,OAAO;oBACL,4DAA4D,CAC/D,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACpC,EAC7B,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,4GAA4G,aAG7G,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACsB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,wBAAwB,GAAG;;;;;;CAMhC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,CAAC,wBAAwB,EAAE;IAC9D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,sGAAsG;YACxG,MAAM,EACJ,oGAAoG;SACvG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAWH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,aAExB,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAC,KAAK,EAAC,CAAC,EAClC,OAAO;oBACL,4DAA4D,CAC/D,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACpC,EAC7B,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,6GAA6G,aAG9G,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACsB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/actions/dropdown-menu/DropdownMenu.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { AnchorPropsWithSelection } from '@headlessui/react/dist/internal/floating';
 export interface DropdownMenuOption {
     value: string;
     label: string;
@@ -9,6 +10,7 @@ export interface DropdownMenuProps {
     triggerElement: React.ReactNode;
     onChange?: (value: string) => void;
     options: DropdownMenuOption[];
+    anchor?: AnchorPropsWithSelection;
 }
 export interface DropdownMenuItemProps {
     option: DropdownMenuOption;

package/dist/components/actions/dropdown-menu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AACD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAuBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,0CAA0C,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AACD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAuBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/actions/dropdown-menu/DropdownMenu.js

@@ -5,9 +5,9 @@ import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition, } fr
 import { optionsVariants, optionVariants } from '../dropdown';
 import { cn } from '../../../utils';
 import { BodyText } from '../../typography/bodyText';
-const DropdownMenuItem = ({ option }) => (_jsx(ListboxOption, { title: option.label, disabled: option.disabled, value: option.value, onMouseDown: e => e.preventDefault(), className: ({ focus }) => cn(optionVariants({ size: 'md', hover: focus }), 'justify-between'), children: _jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "w-full truncate", asChild: true, children: option.element || option.label }) }));
-const DropdownMenu = ({ triggerElement, onChange, options, }) => {
-    return (_jsxs(Listbox, { onChange: onChange, children: [_jsx(ListboxButton, { as: React.Fragment, autoFocus: false, children: triggerElement }), options.length > 0 && (_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(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size: 'md' }), 'min-w-56 origin-top transition'), children: options.map(option => (_jsx(DropdownMenuItem, { option: option }, option.value))) }) }))] }));
+const DropdownMenuItem = ({ option }) => (_jsx(ListboxOption, { title: option.label, disabled: option.disabled, value: option.value, onMouseDown: e => e.preventDefault(), className: ({ focus }) => cn(optionVariants({ size: 'md', hover: focus }), 'justify-between'), children: _jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "w-full truncate", asChild: !!option.element, children: option.element || option.label }) }));
+const DropdownMenu = ({ triggerElement, onChange, options, anchor = { to: 'bottom' }, }) => {
+    return (_jsxs(Listbox, { onChange: onChange, children: [_jsx(ListboxButton, { as: React.Fragment, autoFocus: false, children: triggerElement }), options.length > 0 && (_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(ListboxOptions, { anchor: anchor, className: cn(optionsVariants({ size: 'md' }), 'min-w-56 origin-top transition'), children: options.map(option => (_jsx(DropdownMenuItem, { option: option }, option.value))) }) }))] }));
 };
 export { DropdownMenu };
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/components/actions/dropdown-menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAkBnD,MAAM,gBAAgB,GAAoC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CACtE,KAAC,aAAa,IACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACpC,SAAS,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CACrB,EAAE,CAAC,cAAc,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,EAAE,iBAAiB,CAAC,YAGnE,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,kBAEN,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,GACtB,GACG,CACjB,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,aACzB,KAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,YAChD,cAAc,GACD,EACf,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,KAAC,cAAc,IACb,MAAM,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,EACtB,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAC7B,gCAAgC,CACjC,YAEA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,gBAAgB,IAAoB,MAAM,EAAE,MAAM,IAA5B,MAAM,CAAC,KAAK,CAAoB,CACxD,CAAC,GACa,GACN,CACd,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,eAAe,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAoBnD,MAAM,gBAAgB,GAAoC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CACtE,KAAC,aAAa,IACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACpC,SAAS,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CACrB,EAAE,CAAC,cAAc,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,EAAE,iBAAiB,CAAC,YAGnE,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,YAExB,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,GACtB,GACG,CACjB,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,EAAC,EAAE,EAAE,QAAQ,EAAC,GACxB,EAAE,EAAE;IACH,OAAO,CACL,MAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,aACzB,KAAC,aAAa,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,YAChD,cAAc,GACD,EACf,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAC7B,gCAAgC,CACjC,YAEA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,gBAAgB,IAAoB,MAAM,EAAE,MAAM,IAA5B,MAAM,CAAC,KAAK,CAAoB,CACxD,CAAC,GACa,GACN,CACd,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/images-icons/icon/Icon.js

@@ -34,7 +34,7 @@ const iconContainerVariants = cva('flex items-center', {
         },
     },
     defaultVariants: {
-        size: 'default',
+        size: 'md',
     },
 });
 const IconWrapper = ({ className, size, ...props }) => (_jsx("div", { className: cn(iconContainerVariants({ size }), className), ...props }));

package/dist/components/images-icons/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAO3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;SACtC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,2BAA2B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,+BAA+B;YACnC,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAMH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AAqBF,SAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACvE,MAAM,aAAa,GAAG,UAAiB,CAAC;IACxC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3D,CACf,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACM;IACd,MAAM,aAAa,GAAG,eAAsB,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,CACP,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,EACtB,WAAW,IAAI,4CAA4C,CAC5D,EACD,IAAI,EAAE,IAAI,GACV,GACU,CACf,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/images-icons/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAO3D,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC1C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,qBAAqB;YAChC,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,MAAM,EAAE,kBAAkB;YAC1B,eAAe,EAAE,oBAAoB;YACrC,eAAe,EAAE,oBAAoB;SACtC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,2BAA2B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,UAAU;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,CAAC,mBAAmB,EAAE;IACrD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,EAAE,EAAE,+BAA+B;YACnC,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAMH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AAqBF,SAAS,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAY;IACvE,MAAM,aAAa,GAAG,UAAiB,CAAC;IACxC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3D,CACf,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACM;IACd,MAAM,aAAa,GAAG,eAAsB,CAAC;IAE7C,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtD,KAAC,aAAa,IACZ,KAAK,EAAE,EAAE,CACP,YAAY,CAAC,EAAC,MAAM,EAAC,CAAC,EACtB,WAAW,IAAI,4CAA4C,CAC5D,EACD,IAAI,EAAE,IAAI,GACV,GACU,CACf,CAAC;AACJ,CAAC;AAED,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/layout/tabBar/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAO,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0B3C,CAAC;AAEF,QAAA,MAAM,wBAAwB;;mFAU7B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAC9C;AAgBD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmJzC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,CAAC"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/tabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAO,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAIhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,aAAa,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAOjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0B3C,CAAC;AAEF,QAAA,MAAM,wBAAwB;;mFAU7B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACrD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAC9C;AAgBD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkEzC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/layout/tabBar/TabBar.js

@@ -4,8 +4,10 @@ import * as React from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { cva } from 'class-variance-authority';
 import { Icon } from '../..';
-import { cn, debounce } from '../../../utils';
+import { cn } from '../../../utils';
 import { TabBarContext, useTabBarContext } from './TabBarContext';
+import { useTabBarKeys } from '../../../hooks/emblaCarousel/useTabBarKeys';
+import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
 const TabBar = ({ children, currentTab, onTabChange }) => {
     const id = React.useId();
     return (_jsx(TabBarContext.Provider, { value: { currentTab, onTabChange, id }, children: children }));
@@ -47,11 +49,8 @@ const TabBarList = ({ children, className, ...props }) => {
         dragFree: false,
         watchDrag: false,
     });
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
-    const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
-    const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
+    const onKeyDownHandler = useTabBarKeys({ emblaApi, onTabChange, currentTab });
+    const { canScrollNext, canScrollPrev, scrollPrev, scrollNext, scrollTo } = usePrevNextButtons(emblaApi);
     React.useEffect(() => {
         if (!emblaApi) {
             return;
@@ -62,60 +61,6 @@ const TabBarList = ({ children, className, ...props }) => {
         if (typeof index !== 'undefined')
             scrollTo(index);
     }, [currentTab, emblaApi]);
-    const onSelect = React.useCallback(() => {
-        if (!emblaApi) {
-            return;
-        }
-        setCanScrollPrev(emblaApi.canScrollPrev());
-        setCanScrollNext(emblaApi.canScrollNext());
-    }, [emblaApi]);
-    React.useEffect(() => {
-        if (!emblaApi) {
-            return;
-        }
-        const reIntHandler = debounce((api) => {
-            setCanScrollPrev(api.canScrollPrev());
-            setCanScrollNext(api.canScrollNext());
-        }, 100);
-        onSelect();
-        emblaApi.on('select', onSelect);
-        emblaApi.on('reInit', reIntHandler);
-    }, [emblaApi]);
-    const onKeyDownHandler = React.useCallback((e) => {
-        if (!emblaApi) {
-            return;
-        }
-        const keyLeft = e.key === 'ArrowLeft';
-        const keyRight = e.key === 'ArrowRight';
-        if (!keyLeft && !keyRight)
-            return;
-        const emblaRootNode = emblaApi.rootNode();
-        if (!emblaRootNode)
-            return;
-        const tabsNodesArray = Array.from(emblaRootNode.querySelectorAll('[data-tab]'));
-        const currentTabIndex = tabsNodesArray.findIndex(el => el.getAttribute('data-tab') === currentTab);
-        const canGoLeft = currentTabIndex > 0;
-        const canGoRight = currentTabIndex < tabsNodesArray.length - 1;
-        let targetTab;
-        if (canGoLeft && keyLeft) {
-            targetTab = tabsNodesArray
-                .slice(0, currentTabIndex)
-                .reverse()
-                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
-        }
-        else if (canGoRight && keyRight) {
-            targetTab = tabsNodesArray
-                .slice(currentTabIndex + 1)
-                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
-        }
-        if (targetTab) {
-            const targetTabValue = targetTab.getAttribute('data-tab');
-            if (targetTabValue) {
-                targetTab.focus();
-                onTabChange(targetTabValue);
-            }
-        }
-    }, [emblaApi, currentTab]);
     return (_jsxs("div", { className: cn('relative font-text mb-4 before:content-[""] before:absolute before:w-full before:bottom-0 before:h-0.5 before:bg-draeger-cool-gray-100', className), ...props, children: [_jsx("div", { className: "overflow-hidden", children: _jsx("div", { ref: emblaRef, children: _jsx("div", { role: "tablist", className: "flex", onKeyDown: onKeyDownHandler, children: children }) }) }), canScrollPrev && (_jsx(TabBarListButton, { onClick: scrollPrev, position: 'left', iconProps: { name: 'core::chevron-left' } })), canScrollNext && (_jsx(TabBarListButton, { onClick: scrollNext, position: 'right', iconProps: { name: 'core::chevron-right' } }))] }));
 };
 export { TabBar, TabBarList, TabBarTrigger, TabBarPanel };

package/dist/components/layout/tabBar/TabBar.js.map

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

package/dist/hooks/emblaCarousel/useTabBarKeys.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { EmblaCarouselType } from 'embla-carousel';
+export declare const useTabBarKeys: ({ emblaApi, onTabChange, currentTab, }: {
+    emblaApi?: EmblaCarouselType;
+    onTabChange: (tab: string) => void;
+    currentTab: string | null;
+}) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
+//# sourceMappingURL=useTabBarKeys.d.ts.map

package/dist/hooks/emblaCarousel/useTabBarKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabBarKeys.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/useTabBarKeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,aAAa,2CAIvB;IACD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,SAEO,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,SA6C1C,CAAC"}

package/dist/hooks/emblaCarousel/useTabBarKeys.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export const useTabBarKeys = ({ emblaApi, onTabChange, currentTab, }) => {
+    const onKeyDownHandler = React.useCallback((e) => {
+        if (!emblaApi) {
+            return;
+        }
+        const keyLeft = e.key === 'ArrowLeft';
+        const keyRight = e.key === 'ArrowRight';
+        if (!keyLeft && !keyRight)
+            return;
+        const emblaRootNode = emblaApi.rootNode();
+        if (!emblaRootNode)
+            return;
+        const tabsNodesArray = Array.from(emblaRootNode.querySelectorAll('[data-tab]'));
+        const currentTabIndex = tabsNodesArray.findIndex(el => el.getAttribute('data-tab') === currentTab);
+        const canGoLeft = currentTabIndex > 0;
+        const canGoRight = currentTabIndex < tabsNodesArray.length - 1;
+        let targetTab;
+        if (canGoLeft && keyLeft) {
+            targetTab = tabsNodesArray
+                .slice(0, currentTabIndex)
+                .reverse()
+                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
+        }
+        else if (canGoRight && keyRight) {
+            targetTab = tabsNodesArray
+                .slice(currentTabIndex + 1)
+                .find(tabNode => tabNode.getAttribute('data-disabled') === 'false');
+        }
+        if (targetTab) {
+            const targetTabValue = targetTab.getAttribute('data-tab');
+            if (targetTabValue) {
+                targetTab.focus();
+                onTabChange(targetTabValue);
+            }
+        }
+    }, [emblaApi, currentTab]);
+    return onKeyDownHandler;
+};
+//# sourceMappingURL=useTabBarKeys.js.map

package/dist/hooks/emblaCarousel/useTabBarKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabBarKeys.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/useTabBarKeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,UAAU,GAKX,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC;QACtC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC;QACxC,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO;QAElC,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAC1C,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,MAAM,cAAc,GAAkB,KAAK,CAAC,IAAI,CAC9C,aAAa,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAC7C,CAAC;QACF,MAAM,eAAe,GAAG,cAAc,CAAC,SAAS,CAC9C,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,UAAU,CACjD,CAAC;QACF,MAAM,SAAS,GAAG,eAAe,GAAG,CAAC,CAAC;QACtC,MAAM,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAE/D,IAAI,SAAS,CAAC;QAEd,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;YACzB,SAAS,GAAG,cAAc;iBACvB,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC;iBACzB,OAAO,EAAE;iBACT,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,CAAC;QACxE,CAAC;aAAM,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;YAClC,SAAS,GAAG,cAAc;iBACvB,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC;iBAC1B,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,cAAc,GAAG,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;YAC1D,IAAI,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,KAAK,EAAE,CAAC;gBAClB,WAAW,CAAC,cAAc,CAAC,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}

package/dist/web/index.d.ts

@@ -26,6 +26,7 @@ export * from './productFinder/stageSection';
  */
 export * from './product/productBenefits';
 export * from './product/productAccessories';
+export * from './product/productStage';
 export * from './product/productInfoBlock';
 export * from './product/relatedProductsBox';
 export * from './product/productNBASection';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}

package/dist/web/index.js

@@ -26,6 +26,7 @@ export * from './productFinder/stageSection';
  */
 export * from './product/productBenefits';
 export * from './product/productAccessories';
+export * from './product/productStage';
 export * from './product/productInfoBlock';
 export * from './product/relatedProductsBox';
 export * from './product/productNBASection';

package/dist/web/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}

package/dist/web/product/productStage/ProductCtaDrawer.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { ButtonProps } from '../../../components';
+export interface ProductCtaDrawerButtonsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductCtaDrawerButtonsContainer: React.FC<ProductCtaDrawerButtonsContainerProps>;
+export interface ProductCtaDrawerTriggerButtonProps extends Omit<ButtonProps, 'size' | 'variant' | 'children' | 'iconRight' | 'iconLeft'> {
+}
+declare const ProductCtaDrawerTriggerButton: React.FC<ProductCtaDrawerTriggerButtonProps>;
+export interface ProductCtaDrawerMainButtonProps extends Omit<ButtonProps, 'size' | 'variant' | 'className'> {
+}
+declare const ProductCtaDrawerMainButton: React.FC<ProductCtaDrawerActionButtonProps>;
+export interface ProductCtaDrawerActionButtonProps extends Omit<ButtonProps, 'size' | 'variant' | 'className'> {
+}
+declare const ProductCtaDrawerActionButton: React.FC<ProductCtaDrawerActionButtonProps>;
+export interface ProductCtaDrawerProps {
+    children?: React.ReactNode;
+    buttonsContainer?: React.ReactNode;
+    actionButton?: React.ReactNode;
+    title?: string;
+}
+declare const ProductCtaDrawer: React.FC<ProductCtaDrawerProps>;
+export { ProductCtaDrawer, ProductCtaDrawerButtonsContainer, ProductCtaDrawerMainButton, ProductCtaDrawerTriggerButton, ProductCtaDrawerActionButton, };
+//# sourceMappingURL=ProductCtaDrawer.d.ts.map

package/dist/web/product/productStage/ProductCtaDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCtaDrawer.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductCtaDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,WAAW,EAAiB,MAAM,qBAAqB,CAAC;AAExE,MAAM,WAAW,qCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAC9C,qCAAqC,CAOtC,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CACV,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAC3D;CAAG;AAEN,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAanC,CAAC;AAEF,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;CAAG;AAEhE,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CACxC,iCAAiC,CAYlC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;CAAG;AAEhE,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAalC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqCrD,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,GAC7B,CAAC"}

package/dist/web/product/productStage/ProductCtaDrawer.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer } from 'vaul';
+import { Button, Headline, Icon } from '../../../components';
+const ProductCtaDrawerButtonsContainer = ({ children, ...props }) => {
+    return (_jsx("div", { className: "sticky bottom-0 flex px-6 pt-24 pb-2 xl:hidden", ...props, children: _jsx("div", { className: "flex justify-center w-full gap-2", children: children }) }));
+};
+const ProductCtaDrawerTriggerButton = ({ ...props }) => {
+    return (_jsx(Drawer.Trigger, { asChild: true, children: _jsx(Button, { iconLeft: _jsx(Icon, { name: "core::more" }), size: "md", variant: "primary", "aria-label": "Show more actions", ...props }) }));
+};
+const ProductCtaDrawerMainButton = ({ iconLeft, iconRight, ...props }) => {
+    return (_jsx(Button, { size: "md", variant: "primary", className: "grow md:grow-0 md:min-w-52", iconLeft: iconLeft, iconRight: iconRight, ...props }));
+};
+const ProductCtaDrawerActionButton = ({ iconLeft, iconRight, ...props }) => {
+    return (_jsx("div", { className: "flex flex-col px-4 py-2 border-t border-t-border-separator", children: _jsx(Button, { size: "md", variant: "primary", ...props, iconLeft: iconLeft, iconRight: iconRight }) }));
+};
+const ProductCtaDrawer = ({ children, buttonsContainer, actionButton, title, }) => {
+    return (_jsxs(Drawer.Root, { children: [buttonsContainer, _jsxs(Drawer.Portal, { children: [_jsx(Drawer.Overlay, { className: "fixed inset-0 bg-draeger-dark-blue-900/40" }), _jsx(Drawer.Content, { className: "fixed bottom-0 left-0 right-0 bg-gray-100 outline-none h-fit", children: _jsxs("div", { className: "bg-draeger-white rounded-t-md", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b min-h-16 border-border-separator", children: [_jsx(Headline, { headingLevel: "h5", spacingBottom: false, children: title }), _jsx(Drawer.Close, { asChild: true, children: _jsx(Button, { variant: 'ghost', iconLeft: _jsx(Icon, { name: "core::close", className: "text-interactions-brand" }), size: "md" }) })] }), _jsx("div", { className: "px-4 py-6", children: children }), actionButton] }) })] })] }));
+};
+export { ProductCtaDrawer, ProductCtaDrawerButtonsContainer, ProductCtaDrawerMainButton, ProductCtaDrawerTriggerButton, ProductCtaDrawerActionButton, };
+//# sourceMappingURL=ProductCtaDrawer.js.map

package/dist/web/product/productStage/ProductCtaDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCtaDrawer.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductCtaDrawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAC,MAAM,EAAe,QAAQ,EAAE,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAKxE,MAAM,gCAAgC,GAElC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC3B,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,KAAK,KAAK,YACvE,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,GAC9D,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,6BAA6B,GAE/B,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,MAAM,CAAC,OAAO,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACpC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,gBACN,mBAAmB,KAC1B,KAAK,GACT,GACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,0BAA0B,GAE5B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACtC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACtC,OAAO,CACL,cAAK,SAAS,EAAC,4DAA4D,YACzE,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,KACb,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACpB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,eACT,gBAAgB,EACjB,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,2CAA2C,GAAG,EACxE,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,8DAA8D,YACtF,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,uFAAuF,aACpG,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,KAAK,GACG,EACX,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,QAAQ,EACN,KAAC,IAAI,IACH,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,yBAAyB,GACnC,EAEJ,IAAI,EAAC,IAAI,GACT,GACW,IACX,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,EAC1C,YAAY,IACT,GACS,IACH,IACJ,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,GAC7B,CAAC"}

package/dist/web/product/productStage/ProductStage.d.ts

@@ -0,0 +1,45 @@
+import { type HeadlineProps, type LinkButtonProps, type LinkProps } from '../../../components';
+export interface ProductStageProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStage: React.FC<ProductStageProps>;
+export interface ProductStageCompareWrapperProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStageCompareWrapper: React.FC<ProductStageCompareWrapperProps>;
+export interface ProductStageCompareBackButtonProps extends Omit<LinkProps, 'icon' | 'iconRight' | 'size' | 'theme' | 'display'> {
+}
+export declare const ProductStageCompareBackButton: React.FC<ProductStageCompareBackButtonProps>;
+export type ProductStageCompareButtonProps = {
+    checked: boolean;
+    setIsChecked: (value: boolean) => void;
+    labelChecked?: string;
+    labelUnchecked?: string;
+    buttonProps: LinkButtonProps;
+};
+export declare const ProductStageCompareButton: React.FC<ProductStageCompareButtonProps>;
+export interface ProductStageContainerProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStageContainer: React.FC<ProductStageContainerProps>;
+export interface ProductStageContainerDescriptionProps {
+    headline?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    description?: string;
+    text?: string;
+    tag?: React.ReactNode;
+}
+export declare const ProductStageContainerDescription: React.FC<ProductStageContainerDescriptionProps>;
+export interface ProductStageContainerMobileProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStageContainerMobile: React.FC<ProductStageContainerMobileProps>;
+export interface ProductStageContainerMobileButtonsProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStageContainerMobileButtons: React.FC<ProductStageContainerMobileButtonsProps>;
+export interface ProductStageContainerMobileListProps {
+    children?: React.ReactNode;
+}
+export declare const ProductStageContainerMobileList: React.FC<ProductStageContainerMobileListProps>;
+//# sourceMappingURL=ProductStage.d.ts.map

package/dist/web/product/productStage/ProductStage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductStage.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAC;AAG7B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYpD,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,+BAA+B,CAOhC,CAAC;AAEF,MAAM,WAAW,kCACf,SAAQ,IAAI,CACV,SAAS,EACT,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CACpD;CAAG;AAEN,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD,kCAAkC,CASnC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAiC/B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAQtE,CAAC;AAEF,MAAM,WAAW,qCAAqC;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AACD,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CACrD,qCAAqC,CActC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAGjC,CAAC;AAEF,MAAM,WAAW,uCAAuC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CACvD,uCAAuC,CAGxC,CAAC;AAEF,MAAM,WAAW,oCAAoC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AACD,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CACpD,oCAAoC,CAGrC,CAAC"}

package/dist/web/product/productStage/ProductStage.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BlockChildrenWidthContainer, BlockGrid, BodyText, Checkbox, Container, Headline, Icon, Link, SlimRichText, LinkButton, } from '../../../components';
+import { cn } from '../../../utils';
+export const ProductStage = ({ children }) => {
+    return (_jsx("div", { className: "pt-8 pb-6 bg-surface-secondary xl:pt-14", children: _jsx(Container, { paddingBottom: 'none', paddingTop: 'none', children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: _jsx("div", { className: "flex flex-col gap-6", children: children }) }) }) }) }));
+};
+export const ProductStageCompareWrapper = ({ children }) => {
+    return (_jsx("div", { className: "flex justify-between gap-2.5 py-2.5 lg:p-0 items-center xl:[&>[data-compare-button]]:block [&>[data-compare-button]]:hidden", children: children }));
+};
+export const ProductStageCompareBackButton = props => {
+    return (_jsx(Link, { variant: 'secondary', icon: _jsx(Icon, { size: 'md', name: "core::chevron-left" }), ...props }));
+};
+export const ProductStageCompareButton = ({ checked, setIsChecked, labelChecked, labelUnchecked, buttonProps }) => {
+    return (_jsxs(LinkButton, { ...buttonProps, "data-compare-button": true, variant: 'secondary', className: cn('cursor-pointer', buttonProps?.className), href: checked ? buttonProps?.href : undefined, onClick: e => {
+            if (!checked) {
+                e.stopPropagation();
+                e.preventDefault();
+                setIsChecked(true);
+            }
+            else {
+                buttonProps?.onClick?.(e);
+            }
+        }, children: [_jsx(Checkbox, { checked: checked, onClick: e => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    setIsChecked(!checked);
+                }, color: 'accent' }), _jsx("span", { className: "cursor-pointer", children: checked ? labelChecked : labelUnchecked })] }));
+};
+export const ProductStageContainer = ({ children, }) => {
+    return (_jsx("div", { className: "grid grid-cols-1 gap-10 xl:grid-cols-2 xl:gap-6", children: children }));
+};
+export const ProductStageContainerDescription = ({ headline, description, text, tag }) => {
+    return (_jsxs("div", { className: "flex flex-col gap-6 xl:pt-9 xl:max-w-[517px]", children: [_jsxs("div", { children: [tag, _jsx(Headline, { headingLevel: "h2", spacingBottom: false, children: headline }), _jsx(BodyText, { variant: 'large', children: description })] }), _jsx(SlimRichText, { bottomSpacing: false, variant: 'large', text: text })] }));
+};
+export const ProductStageContainerMobile = ({ children }) => {
+    return _jsx("div", { className: "flex flex-col gap-4 xl:hidden", children: children });
+};
+export const ProductStageContainerMobileButtons = ({ children }) => {
+    return _jsx("div", { className: "flex flex-col gap-2", children: children });
+};
+export const ProductStageContainerMobileList = ({ children }) => {
+    return _jsx("div", { className: "py-3", children: children });
+};
+//# sourceMappingURL=ProductStage.js.map

package/dist/web/product/productStage/ProductStage.js.map

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

package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { IconProps, VideoProps, type ImageProps } from '../../../components';
+declare const controlButtonVariants: (props?: ({
+    position?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ControlButtonProps extends VariantProps<typeof controlButtonVariants> {
+    onClick: React.HTMLAttributes<HTMLDivElement>['onClick'];
+    iconProps: Omit<IconProps, 'size' | 'color'>;
+}
+export interface MediaThumbnailProps {
+    children: React.ReactNode;
+    isActive: boolean;
+    isVideo?: boolean;
+}
+export interface ImageMediaType {
+    thumbnailImage: Omit<ImageProps, 'ratio'>;
+    image: Omit<ImageProps, 'ratio'>;
+}
+export interface VideoMediaType {
+    thumbnailImage: Omit<ImageProps, 'ratio'>;
+    video: Omit<VideoProps, 'previewImage'> & {
+        previewImage: Omit<ImageProps, 'ratio'>;
+    };
+}
+export type MediaElementType = ({
+    type: 'image';
+} & ImageMediaType) | ({
+    type: 'video';
+} & VideoMediaType);
+export interface ProductStageContainerThumbnailProps {
+    mediaElements?: MediaElementType[];
+    selectedImage?: Omit<ImageProps, 'ratio'>;
+}
+export declare const ProductStageContainerThumbnail: React.FC<ProductStageContainerThumbnailProps>;
+export {};
+//# sourceMappingURL=ProductStageContainerThumbnail.d.ts.map

package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductStageContainerThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAIL,SAAS,EAGT,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAG7B,QAAA,MAAM,qBAAqB;;mFAU1B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAClD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAC9C;AAeD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA+BD,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACxC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KACzC,CAAC;CACH;AAED,MAAM,MAAM,gBAAgB,GACxB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,GACnB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,CAAC;AAExB,MAAM,WAAW,mCAAmC;IAClD,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CACnD,mCAAmC,CAoKpC,CAAC"}

package/dist/web/product/productStage/ProductStageContainerThumbnail.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { cva } from 'class-variance-authority';
+import { Controls, ControlsItem, Icon, Image, Video, } from '../../../components';
+import { cn, debounce } from '../../../utils';
+const controlButtonVariants = cva('hidden select-none absolute top-0 md:flex items-center h-full cursor-pointer w-12 from-surface-secondary via-45% via-surface-secondary to-white', {
+    variants: {
+        position: {
+            left: 'left-0 bg-gradient-to-r',
+            right: 'right-0 bg-gradient-to-l justify-end',
+        },
+    },
+});
+const ControlButton = ({ onClick, iconProps, position, }) => (_jsx("div", { className: cn(controlButtonVariants({ position })), onClick: onClick, children: _jsx(Icon, { size: 'md', className: cn(iconProps, 'text-text-accent'), ...iconProps }) }));
+const mediaThumbnailClasses = `
+  group relative overflow-hidden transition-all rounded-md outline-none cursor-pointer md:size-20
+  md:border-2 border-border-contrast active:border-border-primary focus:border-border-accent hover:border-border-primary
+`;
+const MediaThumbnail = ({ children, isActive, isVideo, }) => {
+    return (_jsxs("div", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary'), children: [isVideo && (_jsx(Icon, { size: 'lg', name: "core::media-play", color: 'accent', className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" })), children, _jsx("div", { className: "transition-all absolute top-0 right-0 bottom-0 left-0 bg-[#000000] opacity-0 group-hover:opacity-30" })] }));
+};
+export const ProductStageContainerThumbnail = ({ mediaElements }) => {
+    const [emblaMainRef, emblaMainApi] = useEmblaCarousel({
+        align: 'start',
+        containScroll: 'trimSnaps',
+        slidesToScroll: 1,
+    });
+    const [emblaThumbsRef, emblaThumbsApi] = useEmblaCarousel({
+        align: 'start',
+        containScroll: 'trimSnaps',
+        slidesToScroll: 3,
+    });
+    const [scrollSnaps, setScrollSnaps] = React.useState([]);
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const onThumbClick = React.useCallback((index) => {
+        if (!emblaMainApi || !emblaThumbsApi)
+            return;
+        emblaMainApi.scrollTo(index);
+    }, [emblaMainApi, emblaThumbsApi]);
+    const onMainSelect = React.useCallback(() => {
+        if (!emblaThumbsApi || !emblaMainApi) {
+            return;
+        }
+        setScrollSnaps(emblaMainApi.scrollSnapList());
+        setActiveIndex(emblaMainApi.selectedScrollSnap());
+        emblaThumbsApi.scrollTo(emblaMainApi.selectedScrollSnap());
+    }, [emblaThumbsApi, emblaMainApi]);
+    const onThumbSelect = React.useCallback(() => {
+        if (!emblaThumbsApi || !emblaMainApi) {
+            return;
+        }
+        setCanScrollPrev(emblaThumbsApi.canScrollPrev());
+        setCanScrollNext(emblaThumbsApi.canScrollNext());
+    }, [emblaThumbsApi, emblaMainApi]);
+    React.useEffect(() => {
+        if (!emblaThumbsApi || !emblaMainApi) {
+            return;
+        }
+        const reIntHandler = debounce((api) => {
+            setCanScrollPrev(api.canScrollPrev());
+            setCanScrollNext(api.canScrollNext());
+        }, 100);
+        onMainSelect();
+        onThumbSelect();
+        emblaThumbsApi.on('select', onThumbSelect);
+        emblaThumbsApi.on('reInit', reIntHandler);
+        emblaMainApi.on('select', onMainSelect);
+        emblaMainApi.on('reInit', reIntHandler);
+    }, [emblaThumbsApi]);
+    const scrollPrev = React.useCallback(() => emblaThumbsApi && emblaThumbsApi.scrollPrev(), [emblaThumbsApi]);
+    const scrollNext = React.useCallback(() => emblaThumbsApi && emblaThumbsApi.scrollNext(), [emblaThumbsApi]);
+    return (_jsxs("div", { className: "flex flex-col md:gap-4", children: [_jsxs("div", { className: cn('font-text overflow-hidden relative'), ref: emblaMainRef, children: [_jsx("div", { className: "flex gap-x-2", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full overflow-hidden rounded-md bg-surface-secondary", children: mediaElement.type === 'image' ? (_jsx(Image, { ratio: '4/3', className: "mix-blend-darken", ...mediaElement.image })) : (_jsx(Video, { ...mediaElement.video,
+                                previewImage: {
+                                    ...mediaElement.video.previewImage,
+                                    ratio: '4/3',
+                                    className: 'mix-blend-darken',
+                                } })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: cn('font-text relative overflow-hidden invisible h-0 md:visible md:h-auto'), ref: emblaThumbsRef, children: [_jsx("div", { className: "flex select-none gap-x-2", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-auto", onClick: () => onThumbClick(index), children: _jsx(MediaThumbnail, { isActive: activeIndex === index, isVideo: mediaElement.type === 'video', children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...mediaElement.thumbnailImage }) }) }, index))) }), canScrollPrev && (_jsx(ControlButton, { onClick: scrollPrev, position: 'left', iconProps: { name: 'core::chevron-left' } })), canScrollNext && (_jsx(ControlButton, { onClick: scrollNext, position: 'right', iconProps: { name: 'core::chevron-right' } }))] })] }));
+};
+//# sourceMappingURL=ProductStageContainerThumbnail.js.map

package/dist/web/product/productStage/ProductStageContainerThumbnail.js.map

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

package/dist/web/product/productStage/ProductStageNavBar.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { IconProps } from '../../../components';
+export interface ProductStageNavBarItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    value: string;
+    disabled?: boolean;
+    isActive: boolean;
+    onTabChange: (tab: string) => void;
+}
+declare const productStageNavBarListButtonVariants: (props?: ({
+    position?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ProductStageNavBarListButtonProps extends VariantProps<typeof productStageNavBarListButtonVariants> {
+    onClick: React.HTMLAttributes<HTMLDivElement>['onClick'];
+    iconProps: Omit<IconProps, 'size' | 'color'>;
+}
+export interface ProductStageNavBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: {
+        label: string;
+        id: string;
+        href?: string;
+        disabled?: boolean;
+    }[];
+    currentTab: string;
+    onTabChange: (tab: string) => void;
+}
+declare const ProductStageNavBar: React.FC<ProductStageNavBarProps>;
+export interface ProductStageNavBarContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductStageNavBarContainer: React.FC<ProductStageNavBarContainerProps>;
+export interface ProductStageNavBarButtonsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductStageNavBarButtonsContainer: React.FC<ProductStageNavBarButtonsContainerProps>;
+export { ProductStageNavBar, ProductStageNavBarContainer, ProductStageNavBarButtonsContainer, };
+//# sourceMappingURL=ProductStageNavBar.d.ts.map

package/dist/web/product/productStage/ProductStageNavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductStageNavBar.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageNavBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EACL,SAAS,EAMV,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAwCD,QAAA,MAAM,oCAAoC;;mFAUzC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,YAAY,CAAC,OAAO,oCAAoC,CAAC;IACjE,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAC9C;AAiBD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,EAAE,CAAC;IACJ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyEzD,CAAC;AAEF,MAAM,WAAW,gCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAejC,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAChD,uCAAuC,CACiC,CAAC;AAE3E,OAAO,EACL,kBAAkB,EAClB,2BAA2B,EAC3B,kCAAkC,GACnC,CAAC"}

package/dist/web/product/productStage/ProductStageNavBar.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+import { Icon, BlockGrid, BlockChildrenWidthContainer, Container, BodyText, } from '../../../components';
+import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
+import { useTabBarKeys } from '../../../hooks/emblaCarousel/useTabBarKeys';
+const ProductStageNavBarItem = ({ children, value, disabled = false, isActive, onTabChange, }) => {
+    if (!children)
+        return;
+    return (_jsxs("div", { className: "flex flex-col gap-1 p-2 pb-0 flex-[0_0_auto]", children: [_jsx(BodyText, { variant: 'small', weight: "bold", asChild: true, children: _jsx("button", { type: "button", role: "tab", "data-tab": value, "data-disabled": disabled, tabIndex: isActive ? 0 : -1, "aria-selected": isActive, className: cn('transition-all cursor-pointer p-1 hover:bg-field-hover outline-1 outline-none -outline-offset-1 focus:outline focus:outline-border-accent rounded-sm', disabled && 'cursor-not-allowed text-text-disabled'), onClick: () => !disabled && onTabChange(value), children: children }) }), _jsx("div", { className: cn('h-1 mx-1 transition-colors w-1/2', isActive && 'bg-border-accent') })] }));
+};
+const productStageNavBarListButtonVariants = cva('select-none absolute top-0 right-0 flex items-center justify-center h-full p-2 cursor-pointer w-11 from-draeger-white via-75% via-draeger-white to-white', {
+    variants: {
+        position: {
+            left: 'left-0 bg-gradient-to-r',
+            right: 'right-0 bg-gradient-to-l',
+        },
+    },
+});
+const ProductStageNavBarListButton = ({ onClick, iconProps, position }) => (_jsx("div", { className: cn(productStageNavBarListButtonVariants({ position })), onClick: onClick, children: _jsx(Icon, { size: 'md', className: cn(iconProps, 'text-text-accent'), ...iconProps }) }));
+const ProductStageNavBar = ({ currentTab, onTabChange, items, ...props }) => {
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        containScroll: 'trimSnaps',
+        dragFree: true,
+        watchDrag: true,
+    });
+    const onKeyDownHandler = useTabBarKeys({ emblaApi, onTabChange, currentTab });
+    const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
+    const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
+    React.useEffect(() => {
+        if (!emblaApi) {
+            return;
+        }
+        const emblaRootNode = emblaApi.rootNode();
+        const tabsNodesArray = Array.from(emblaRootNode.querySelectorAll('[data-tab]'));
+        const index = tabsNodesArray.findIndex(el => el.getAttribute('data-tab') === currentTab);
+        if (typeof index !== 'undefined')
+            scrollTo(index);
+    }, [currentTab, emblaApi]);
+    return (_jsxs("div", { className: "relative overflow-hidden", ...props, children: [_jsx("div", { className: "overflow-hidden", children: _jsx("div", { ref: emblaRef, children: _jsx("div", { role: "tablist", className: "flex", onKeyDown: onKeyDownHandler, children: items.map((item, index) => (_jsx(ProductStageNavBarItem, { value: item.id, isActive: currentTab === item.id, disabled: item.disabled, onTabChange: onTabChange, children: item.label }, index))) }) }) }), canScrollPrev && (_jsx(ProductStageNavBarListButton, { onClick: scrollPrev, position: 'left', iconProps: { name: 'core::chevron-left' } })), canScrollNext && (_jsx(ProductStageNavBarListButton, { onClick: scrollNext, position: 'right', iconProps: { name: 'core::chevron-right' } }))] }));
+};
+const ProductStageNavBarContainer = ({ children }) => (_jsx(Container, { paddingTop: 'none', paddingBottom: 'none', className: "sticky top-0 border-b border-border-separator font-text", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: _jsx("div", { className: "flex gap-4 h-[88px] items-center justify-between", children: children }) }) }) }));
+const ProductStageNavBarButtonsContainer = ({ children }) => _jsx("div", { className: "hidden gap-4 xl:flex", children: children });
+export { ProductStageNavBar, ProductStageNavBarContainer, ProductStageNavBarButtonsContainer, };
+//# sourceMappingURL=ProductStageNavBar.js.map

package/dist/web/product/productStage/ProductStageNavBar.js.map

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

package/dist/web/product/productStage/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ProductStage';
+export * from './ProductStageContainerThumbnail';
+export * from './ProductStageNavBar';
+export * from './ProductCtaDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/product/productStage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/dist/web/product/productStage/index.js

@@ -0,0 +1,5 @@
+export * from './ProductStage';
+export * from './ProductStageContainerThumbnail';
+export * from './ProductStageNavBar';
+export * from './ProductCtaDrawer';
+//# sourceMappingURL=index.js.map

package/dist/web/product/productStage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/dist/web/sections/calloutContact/CalloutContact.js

@@ -11,7 +11,7 @@ export const ContactInfoLink = ({ label = '', iconName, LinkComponent = 'a', ...
 export const ContactColumn = ({ headline, headlineActAs, children, }) => (headline || children) && (_jsxs("div", { className: "flex flex-col gap-y-3", children: [_jsx(Headline, { headingLevel: "h6", actAs: headlineActAs, children: headline }), children] }));
 export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, headlineActAs, }) => (headline || phoneNumber || text01 || text02) && (_jsxs(ContactColumn, { headline: headline, headlineActAs: headlineActAs, children: [_jsx(ContactInfoText, { text: text01 }), phoneNumber && (_jsx(ContactInfoLink, { href: `tel:${phoneNumber.replace(/\s/g, '')}`, label: phoneNumber, iconName: "core::phone" })), _jsx(ContactInfoText, { text: text02 })] }));
 export const CalloutContact = ({ title, children, sectionProps, showMoreSlot, }) => {
-    return (_jsxs(ContentSection, { sectionProps: { background: 'paleBlue', ...sectionProps }, children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx("p", { className: "mb-8 font-display text-[2rem] leading-[1.14] text-text-primary", children: title })), _jsx(ContentGroup, { cols: 3, children: children })] }) }), _jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { children: showMoreSlot }) })] }));
+    return (_jsxs(ContentSection, { sectionProps: { background: 'paleBlue', ...sectionProps }, children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx("p", { className: "mb-8 font-display text-[2rem] leading-[1.14] text-text-primary", children: title })), _jsx(ContentGroup, { cols: 3, children: children })] }) }), _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: showMoreSlot }) })] }));
 };
 export const CalloutContactImage = ({ ...props }) => {
     return (_jsx("div", { className: "relative", children: _jsx(Image, { ...props, ratio: '16/9' }) }));

package/dist/web/sections/calloutContact/CalloutContact.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -99,6 +99,7 @@
     "./web/product/productAccessories": "./dist/web/product/productAccessories/index.js",
     "./web/product/productBenefits": "./dist/web/product/productBenefits/index.js",
     "./web/product/productInfoBlock": "./dist/web/product/productInfoBlock/index.js",
+    "./web/product/productStage": "./dist/web/product/productStage/index.js",
     "./web/productFinder/contentSwitch": "./dist/web/productFinder/contentSwitch/index.js",
     "./web/productFinder/filter": "./dist/web/productFinder/filter/index.js",
     "./web/productFinder/navigation": "./dist/web/productFinder/navigation/index.js",
@@ -381,6 +382,9 @@
       "web/product/productInfoBlock": [
         "./dist/web/product/productInfoBlock/index.d.ts"
       ],
+      "web/product/productStage": [
+        "./dist/web/product/productStage/index.d.ts"
+      ],
       "web/productFinder/contentSwitch": [
         "./dist/web/productFinder/contentSwitch/index.d.ts"
       ],
@@ -454,7 +458,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.25"
+    "@odx/websites-ui": "0.2.26"
   },
   "peerDependencies": {
     "@odx/flag-icons": "1.0.2",