@telia/teddy 0.0.10 → 0.0.11

package/dist/components/accordion/accordion.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "../../clsx-DB4S2d7J.js";
 import "react";
-import { A as y } from "../../badge-cOFoFJw0.js";
-import "../../radio-group-DN1IYZdr.js";
+import { A as y } from "../../badge-DscsRVHR.js";
+import "../../radio-group-B--zT3OL.js";
 import "../box/box.js";
 import "../flex/flex.js";
 import "../grid/grid.js";
-import "../navigation-menu/navigation-menu.js";
+import "../../navigation-menu-DKuyW8zE.js";
 import "../link/link.js";
 import "../button/button.js";
 import "../field-error-text/field-error-text.js";

package/dist/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { A as c } from "../../badge-cOFoFJw0.js";
+import { A as c } from "../../badge-DscsRVHR.js";
 export {
   c as Accordion
 };

package/dist/components/badge/badge.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "../../clsx-DB4S2d7J.js";
 import "react";
-import { B as y } from "../../badge-cOFoFJw0.js";
+import { B as y } from "../../badge-DscsRVHR.js";
 import "../../index-DpfSJps6.js";
-import "../../radio-group-DN1IYZdr.js";
+import "../../radio-group-B--zT3OL.js";
 import "../box/box.js";
 import "../flex/flex.js";
 import "../grid/grid.js";
-import "../navigation-menu/navigation-menu.js";
+import "../../navigation-menu-DKuyW8zE.js";
 import "../link/link.js";
 import "../button/button.js";
 import "../field-error-text/field-error-text.js";

package/dist/components/badge/index.js

@@ -1,4 +1,4 @@
-import { B as o } from "../../badge-cOFoFJw0.js";
+import { B as o } from "../../badge-DscsRVHR.js";
 export {
   o as Badge
 };

package/dist/components/box/box.js

