@stihl-design-system/components 1.0.0-RC.29 → 1.0.0-RC.30

package/components/Banner/Banner.d.ts

@@ -27,6 +27,6 @@ export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * Avoid using it for critical updates or system messages; use notifications for those instead.
  *
- * Design in Figma: [Button](https://www.figma.com/design/E1V1SOH56AJFI8POcjNHhO/Header-open-topics?node-id=6901-29457&t=lCfYTKhxZ4XCLjnV-4)
+ * Design in Figma: [Banner](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/E1V1SOH56AJFI8POcjNHhO/Web-Pattern-Library?node-id=7171-10859&t=DJuQNlSCRz2j9IRs-11)
  * */
 export declare const DSBanner: ({ className, closeButtonProps, children, variant, onClose, ...rest }: BannerProps) => JSX.Element;

package/components/InputFile/InputFile.d.ts

@@ -86,6 +86,6 @@ export interface FileWithFeedback extends File {
 /**
  * The `<DSInputFile />` allows users to select and upload files, such as images, documents, or videos. It ensures a clear, accessible, and user-friendly way to manage file uploads.
  *
- * Design in Figma: [Input File](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/branch/Y4CQTYvfMrZJQZEGPoVzmI/Core-Components-%F0%9F%92%A0?node-id=30759-4276&t=sOn3fBBbdQPXTKmc-11)
+ * Design in Figma: [Input File](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=32314-6485&t=QXC7W0qCpEbPrh2M-11)
  */
 export declare const DSInputFile: import('react').ForwardRefExoticComponent<InputFileProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/MegaMenu/MegaMenu.d.ts

@@ -0,0 +1,32 @@
+import { HTMLProps, JSX } from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+export interface MegaMenuProps {
+    /** Content within the MegaMenu. */
+    children?: React.ReactNode;
+    /** Opens the MegaMenu on initial render.
+     * @default false
+     */
+    initialOpen?: boolean;
+    /** Controls the open state of the MegaMenu. If provided, it will be a controlled component.
+     * @default false
+     */
+    isOpen?: boolean;
+    /** A function that is called when the open state should change. */
+    onOpenChange?: (isOpen: boolean, event?: Event, reason?: OpenChangeReason) => void;
+}
+/**
+ * The MegaMenu component is used to display additional information or actions related to an anchor element. It can be positioned relative to the anchor and supports various placements and offsets.
+ *
+ * Design in Figma: [MegaMenu](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/dDZiDou9UpPtHIF2bXkLKL/Web-Pattern-Library?node-id=6869-65546&t=PkzLITphHlu1XJKT-11)
+ * */
+export declare const DSMegaMenu: {
+    ({ children, ...rest }: MegaMenuProps): JSX.Element;
+    /** attach static members */
+    Anchor: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & MegaMenuAnchorProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    displayName: string;
+};
+interface MegaMenuAnchorProps {
+    children: React.ReactNode;
+}
+export {};

package/components/MegaMenu/MegaMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/MegaMenu/MegaMenu.utils.d.ts

@@ -0,0 +1,52 @@
+import { MegaMenuProps } from './MegaMenu';
+export declare const useMegaMenu: ({ initialOpen, isOpen: controlledOpen, onOpenChange: setControlledOpen, }?: MegaMenuProps) => {
+    placement: import('@floating-ui/utils').Placement;
+    strategy: import('@floating-ui/utils').Strategy;
+    middlewareData: import('@floating-ui/core').MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    elements: {
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: import('@floating-ui/utils').Placement;
+        strategy: import('@floating-ui/utils').Strategy;
+        middlewareData: import('@floating-ui/core').MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+        events: import('@floating-ui/react').FloatingEvents;
+        dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+        nodeId: string | undefined;
+        floatingId: string | undefined;
+        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    setOpen: (isOpen: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
+};
+export declare const validateMegaMenuAnchor: (children: React.ReactNode) => void;
+export declare const validateMegaMenuChildren: ({ hasContent, hasAnchor, }: {
+    hasContent: boolean;
+    hasAnchor: boolean;
+}) => void;

package/components/MegaMenu/MegaMenu.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Popover/Popover.d.ts

@@ -25,7 +25,7 @@ export interface PopoverProps {
 /**
  * The Popover component is used to display additional information or actions related to an anchor element. It can be positioned relative to the anchor and supports various placements and offsets.
  *
- * Design in Figma: [Popover](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/branch/DNB69TwlN0FaaVg7yVsYu4/Web-Pattern-Library?node-id=6263-62113&t=NnUduFxcjRqgbtO9-11)
+ * Design in Figma: [Popover](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=35223-10505&p=f&t=QXC7W0qCpEbPrh2M-11)
  * */
 export declare const DSPopover: {
     ({ children, ...rest }: PopoverProps): JSX.Element;

package/components/Scroller/Scroller.d.ts

@@ -15,6 +15,6 @@ export interface ScrollerProps extends HTMLAttributes<HTMLDivElement> {
  * The <DSScroller> component enables horizontal scrolling when a single item or a group of items
  *  exceeds the container width, allowing users to navigate content side-to-side seamlessly.
  *
- * Design in Figma: [Scroller](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6338-35848&t=cIB1PZbp81CoCSvk-4)
+ * Design in Figma: [Scroller](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=6263-49213&t=wRBNgx5siTv3aUkL-11)
  */
 export declare const DSScroller: ({ children, className, scrollToPosition, ...rest }: ScrollerProps) => JSX.Element;

package/github-mark-white.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

package/github-mark.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>

package/{header.Z4Oxj_xL.js → header.QpNjE3N-.js}

@@ -5,7 +5,7 @@ import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/helpers.BbWkXTr3.js";
 import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
-import { a as s, D } from "./chunks/Header.BSvyYrIV.js";
+import { a as s, D } from "./chunks/Header.DqZRryB5.js";
 export {
   s as DSHeader,
   D as DSHeaderContext

package/index.d.ts

@@ -52,6 +52,8 @@ export * from './components/LinkButton/LinkButton';
 export * from './components/LinkButton/LinkButton.utils';
 export * from './components/Logo/Logo';
 export * from './components/Logo/Logo.utils';
+export * from './components/MegaMenu/MegaMenu';
+export * from './components/MegaMenu/MegaMenu.utils';
 export * from './components/NavigationTabs/NavigationTabs';
 export * from './components/NavigationTabs/NavigationTabs.utils';
 export * from './components/Notification/Notification';

package/index.es.js

@@ -1,78 +1,79 @@
 "use client";
-import { a as D, A, C as O, D as n, v as l } from "./chunks/Accordion.C5V5IcM-.js";
-import { d, A as m, a as v, b as C, c, D as x, v as P } from "./chunks/ActionButton.CzaWZGPt.js";
-import { A as L, a as u, b as R, c as h, D as B, v as g } from "./chunks/ActionLink.BlhqDEtq.js";
-import { DSAriaLiveRegions as b } from "./arialiveregions.Fgcshs5k.js";
-import { DSBanner as H } from "./banner.B2YO054K.js";
+import { a as D, A, C as n, D as O, v as l } from "./chunks/Accordion.C5V5IcM-.js";
+import { d as E, A as m, a as v, b as C, c, D as x, v as P } from "./chunks/ActionButton.B8zFwOrJ.js";
+import { A as f, a as L, b as R, c as h, D as g, v as B } from "./chunks/ActionLink.IX6oRXU3.js";
+import { DSAriaLiveRegions as U } from "./arialiveregions.Fgcshs5k.js";
+import { DSBanner as G } from "./banner.j9YpudOS.js";
 import { D as F, M as V, v as Z } from "./chunks/Breadcrumb.BGzwzvh8.js";
 import { B as k, a as K, D as w, v as y } from "./chunks/Button.B7xF1E19.js";
 import { DSButtonRound as Y } from "./buttonround.C426mO4d.js";
 import { D as q, v as z } from "./chunks/Checkbox.DxV7-F5W.js";
 import { D as Q, v as $ } from "./chunks/CheckboxGroup.Dy_6tiGk.js";
 import { DSChipGroup as ea } from "./chipgroup.CjIK0Z0x.js";
-import { C as sa, c as ra, b as ta, D as Ia, g as Ta, d as Sa, v as ia, a as pa } from "./chunks/Chip.31UfPwQF.js";
+import { C as sa, c as ra, b as ta, D as Ia, g as Sa, d as Ta, v as ia, a as pa } from "./chunks/Chip.31UfPwQF.js";
 import { DSCombobox as _a } from "./combobox.Bk2ycofh.js";
-import { C as Aa, b as Oa, a as na, D as la, v as Ea } from "./chunks/CustomReactSelect.iE5iTdez.js";
+import { C as Aa, b as na, a as Oa, D as la, v as da } from "./chunks/CustomReactSelect.iE5iTdez.js";
 import { D as ma, v as va } from "./chunks/Dialog.B_2pKRnd.js";
 import { a as ca, D as xa, v as Pa } from "./chunks/Drawer.HFlBTcqN.js";
-import { D as La, v as ua } from "./chunks/Fieldset.CjIfmN_5.js";
+import { D as fa, v as La } from "./chunks/Fieldset.CjIfmN_5.js";
 import { DSFlag as ha } from "./flag.D_iN8iD6.js";
-import { DSFloatingActionButton as ga } from "./floatingactionbutton.DOH2k0gv.js";
-import { B as ba, a as Ga, D as Ha, b as Ma, H as Fa, i as Va, v as Za, c as Xa } from "./chunks/Header.BSvyYrIV.js";
+import { DSFloatingActionButton as Ba } from "./floatingactionbutton.DOH2k0gv.js";
+import { B as Ua, a as ba, D as Ga, b as Ha, H as Fa, i as Va, v as Za, c as Xa } from "./chunks/Header.DqZRryB5.js";
 import { DSHeading as Ka } from "./heading.BXFBZhKv.js";
 import { D as ya, I as Wa, u as Ya } from "./chunks/Icon.DGTYCv63.js";
 import { DSInput as qa } from "./input.BKHOY118.js";
-import { I as Ja, M as Qa, a as $a, S as ae, U as ee, h as oe, i as se, c as re, s as te, v as Ie, b as Te } from "./chunks/Input.utils.Cnnzvuk4.js";
+import { I as Ja, M as Qa, a as $a, S as ae, U as ee, h as oe, i as se, c as re, s as te, v as Ie, b as Se } from "./chunks/Input.utils.Cnnzvuk4.js";
 import { D as ie, c as pe, b as Ne, a as _e, f as De, v as Ae } from "./chunks/InputFile.DvOatDzg.js";
-import { D as ne, v as le } from "./chunks/InputPassword.DC2POUc1.js";
-import { D as de, i as me, v as ve } from "./chunks/InputSearch.B0aCuPRZ.js";
+import { D as Oe, v as le } from "./chunks/InputPassword.DC2POUc1.js";
+import { D as Ee, i as me, v as ve } from "./chunks/InputSearch.B0aCuPRZ.js";
 import { D as ce, v as xe } from "./chunks/InputStepper.B_ZjgY_f.js";
-import { DSLink as fe } from "./link.D_FjTyoZ.js";
-import { D as ue, L as Re, a as he, v as Be } from "./chunks/LinkButton.DdTspmJz.js";
-import { DSLogo as Ue } from "./logo.C96KaG1P.js";
-import { D as Ge, N as He, a as Me, v as Fe } from "./chunks/NavigationTabs.ClpVGcl0.js";
-import { D as Ze, a as Xe, N as ke } from "./chunks/Notification.DIdIhGTQ.js";
-import { D as we, u as ye, v as We, a as Ye } from "./chunks/Popover.hXQTvwwd.js";
-import { D as qe, a as ze, o as Je, v as Qe } from "./chunks/RadioGroup.peTeMK45.js";
-import { DSScroller as ao } from "./scroller.BiRLQg__.js";
-import { D as oo, S as so, g as ro, v as to } from "./chunks/Select.BDHLJ2ma.js";
-import { DSSkipToContent as To } from "./skiptocontent._F-d8y5b.js";
-import { D as io, L as po, M as No, g as _o, a as Do, i as Ao, s as Oo, v as no } from "./chunks/Slider.kyVr7BLk.js";
-import { DSSpinner as Eo } from "./spinner.Dht6FspZ.js";
-import { DSSwitch as vo } from "./switch.B37S4vfP.js";
-import { D as co, a as xo, S as Po } from "./chunks/SystemFeedback.B9f67mjJ.js";
-import { D as Lo, T as uo, a as Ro, v as ho } from "./chunks/Tabs.CkVL8Jw8.js";
-import { D as go, a as Uo, T as bo, b as Go, i as Ho } from "./chunks/Text.DGWeWF1y.js";
-import { D as Fo, T as Vo, v as Zo } from "./chunks/Textarea.ORkJUx-S.js";
-import { DSTitle as ko } from "./title.Bz_k5Vda.js";
-import { DSToastProvider as wo, useDSToast as yo } from "./toastmanager.CVamaS5T.js";
-const a = ["default", "secondary", "highlight"], e = ["filled", "highlight"], o = ["grey-light", "yellow-light", "red-light", "green-light", "orange-base"], s = ["x-large", "x-large-uppercase", "large", "large-uppercase", "medium", "medium-uppercase", "small", "small-uppercase"], r = ["h1", "h2", "h3", "h4", "h5", "h6"], t = ["neutral", "highlight"], I = ["main", "reduced-main", "reduced-connected", "reduced-mystihl", "reduced-imow"], T = ["prev", "next"], S = 48, i = ["small", "medium", "large", "x-large", "inherit"], p = ["x-large", "large"];
+import { DSLink as ue } from "./link.D_FjTyoZ.js";
+import { D as Le, L as Re, a as he, v as ge } from "./chunks/LinkButton.DdTspmJz.js";
+import { DSLogo as Me } from "./logo.C96KaG1P.js";
+import { D as be, u as Ge, v as He, a as Fe } from "./chunks/MegaMenu.BY7eOnhj.js";
+import { D as Ze, N as Xe, a as ke, v as Ke } from "./chunks/NavigationTabs.ClpVGcl0.js";
+import { D as ye, a as We, N as Ye } from "./chunks/Notification.DIdIhGTQ.js";
+import { D as qe, u as ze, v as Je, a as Qe } from "./chunks/Popover.NGetxKGg.js";
+import { D as ao, a as eo, o as oo, v as so } from "./chunks/RadioGroup.peTeMK45.js";
+import { DSScroller as to } from "./scroller.BiRLQg__.js";
+import { D as So, S as To, g as io, v as po } from "./chunks/Select.BDHLJ2ma.js";
+import { DSSkipToContent as _o } from "./skiptocontent._F-d8y5b.js";
+import { D as Ao, L as no, M as Oo, g as lo, a as Eo, i as mo, s as vo, v as Co } from "./chunks/Slider.kyVr7BLk.js";
+import { DSSpinner as xo } from "./spinner.Dht6FspZ.js";
+import { DSSwitch as uo } from "./switch.B37S4vfP.js";
+import { D as Lo, a as Ro, S as ho } from "./chunks/SystemFeedback.B9f67mjJ.js";
+import { D as Bo, T as Mo, a as Uo, v as bo } from "./chunks/Tabs.CkVL8Jw8.js";
+import { D as Ho, a as Fo, T as Vo, b as Zo, i as Xo } from "./chunks/Text.DGWeWF1y.js";
+import { D as Ko, T as wo, v as yo } from "./chunks/Textarea.ORkJUx-S.js";
+import { DSTitle as Yo } from "./title.Bz_k5Vda.js";
+import { DSToastProvider as qo, useDSToast as zo } from "./toastmanager.CVamaS5T.js";
+const a = ["default", "secondary", "highlight"], e = ["filled", "highlight"], o = ["grey-light", "yellow-light", "red-light", "green-light", "orange-base"], s = ["x-large", "x-large-uppercase", "large", "large-uppercase", "medium", "medium-uppercase", "small", "small-uppercase"], r = ["h1", "h2", "h3", "h4", "h5", "h6"], t = ["neutral", "highlight"], I = ["main", "reduced-main", "reduced-connected", "reduced-mystihl", "reduced-imow"], S = ["prev", "next"], T = 48, i = ["small", "medium", "large", "x-large", "inherit"], p = ["x-large", "large"];
 export {
   D as ACCORDION_OPEN_STATE_INDICATOR,
   A as ACCORDION_SIZE,
-  d as ACTION_BUTTON_CHEVRON_DIRECTION,
+  E as ACTION_BUTTON_CHEVRON_DIRECTION,
   m as ACTION_BUTTON_ICON_POSITION,
   v as ACTION_BUTTON_ICON_SIZE,
   C as ACTION_BUTTON_INDENT_LEVEL,
   c as ACTION_BUTTON_WEIGHT,
-  L as ACTION_LINK_ICON_POSITION,
-  u as ACTION_LINK_ICON_SIZE,
+  f as ACTION_LINK_ICON_POSITION,
+  L as ACTION_LINK_ICON_SIZE,
   R as ACTION_LINK_INDENT_LEVEL,
   h as ACTION_LINK_WEIGHT,
   a as BANNER_VARIANT,
-  ba as BRAND_ADDON_VARIANT,
+  Ua as BRAND_ADDON_VARIANT,
   e as BUTTON_ROUND_VARIANT,
   k as BUTTON_SIZE,
   K as BUTTON_VARIANT,
-  O as CHEVRON_POSITION,
+  n as CHEVRON_POSITION,
   sa as CHIP_GROUP_SIZE,
   Aa as COMBOBOX_SIZE,
   ca as DRAWER_POSITION,
-  n as DSAccordion,
+  O as DSAccordion,
   x as DSActionButton,
-  B as DSActionLink,
-  b as DSAriaLiveRegions,
-  H as DSBanner,
+  g as DSActionLink,
+  U as DSAriaLiveRegions,
+  G as DSBanner,
   F as DSBreadcrumb,
   w as DSButton,
   Y as DSButtonRound,
@@ -82,43 +83,44 @@ export {
   _a as DSCombobox,
   ma as DSDialog,
   xa as DSDrawer,
-  La as DSFieldset,
+  fa as DSFieldset,
   ha as DSFlag,
-  ga as DSFloatingActionButton,
-  Ga as DSHeader,
-  Ha as DSHeaderContext,
+  Ba as DSFloatingActionButton,
+  ba as DSHeader,
+  Ga as DSHeaderContext,
   Ka as DSHeading,
   ya as DSIcon,
   qa as DSInput,
   ie as DSInputFile,
-  ne as DSInputPassword,
-  de as DSInputSearch,
+  Oe as DSInputPassword,
+  Ee as DSInputSearch,
   ce as DSInputStepper,
-  fe as DSLink,
-  ue as DSLinkButton,
-  Ue as DSLogo,
-  Ge as DSNavigationTabs,
-  Ze as DSNotification,
-  we as DSPopover,
-  qe as DSRadioGroup,
-  ao as DSScroller,
-  oo as DSSelect,
-  To as DSSkipToContent,
-  io as DSSlider,
-  Eo as DSSpinner,
-  vo as DSSwitch,
-  co as DSSystemFeedback,
-  Lo as DSTabs,
-  go as DSText,
-  Fo as DSTextarea,
-  ko as DSTitle,
-  wo as DSToastProvider,
-  Ma as DSTopBar,
+  ue as DSLink,
+  Le as DSLinkButton,
+  Me as DSLogo,
+  be as DSMegaMenu,
+  Ze as DSNavigationTabs,
+  ye as DSNotification,
+  qe as DSPopover,
+  ao as DSRadioGroup,
+  to as DSScroller,
+  So as DSSelect,
+  _o as DSSkipToContent,
+  Ao as DSSlider,
+  xo as DSSpinner,
+  uo as DSSwitch,
+  Lo as DSSystemFeedback,
+  Bo as DSTabs,
+  Ho as DSText,
+  Ko as DSTextarea,
+  Yo as DSTitle,
+  qo as DSToastProvider,
+  Ha as DSTopBar,
   ra as DS_CHIP_GROUP_TRANSLATIONS,
   ta as DS_CHIP_GROUP_TRANSLATIONS_DE,
   Ia as DS_CHIP_GROUP_TRANSLATIONS_EN,
-  Oa as DS_COMBOBOX_TRANSLATIONS,
-  na as DS_COMBOBOX_TRANSLATIONS_DE,
+  na as DS_COMBOBOX_TRANSLATIONS,
+  Oa as DS_COMBOBOX_TRANSLATIONS_DE,
   la as DS_COMBOBOX_TRANSLATIONS_EN,
   pe as DS_INPUT_FILE_TRANSLATIONS,
   Ne as DS_INPUT_FILE_TRANSLATIONS_DE,
@@ -129,66 +131,67 @@ export {
   r as HEADING_TAG,
   Wa as ICON_SIZE,
   Ja as INPUT_SIZE,
-  po as LABEL_LENGTH_BREAKPOINT,
+  no as LABEL_LENGTH_BREAKPOINT,
   Re as LINK_BUTTON_SIZE,
   he as LINK_BUTTON_VARIANT,
   t as LINK_VARIANT,
   I as LOGO,
-  No as MAXIMUM_TICK_AMOUNT,
+  Oo as MAXIMUM_TICK_AMOUNT,
   Qa as MAX_PREFIX_LENGTH,
   $a as MAX_SUFFIX_LENGTH,
   V as MAX_VISIBLE_LINKS,
-  He as NAVIGATION_TABS_ALIGNMENT,
-  Me as NAVIGATION_TABS_DIRECTION,
-  Xe as NOTIFICATION_ICONS,
-  ke as NOTIFICATION_VARIANT,
-  T as SCROLLER_DIRECTION,
-  S as SCROLL_MARGIN_INLINE,
-  so as SELECT_SIZE,
+  Xe as NAVIGATION_TABS_ALIGNMENT,
+  ke as NAVIGATION_TABS_DIRECTION,
+  We as NOTIFICATION_ICONS,
+  Ye as NOTIFICATION_VARIANT,
+  S as SCROLLER_DIRECTION,
+  T as SCROLL_MARGIN_INLINE,
+  To as SELECT_SIZE,
   i as SPINNER_SIZE,
   ae as SUPPORTED_INPUT_TYPES,
-  xo as SYSTEM_FEEDBACK_ICON_MAP,
-  Po as SYSTEM_FEEDBACK_VARIANT,
-  uo as TABS_ALIGNMENT,
-  Ro as TABS_DIRECTION,
-  Vo as TEXTAREA_SIZE,
-  Uo as TEXT_SIZE,
-  bo as TEXT_TAG,
-  Go as TEXT_WEIGHT,
+  Ro as SYSTEM_FEEDBACK_ICON_MAP,
+  ho as SYSTEM_FEEDBACK_VARIANT,
+  Mo as TABS_ALIGNMENT,
+  Uo as TABS_DIRECTION,
+  wo as TEXTAREA_SIZE,
+  Fo as TEXT_SIZE,
+  Vo as TEXT_TAG,
+  Zo as TEXT_WEIGHT,
   p as TITLE_SIZE,
   ee as UNSUPPORTED_INPUT_TYPES,
   De as fileMatchesAccept,
-  Ta as getChipAriaLabel,
-  Sa as getChipTitle,
-  ro as getIsPlaceholderSelected,
-  _o as getNumberLength,
-  Do as getTickLeftOffset,
+  Sa as getChipAriaLabel,
+  Ta as getChipTitle,
+  io as getIsPlaceholderSelected,
+  lo as getNumberLength,
+  Eo as getTickLeftOffset,
   oe as hasShowPickerSupport,
   se as isCalendarInput,
   Va as isEmptyObjectOrUndefined,
-  Ao as isStepAligned,
+  mo as isStepAligned,
   re as isTimeInput,
-  Ho as isWithinElement,
+  Xo as isWithinElement,
   me as isWithinForm,
-  ze as optionsHaveCustomAreaInline,
-  Je as optionsHaveHint,
+  eo as optionsHaveCustomAreaInline,
+  oo as optionsHaveHint,
   te as showCustomCalendarOrTimeIndicator,
-  Oo as snapValueToStep,
-  yo as useDSToast,
+  vo as snapValueToStep,
+  zo as useDSToast,
   Ya as useDynamicSvgImport,
-  ye as usePopover,
+  Ge as useMegaMenu,
+  ze as usePopover,
   l as validateAccordionProps,
   P as validateActionButtonProps,
-  g as validateActionLinkProps,
+  B as validateActionLinkProps,
   Z as validateBreadcrumbProps,
   y as validateButtonProps,
   $ as validateCheckboxGroupProps,
   z as validateCheckboxProps,
   ia as validateChipGroupProps,
-  Ea as validateComboboxProps,
+  da as validateComboboxProps,
   va as validateDialogProps,
   Pa as validateDrawerProps,
-  ua as validateFieldsetProps,
+  La as validateFieldsetProps,
   Za as validateHeaderChildren,
   Ae as validateInputFileProps,
   le as validateInputPasswordProps,
@@ -196,15 +199,17 @@ export {
   ve as validateInputSearchProps,
   xe as validateInputStepperProps,
   pa as validateIsLiveRegionPresent,
-  Be as validateLinkButtonProps,
-  Fe as validateNavigationTabsProps,
-  We as validatePopoverAnchor,
-  Ye as validatePopoverChildren,
-  Qe as validateRadioGroupProps,
-  to as validateSelectProps,
-  no as validateSliderProps,
-  ho as validateTabsProps,
-  Zo as validateTextareaProps,
+  ge as validateLinkButtonProps,
+  He as validateMegaMenuAnchor,
+  Fe as validateMegaMenuChildren,
+  Ke as validateNavigationTabsProps,
+  Je as validatePopoverAnchor,
+  Qe as validatePopoverChildren,
+  so as validateRadioGroupProps,
+  po as validateSelectProps,
+  Co as validateSliderProps,
+  bo as validateTabsProps,
+  yo as validateTextareaProps,
   Xa as validateTopBarChildren,
-  Te as validateType
+  Se as validateType
 };

package/megamenu.CdHrEeoh.js

@@ -0,0 +1,12 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import { D as s } from "./chunks/MegaMenu.BY7eOnhj.js";
+import "react";
+import "./chunks/floating-ui.react.x0F9CYgn.js";
+import "./chunks/index.CEyLAtio.js";
+import "./chunks/helpers.BbWkXTr3.js";
+import "./chunks/Header.DqZRryB5.js";
+export {
+  s as DSMegaMenu
+};

package/megamenu.d.ts

@@ -0,0 +1,2 @@
+export * from './components/MegaMenu/MegaMenu'
+export {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.29",
+  "version": "1.0.0-RC.30",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.stihl.de/",
   "keywords": [
@@ -62,6 +62,7 @@
     "build:utilities:partials": "cd ../utilities && npm run build:partials:bundle",
     "build:copyComponents": "npm run build:components && ../../copyDistToExampleApps.sh '../../'",
     "build:copyTypes": "TARGET=./dist/types && rm -rf $TARGET && mkdir -p $TARGET && cp -r ./src/types/* $TARGET/",
+    "build:copyPatterns": "npx vite-node scripts/copyPatterns.ts --clear-dest --no-verbose && npm run build --prefix ../../../examples",
     "build:copyUtilitiesBuild": "npm run build:copyUtilitiesBuild:scss && npm run build:copyUtilitiesBuild:fonts && npm run build:copyUtilitiesBuild:partials && npm run build:copyUtilitiesBuild:js",
     "build:copyUtilitiesBuild:scss": "TARGET=./dist/styles/scss && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/scss/* $TARGET/",
     "build:copyUtilitiesBuild:fonts": "TARGET=./dist/styles/fonts && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/fonts/* $TARGET/",
@@ -133,6 +134,7 @@
     "http-server": "^14.1.1",
     "jsdom": "^26.1.0",
     "posthog-js": "^1.240.5",
+    "prettier-plugin-organize-imports": "^4.2.0",
     "react": "^19.1.0",
     "react-compiler-runtime": "^19.1.0-rc.1",
     "react-docgen": "^8.0.0",