@@ -1,11 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import m from "react";
-import { c as p } from "../../clsx-DB4S2d7J.js";
-import { extractPropsResponsiveLayout as f } from "../../utils/layout/index.js";
-import { $ as i } from "../../index-DpfSJps6.js";
-const l = {}, d = "teddy-box", n = m.forwardRef((o, s) => {
-  const { className: t, asChild: e, ...r } = f(o), c = p([l[`${d}`]], t);
-  return /* @__PURE__ */ a(e ? i : "div", { ...r, ref: s, className: c });
+import { jsx as m } from "react/jsx-runtime";
+import p from "react";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+import { extractProps as l } from "../../utils/layout/index.js";
+import { $ as d } from "../../index-DpfSJps6.js";
+const i = {}, x = "teddy-box", n = p.forwardRef((o, s) => {
+  const { className: t, asChild: r, style: e, ...c } = l(o), a = f([i[`${x}`]], t);
+  return /* @__PURE__ */ m(r ? d : "div", { ...c, style: e, ref: s, className: a });
 });
 n.displayName = "Box";
 export {

package/dist/components/button/button.d.ts

@@ -1,9 +1,10 @@
+import { ChildrenLayoutProps } from '../../utils/layout';
 import * as React from 'react';
 declare const variants: readonly ["primary", "secondary", "destructive", "tertiary-purple", "text", "expressive", "primary-negative", "secondary-negative", "destructive-negative", "tertiary-purple-negative", "text-negative", "expressive-negative"];
 export type Variant = (typeof variants)[number];
 declare const sizes: readonly ["sm", "md", "lg"];
 export type Size = (typeof sizes)[number];
-type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'> & {
+type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'> & ChildrenLayoutProps & {
     asChild?: boolean;
     loading?: boolean;
     fullWidth?: boolean;

package/dist/components/button/button.js

@@ -1,10 +1,11 @@
 import '../../assets/button.css';
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import { a as $, $ as A } from "../../index-DpfSJps6.js";
+import { jsxs as $, jsx as _ } from "react/jsx-runtime";
+import { a as A, $ as C } from "../../index-DpfSJps6.js";
 import { c as I } from "../../clsx-DB4S2d7J.js";
-import * as w from "react";
-import { Spinner as N } from "../spinner/spinner.js";
-const j = "_fadeInAnimation_1biph_1", C = "_scaleInAnimation_1biph_1", t = {
+import * as N from "react";
+import { Spinner as w } from "../spinner/spinner.js";
+import { extractProps as j } from "../../utils/layout/index.js";
+const k = "_fadeInAnimation_1biph_1", R = "_scaleInAnimation_1biph_1", t = {
   "teddy-button": "_teddy-button_1biph_18",
   "teddy-button--sm": "_teddy-button--sm_1biph_53",
   "teddy-button--icon-only": "_teddy-button--icon-only_1biph_56",
@@ -26,10 +27,10 @@ const j = "_fadeInAnimation_1biph_1", C = "_scaleInAnimation_1biph_1", t = {
   "teddy-button--text-negative": "_teddy-button--text-negative_1biph_195",
   "teddy-button--text": "_teddy-button--text_1biph_195",
   "teddy-button__loading": "_teddy-button__loading_1biph_242",
-  fadeInAnimation: j,
+  fadeInAnimation: k,
   "teddy-button__spinner": "_teddy-button__spinner_1biph_253",
-  scaleInAnimation: C
-}, e = "teddy-button", R = [
+  scaleInAnimation: R
+}, e = "teddy-button", W = [
   "primary",
   "secondary",
   "destructive",
@@ -42,65 +43,63 @@ const j = "_fadeInAnimation_1biph_1", C = "_scaleInAnimation_1biph_1", t = {
   "tertiary-purple-negative",
   "text-negative",
   "expressive-negative"
-], s = w.forwardRef(
-  ({
-    className: y,
+], b = N.forwardRef((y, p) => {
+  const {
+    className: u,
     variant: d,
     size: o = "md",
-    iconOnly: u,
-    fullWidth: p,
+    iconOnly: c,
+    fullWidth: l,
     disabled: i = !1,
     loading: n = !1,
-    asChild: c = !1,
+    asChild: v = !1,
     onClick: a,
-    children: l,
-    ..._
-  }, v) => {
-    const m = c ? A : "button", h = I(
-      [t[e], t[`${e}--${d}`], t[`${e}--${o}`]],
-      {
-        [t[`${e}--icon-only`]]: u,
-        [t[`${e}--negative`]]: d.endsWith("negative"),
-        [t[`${e}--full-width`]]: p,
-        [t[`${e}--disabled`]]: i || n
-      },
-      y
-    );
-    function g(b) {
-      if (i || n) {
-        b.preventDefault();
-        return;
-      }
-      a && a(b);
+    children: m,
+    ...s
+  } = j(y), h = v ? C : "button", g = I(
+    [t[e], t[`${e}--${d}`], t[`${e}--${o}`]],
+    {
+      [t[`${e}--icon-only`]]: c,
+      [t[`${e}--negative`]]: d.endsWith("negative"),
+      [t[`${e}--full-width`]]: l,
+      [t[`${e}--disabled`]]: i || n
+    },
+    u
+  );
+  function f(r) {
+    if (i || n) {
+      r.preventDefault();
+      return;
     }
-    const f = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
-    return /* @__PURE__ */ x(
-      m,
-      {
-        className: h,
-        "aria-disabled": _["aria-disabled"] || i || n,
-        onClick: g,
-        ref: v,
-        ..._,
-        children: [
-          /* @__PURE__ */ r($, { children: l }),
-          n && /* @__PURE__ */ r(
-            N,
-            {
-              size: o === "lg" ? "xs" : "xxs",
-              variant: f(),
-              className: t[`${e}__spinner`]
-            }
-          )
-        ]
-      }
-    );
+    a && a(r);
   }
-);
-s.displayName = "Button";
-const D = Object.assign(s, {
-  variants: R
+  const x = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
+  return /* @__PURE__ */ $(
+    h,
+    {
+      className: g,
+      "aria-disabled": s["aria-disabled"] || i || n,
+      onClick: f,
+      ref: p,
+      ...s,
+      children: [
+        /* @__PURE__ */ _(A, { children: m }),
+        n && /* @__PURE__ */ _(
+          w,
+          {
+            size: o === "lg" ? "xs" : "xxs",
+            variant: x(),
+            className: t[`${e}__spinner`]
+          }
+        )
+      ]
+    }
+  );
+});
+b.displayName = "Button";
+const P = Object.assign(b, {
+  variants: W
 });
 export {
-  D as Button
+  P as Button
 };

package/dist/components/card/card.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
-import { C as y } from "../../badge-cOFoFJw0.js";
-import "../../radio-group-DN1IYZdr.js";
+import { C as y } from "../../badge-DscsRVHR.js";
+import "../../radio-group-B--zT3OL.js";
 import "../box/box.js";
 import "../flex/flex.js";
 import "../grid/grid.js";
-import "../navigation-menu/navigation-menu.js";
+import "../../navigation-menu-DKuyW8zE.js";
 import "../link/link.js";
 import "../button/button.js";
 import "../field-error-text/field-error-text.js";

package/dist/components/card/index.js

@@ -1,4 +1,4 @@
-import { C as o } from "../../badge-cOFoFJw0.js";
+import { C as o } from "../../badge-DscsRVHR.js";
 export {
   o as Card
 };

package/dist/components/flex/flex.js

@@ -3,7 +3,7 @@ import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { c as l } from "../../clsx-DB4S2d7J.js";
 import { $ as f } from "../../index-DpfSJps6.js";
-import { extractPropsResponsiveLayout as d } from "../../utils/layout/index.js";
+import { extractProps as d } from "../../utils/layout/index.js";
 const p = {
   "teddy-flex": "_teddy-flex_19teo_2"
 }, x = "teddy-flex", i = m.forwardRef((e, o) => {

package/dist/components/grid/grid.js

@@ -3,14 +3,14 @@ import { jsx as m } from "react/jsx-runtime";
 import i from "react";
 import { c as p } from "../../clsx-DB4S2d7J.js";
 import { $ as f } from "../../index-DpfSJps6.js";
-import { extractPropsResponsiveLayout as l } from "../../utils/layout/index.js";
+import { extractProps as l } from "../../utils/layout/index.js";
 const n = {
   "teddy-grid": "_teddy-grid_1dv1t_2"
-}, y = "teddy-grid", x = i.forwardRef((s, o) => {
-  const { className: r, as: t = "div", asChild: e, ...a } = l(s), c = e ? f : t, d = p([n[`${y}`]], r);
-  return /* @__PURE__ */ m(c, { ...a, ref: o, className: d });
+}, x = "teddy-grid", y = i.forwardRef((r, s) => {
+  const { className: o, as: t = "div", asChild: e, ...a } = l(r), c = e ? f : t, d = p([n[`${x}`]], o);
+  return /* @__PURE__ */ m(c, { ...a, ref: s, className: d });
 });
-x.displayName = "Grid";
+y.displayName = "Grid";
 export {
-  x as Grid
+  y as Grid
 };

package/dist/components/heading/heading.d.ts

@@ -1,3 +1,4 @@
+import { ChildrenLayoutProps } from '../../utils/layout';
 import { default as React } from 'react';
 
 /** -------------------------------------------------------------------------------------------------
@@ -20,8 +21,8 @@ type RootProps = {
      * https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
      */
     enableHyphenation?: boolean;
-    variant: HeadingVariant;
-} & (HeadingAsChildProps | HeadingAsProps);
+    variant?: HeadingVariant;
+} & ChildrenLayoutProps & (HeadingAsChildProps | HeadingAsProps);
 declare const Heading: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLHeadingElement>> & {
     headingVariants: readonly ["title-100", "title-200", "title-300", "title-400", "title-500", "title-600", "title-700", "subsection-100", "display-25", "display-50", "display-100", "display-200"];
 };

package/dist/components/heading/heading.js

@@ -1,9 +1,10 @@
 import '../../assets/heading.css';
-import { jsx as a } from "react/jsx-runtime";
-import { $ as r } from "../../index-DpfSJps6.js";
+import { jsx as s } from "react/jsx-runtime";
+import { $ as c } from "../../index-DpfSJps6.js";
 import { c as p } from "../../clsx-DB4S2d7J.js";
-import c from "react";
-const d = {
+import m from "react";
+import { extractProps as f } from "../../utils/layout/index.js";
+const e = {
   "teddy-heading": "_teddy-heading_r8os0_2",
   "teddy-heading--hyphens": "_teddy-heading--hyphens_r8os0_9",
   "teddy-heading--subsection-100": "_teddy-heading--subsection-100_r8os0_12",
@@ -18,7 +19,7 @@ const d = {
   "teddy-heading--display-50": "_teddy-heading--display-50_r8os0_66",
   "teddy-heading--display-100": "_teddy-heading--display-100_r8os0_72",
   "teddy-heading--display-200": "_teddy-heading--display-200_r8os0_78"
-}, e = "teddy-heading", m = [
+}, d = "teddy-heading", $ = [
   "title-100",
   "title-200",
   "title-300",
@@ -31,23 +32,21 @@ const d = {
   "display-50",
   "display-100",
   "display-200"
-], n = c.forwardRef(
-  ({ className: y, children: t, variant: i, asChild: _, enableHyphenation: l, as: s, ...o }, h) => {
-    const g = p(
-      d[`${e}`],
-      {
-        [d[`${e}--${i}`]]: i,
-        [d[`${e}--hyphens`]]: l
-      },
-      y
-    );
-    return /* @__PURE__ */ a(r, { ...o, ref: h, className: g, children: _ ? t : s ? /* @__PURE__ */ a(s, { children: t }) : null });
-  }
-);
+], n = m.forwardRef((l, y) => {
+  const { className: _, children: t, variant: i, asChild: o, enableHyphenation: h, as: a, ...r } = f(l), g = p(
+    e[`${d}`],
+    {
+      [e[`${d}--${i}`]]: i,
+      [e[`${d}--hyphens`]]: h
+    },
+    _
+  );
+  return /* @__PURE__ */ s(c, { ...r, ref: y, className: g, children: o ? t : a ? /* @__PURE__ */ s(a, { children: t }) : null });
+});
 n.displayName = "Heading";
-const x = Object.assign(n, {
-  headingVariants: m
+const R = Object.assign(n, {
+  headingVariants: $
 });
 export {
-  x as Heading
+  R as Heading
 };

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './modal';
 export * from './notification';
 export * from './radio-group';
 export * from './box';

package/dist/components/index.js

@@ -1,10 +1,10 @@
-import { A as e, B as t, C as p, N as x, T as f } from "../badge-cOFoFJw0.js";
-import { R as a } from "../radio-group-DN1IYZdr.js";
-import { Box as n } from "./box/box.js";
+import { A as e, B as t, C as p, M as x, N as f, T as a } from "../badge-DscsRVHR.js";
+import { R as i } from "../radio-group-B--zT3OL.js";
+import { Box as d } from "./box/box.js";
 import { Flex as l } from "./flex/flex.js";
-import { Grid as u } from "./grid/grid.js";
-import { NavigationMenu as c } from "./navigation-menu/navigation-menu.js";
-import { Link as B } from "./link/link.js";
+import { Grid as T } from "./grid/grid.js";
+import { N as g } from "../navigation-menu-DKuyW8zE.js";
+import { Link as H } from "./link/link.js";
 import { Button as F } from "./button/button.js";
 import { FieldErrorText as I } from "./field-error-text/field-error-text.js";
 import { HelperText as A } from "./helper-text/helper-text.js";
@@ -12,36 +12,37 @@ import { default as L } from "../assets/5161b177f001ea1a.svg";
 import { Icon as S } from "./icon/icon.js";
 import { Input as k, InputGroup as v } from "./input/input.js";
 import { Label as E } from "./label/label.js";
-import { Spinner as V } from "./spinner/spinner.js";
-import { Text as j } from "./text/text.js";
-import { TextField as w } from "./text-field/text-field.js";
-import { Heading as D } from "./heading/heading.js";
-import { VisuallyHidden as K } from "./visually-hidden/visually-hidden.js";
-import { TextSpacing as P } from "./text-spacing/text-spacing.js";
+import { Spinner as h } from "./spinner/spinner.js";
+import { Text as q } from "./text/text.js";
+import { TextField as z } from "./text-field/text-field.js";
+import { Heading as J } from "./heading/heading.js";
+import { VisuallyHidden as O } from "./visually-hidden/visually-hidden.js";
+import { TextSpacing as Q } from "./text-spacing/text-spacing.js";
 export {
   e as Accordion,
   t as Badge,
-  n as Box,
+  d as Box,
   F as Button,
   p as Card,
   I as FieldErrorText,
   l as Flex,
-  u as Grid,
-  D as Heading,
+  T as Grid,
+  J as Heading,
   A as HelperText,
   S as Icon,
   k as Input,
   v as InputGroup,
   E as Label,
-  B as Link,
-  c as NavigationMenu,
-  x as Notification,
-  a as RadioGroup,
-  V as Spinner,
-  j as Text,
-  w as TextField,
-  P as TextSpacing,
-  f as Toggle,
-  K as VisuallyHidden,
+  H as Link,
+  x as Modal,
+  g as NavigationMenu,
+  f as Notification,
+  i as RadioGroup,
+  h as Spinner,
+  q as Text,
+  z as TextField,
+  Q as TextSpacing,
+  a as Toggle,
+  O as VisuallyHidden,
   L as iconsHref
 };

package/dist/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+export type { ModalProps } from './modal';

package/dist/components/modal/index.js

@@ -0,0 +1,4 @@
+import { M as r } from "../../badge-DscsRVHR.js";
+export {
+  r as Modal
+};

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,76 @@
+import { ComponentPropsAs } from '../../utils/component-props-as';
+import { Flex, Heading, Text } from '..';
+import { default as React } from 'react';
+
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+type RootProps = Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>, 'modal'>;
+/** -------------------------------------------------------------------------------------------------
+ * ModalTrigger
+ * -----------------------------------------------------------------------------------------------*/
+type TriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>, 'asChild' | 'children'> & {
+    children: React.ReactElement;
+};
+type OverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {
+    container?: React.ComponentProps<typeof DialogPrimitive.Portal>['container'];
+};
+/** -------------------------------------------------------------------------------------------------
+ * ModalContent
+ * -----------------------------------------------------------------------------------------------*/
+type ContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+type GroupProps = React.ComponentPropsWithoutRef<typeof Flex> & {
+    variant?: 'title' | 'action';
+};
+/** -------------------------------------------------------------------------------------------------
+ * ModalTitle
+ * -----------------------------------------------------------------------------------------------*/
+type TitleProps = Omit<React.ComponentPropsWithoutRef<typeof Heading>, 'asChild'>;
+/** -------------------------------------------------------------------------------------------------
+ * ModalDescription
+ * -----------------------------------------------------------------------------------------------*/
+type DescriptionProps = ComponentPropsAs<typeof Text, 'p'>;
+/** -------------------------------------------------------------------------------------------------
+ * ModalImage
+ * -----------------------------------------------------------------------------------------------*/
+type ImageProps = React.ComponentPropsWithoutRef<'img'> & {
+    asChild?: boolean;
+};
+/** -------------------------------------------------------------------------------------------------
+ * ModalClose
+ * -----------------------------------------------------------------------------------------------*/
+type CloseProps = Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>, 'asChild' | 'children'> & ({
+    children: React.ReactElement;
+    slot: 'content';
+} | {
+    ['aria-label']: string;
+    slot: 'floating';
+    children?: never;
+});
+/** -------------------------------------------------------------------------------------------------*/
+export declare const Modal: React.FC<RootProps> & {
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children"> & {
+        children: React.ReactElement;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        container?: React.ComponentProps<typeof DialogPrimitive.Portal>['container'];
+    } & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<CloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Image: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+        asChild?: boolean | undefined;
+    } & React.RefAttributes<HTMLImageElement>>;
+    Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
+};
+export type ModalProps = {
+    Root: RootProps;
+    Trigger: TriggerProps;
+    Content: ContentProps;
+    Title: TitleProps;
+    Description: DescriptionProps;
+    Overlay: OverlayProps;
+    Group: GroupProps;
+    Close: CloseProps;
+    Image: ImageProps;
+};
+export {};

package/dist/components/modal/modal.js

@@ -0,0 +1,28 @@
+import "react/jsx-runtime";
+import "react";
+import { M as z } from "../../badge-DscsRVHR.js";
+import "../../radio-group-B--zT3OL.js";
+import "../box/box.js";
+import "../flex/flex.js";
+import "../grid/grid.js";
+import "../../navigation-menu-DKuyW8zE.js";
+import "../link/link.js";
+import "../button/button.js";
+import "../field-error-text/field-error-text.js";
+import "../helper-text/helper-text.js";
+import "../../assets/5161b177f001ea1a.svg";
+import "../icon/icon.js";
+import "../input/input.js";
+import "../label/label.js";
+import "../spinner/spinner.js";
+import "../text/text.js";
+import "../text-field/text-field.js";
+import "../heading/heading.js";
+import "../visually-hidden/visually-hidden.js";
+import "../text-spacing/text-spacing.js";
+import "../../clsx-DB4S2d7J.js";
+import "../../index-DpfSJps6.js";
+import "../../utils/composeRefs.js";
+export {
+  z as Modal
+};

package/dist/components/navigation-menu/index.js

@@ -1,4 +1,4 @@
-import { NavigationMenu as e } from "./navigation-menu.js";
+import { N as e } from "../../navigation-menu-DKuyW8zE.js";
 export {
   e as NavigationMenu
 };

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -23,6 +23,7 @@ type TopMenuItemProps = React.ComponentPropsWithoutRef<'li'>;
  *  -----------------------------------------------------------------------------------------------*/
 type TopMenuTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
     value: string;
+    active?: boolean;
 };
 /** -------------------------------------------------------------------------------------------------
  * NavigationMenuList
@@ -108,6 +109,7 @@ declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMen
     TopMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
     TopMenuTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         value: string;
+        active?: boolean | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
 };
 type NavigationMenuProps = {