@dsn-starter-kit/components-react 2.0.0 → 3.1.0

package/dist/LinkButton/LinkButton.d.mts

@@ -0,0 +1,54 @@
+import React from "react";
+//#region src/LinkButton/LinkButton.d.ts
+type LinkButtonSize = 'small' | 'default' | 'large';
+interface LinkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Button size — controls font-size, gap, and icon size.
+   * When omitted, the button inherits the surrounding font (same as Link).
+   */
+  size?: LinkButtonSize;
+  /**
+   * Icon element rendered before the button text
+   */
+  iconStart?: React.ReactNode;
+  /**
+   * Icon element rendered after the button text
+   */
+  iconEnd?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Button content
+   */
+  children?: React.ReactNode;
+}
+/**
+ * LinkButton — semantically a <button>, visually styled as a Link.
+ *
+ * Use when an action requires a JavaScript handler or form submit,
+ * but the visual prominence of a Button does not fit the context.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage (inherits font from parent)
+ * <LinkButton onClick={handleClick}>Wachtwoord vergeten?</LinkButton>
+ *
+ * // With explicit size
+ * <LinkButton size="small">Klein</LinkButton>
+ *
+ * // With icon
+ * <LinkButton iconStart={<Icon name="arrow-left" aria-hidden />}>Terug</LinkButton>
+ *
+ * // Disabled
+ * <LinkButton disabled>Niet beschikbaar</LinkButton>
+ *
+ * // Form submit
+ * <LinkButton type="submit">Bevestigen</LinkButton>
+ * ```
+ */
+declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { LinkButton, LinkButtonProps, LinkButtonSize };
+//# sourceMappingURL=LinkButton.d.mts.map

package/dist/LinkButton/LinkButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.mts","names":[],"sources":["../../src/LinkButton/LinkButton.tsx"],"mappings":";;KAIY;UAEK,wBAAwB,MAAM,qBAAqB;;;;;EAKlE,OAAO;;;;EAKP,YAAY,MAAM;;;;EAKlB,UAAU,MAAM;;;;EAKhB;;;;EAKA,WAAW,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BN,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/LinkButton/LinkButton2.mjs

@@ -0,0 +1,48 @@
+/* empty css            */
+import React from "react";
+import { classNames } from "@dsn-starter-kit/core";
+import { jsxs } from "react/jsx-runtime";
+//#region src/LinkButton/LinkButton.tsx
+/**
+* LinkButton — semantically a <button>, visually styled as a Link.
+*
+* Use when an action requires a JavaScript handler or form submit,
+* but the visual prominence of a Button does not fit the context.
+*
+* @example
+* ```tsx
+* // Basic usage (inherits font from parent)
+* <LinkButton onClick={handleClick}>Wachtwoord vergeten?</LinkButton>
+*
+* // With explicit size
+* <LinkButton size="small">Klein</LinkButton>
+*
+* // With icon
+* <LinkButton iconStart={<Icon name="arrow-left" aria-hidden />}>Terug</LinkButton>
+*
+* // Disabled
+* <LinkButton disabled>Niet beschikbaar</LinkButton>
+*
+* // Form submit
+* <LinkButton type="submit">Bevestigen</LinkButton>
+* ```
+*/
+const LinkButton = React.forwardRef(({ size, iconStart, iconEnd, className, type = "button", children, ...props }, ref) => {
+	const classes = classNames("dsn-link", "dsn-link-button", size && `dsn-link--size-${size}`, className);
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		type,
+		className: classes,
+		...props,
+		children: [
+			iconStart,
+			children,
+			iconEnd
+		]
+	});
+});
+LinkButton.displayName = "LinkButton";
+//#endregion
+export { LinkButton };
+
+//# sourceMappingURL=LinkButton2.mjs.map

package/dist/LinkButton/LinkButton2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton2.mjs","names":[],"sources":["../../src/LinkButton/LinkButton.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './LinkButton.css';\n\nexport type LinkButtonSize = 'small' | 'default' | 'large';\n\nexport interface LinkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Button size — controls font-size, gap, and icon size.\n   * When omitted, the button inherits the surrounding font (same as Link).\n   */\n  size?: LinkButtonSize;\n\n  /**\n   * Icon element rendered before the button text\n   */\n  iconStart?: React.ReactNode;\n\n  /**\n   * Icon element rendered after the button text\n   */\n  iconEnd?: React.ReactNode;\n\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n\n  /**\n   * Button content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * LinkButton — semantically a <button>, visually styled as a Link.\n *\n * Use when an action requires a JavaScript handler or form submit,\n * but the visual prominence of a Button does not fit the context.\n *\n * @example\n * ```tsx\n * // Basic usage (inherits font from parent)\n * <LinkButton onClick={handleClick}>Wachtwoord vergeten?</LinkButton>\n *\n * // With explicit size\n * <LinkButton size=\"small\">Klein</LinkButton>\n *\n * // With icon\n * <LinkButton iconStart={<Icon name=\"arrow-left\" aria-hidden />}>Terug</LinkButton>\n *\n * // Disabled\n * <LinkButton disabled>Niet beschikbaar</LinkButton>\n *\n * // Form submit\n * <LinkButton type=\"submit\">Bevestigen</LinkButton>\n * ```\n */\nexport const LinkButton = React.forwardRef<HTMLButtonElement, LinkButtonProps>(\n  (\n    {\n      size,\n      iconStart,\n      iconEnd,\n      className,\n      type = 'button',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = classNames(\n      'dsn-link',\n      'dsn-link-button',\n      size && `dsn-link--size-${size}`,\n      className\n    );\n\n    return (\n      <button ref={ref} type={type} className={classes} {...props}>\n        {iconStart}\n        {children}\n        {iconEnd}\n      </button>\n    );\n  }\n);\n\nLinkButton.displayName = 'LinkButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,MAAa,aAAa,MAAM,YAE5B,EACE,MACA,WACA,SACA,WACA,OAAO,UACP,UACA,GAAG,SAEL,QACG;CACH,MAAM,UAAU,WACd,YACA,mBACA,QAAQ,kBAAkB,QAC1B,SACF;CAEA,OACE,qBAAC,UAAD;EAAa;EAAW;EAAM,WAAW;EAAS,GAAI;EAAtD,UAAA;GACG;GACA;GACA;EACK;;AAEZ,CACF;AAEA,WAAW,cAAc"}

package/dist/LinkButton/index.d.mts

@@ -0,0 +1,2 @@
+import { LinkButton, LinkButtonProps, LinkButtonSize } from "./LinkButton.mjs";
+export { LinkButton, type LinkButtonProps, type LinkButtonSize };

package/dist/Logo/Logo.d.mts

@@ -0,0 +1,35 @@
+import React from "react";
+//#region src/Logo/Logo.d.ts
+interface LogoProps extends React.SVGProps<SVGSVGElement> {
+  /**
+   * Accessible naam via <title> in de SVG.
+   * Niet gerenderd wanneer aria-hidden={true}.
+   * @default 'Starter Kit'
+   */
+  title?: string;
+}
+/**
+ * Logo component
+ * Rendert het Starter Kit-logo als inline SVG met theme-aware kleuren via design tokens.
+ *
+ * De twee kleurlagen zijn gekoppeld aan tokens:
+ * - dsn-logo__primary — achtergrondrechthoek + letterpaden (merkkleur van het actieve thema)
+ * - dsn-logo__label — binnenste rechthoek (documentachtergrondkleur, doorkijkje-effect)
+ *
+ * @example
+ * // Standalone — screenreader leest de title
+ * <Logo />
+ *
+ * // Decoratief — in een link, omringende context levert de accessible name
+ * <a href="/">
+ *   <Logo aria-hidden={true} />
+ *   <span className="dsn-visually-hidden">Starter Kit — terug naar homepage</span>
+ * </a>
+ *
+ * // Custom title (bijv. na white-label herbranding)
+ * <Logo title="Mijn Organisatie" />
+ */
+declare const Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//#endregion
+export { Logo, LogoProps };
+//# sourceMappingURL=Logo.d.mts.map

package/dist/Logo/Logo.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.mts","names":[],"sources":["../../src/Logo/Logo.tsx"],"mappings":";;UAIiB,kBAAkB,MAAM,SAAS;;;;;;EAMhD;;;;;;;;;;;;;;;;;;;;;;;cAwBW,MAAI,MAAA,0BAAA,KAAA,oBAAA,MAAA,cAAA"}

package/dist/Logo/Logo2.mjs

@@ -0,0 +1,66 @@
+/* empty css      */
+import React, { useId } from "react";
+import { classNames } from "@dsn-starter-kit/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Logo/Logo.tsx
+/**
+* Logo component
+* Rendert het Starter Kit-logo als inline SVG met theme-aware kleuren via design tokens.
+*
+* De twee kleurlagen zijn gekoppeld aan tokens:
+* - dsn-logo__primary — achtergrondrechthoek + letterpaden (merkkleur van het actieve thema)
+* - dsn-logo__label — binnenste rechthoek (documentachtergrondkleur, doorkijkje-effect)
+*
+* @example
+* // Standalone — screenreader leest de title
+* <Logo />
+*
+* // Decoratief — in een link, omringende context levert de accessible name
+* <a href="/">
+*   <Logo aria-hidden={true} />
+*   <span className="dsn-visually-hidden">Starter Kit — terug naar homepage</span>
+* </a>
+*
+* // Custom title (bijv. na white-label herbranding)
+* <Logo title="Mijn Organisatie" />
+*/
+const Logo = React.forwardRef(({ className, title = "Starter Kit", "aria-hidden": ariaHidden, ...props }, ref) => {
+	const titleId = useId();
+	const isDecorative = ariaHidden === true || ariaHidden === "true";
+	return /* @__PURE__ */ jsxs("svg", {
+		ref,
+		className: classNames("dsn-logo", className),
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "186",
+		height: "48",
+		viewBox: "0 0 186 48",
+		fill: "none",
+		role: isDecorative ? void 0 : "img",
+		"aria-labelledby": isDecorative ? void 0 : titleId,
+		"aria-hidden": isDecorative ? true : void 0,
+		...props,
+		children: [
+			!isDecorative && /* @__PURE__ */ jsx("title", {
+				id: titleId,
+				children: title
+			}),
+			/* @__PURE__ */ jsx("path", {
+				className: "dsn-logo__primary",
+				d: "M0 0h185.491v48H0z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				className: "dsn-logo__label",
+				d: "M8 8h169.491v32H8z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				className: "dsn-logo__primary",
+				d: "M164.624 32h-3.6q-.423 0-.622-.178-.178-.2-.178-.622V20.289h-3.267q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h11.734q.422 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.178.178-.6.178h-3.267V31.2q0 .423-.2.622-.178.178-.6.178M144.059 32q-.423 0-.622-.178-.178-.2-.178-.622v-2.644q0-.423.178-.6.2-.2.622-.2h2.2v-7.467h-2.2q-.423 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h9.466q.423 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.177.178-.6.178h-2.155v7.467h2.155q.423 0 .6.2.2.177.2.6V31.2q0 .423-.2.622-.177.178-.6.178zM131.279 32h-3.445q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h3.445q.421 0 .6.2.2.178.2.6v5.111h.889l2.288-5.178q.156-.399.423-.555.266-.178.689-.178h3.422q.378 0 .511.2.133.178-.022.533l-2.267 5.178q1.245.066 1.978.889.755.8.755 2.133V31.2q0 .423-.2.622-.177.178-.6.178h-3.422q-.422 0-.622-.178-.178-.2-.178-.622v-4.333q0-.356-.178-.556-.177-.2-.533-.2h-2.933V31.2q0 .423-.2.622-.179.178-.6.178M110.551 20v2.844h1.666q.578 0 .778-.288.2-.312.2-.756v-.756q0-.444-.2-.733-.2-.31-.778-.311zm-.8 12h-3.423q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h7.4q2.49 0 3.423 1.044.955 1.022.955 2.667v1.022q0 .934-.289 1.6-.267.645-.955.934 1.2.134 1.933.977.756.845.756 2.245V31.2q0 .423-.2.622-.178.178-.6.178h-3.445q-.422 0-.622-.178-.178-.2-.178-.622v-3.4q0-.489-.2-.711-.177-.245-.644-.245h-3.111V31.2q0 .423-.2.622-.178.178-.6.178M102.099 32h-10.31q-.423 0-.623-.178-.177-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2H102.1q.423 0 .6.2.2.178.2.6v2.6q0 .423-.2.622-.177.178-.6.178h-6.133v1.711h4.333q.423 0 .6.2.2.178.2.6v2.378q0 .422-.2.622-.177.178-.6.178h-4.333V27.8h6.133q.423 0 .6.2.2.178.2.6v2.6q0 .423-.2.622-.177.178-.6.178M83.96 32h-3.6q-.423 0-.622-.178-.178-.2-.178-.622V20.289h-3.267q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h11.733q.423 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.177.178-.6.178H84.76V31.2q0 .423-.2.622-.178.178-.6.178M65.585 20v2.844h1.666q.579 0 .778-.288.2-.312.2-.756v-.756q0-.444-.2-.733-.2-.31-.778-.311zm-.8 12h-3.422q-.423 0-.623-.178-.177-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h7.4q2.49 0 3.423 1.044.955 1.022.955 2.667v1.022q0 .934-.289 1.6-.266.645-.955.934 1.2.134 1.933.977.756.845.756 2.245V31.2q0 .423-.2.622-.178.178-.6.178H70.34q-.422 0-.622-.178-.177-.2-.178-.622v-3.4q0-.489-.2-.711-.177-.245-.644-.245h-3.111V31.2q0 .423-.2.622-.178.178-.6.178M50.13 20.667l-1.044 3.377h3.489l-1.045-3.377a.76.76 0 0 0-.2-.29.3.3 0 0 0-.222-.088h-.555q-.134 0-.245.089a1 1 0 0 0-.178.289M48.864 31.2q0 .423-.2.622-.179.178-.6.178h-3.267q-.422 0-.622-.178-.178-.2-.178-.622v-5.867q0-.666.2-1.533.222-.867.667-2.022l1.933-5.045q.133-.378.4-.555.29-.178.733-.178h5.978q.422 0 .69.178.288.177.421.555l1.934 5.045q.443 1.155.644 2.022.222.867.222 1.533V31.2q0 .423-.2.622-.177.178-.6.178h-3.355q-.445 0-.667-.178-.2-.2-.2-.622v-3.111h-3.933zM38.192 32h-3.6q-.422 0-.622-.178-.178-.2-.178-.622V20.289h-3.266q-.423 0-.623-.178-.177-.2-.177-.622V16.8q0-.423.177-.6.2-.2.623-.2h11.733q.421 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.179.178-.6.178h-3.267V31.2q0 .423-.2.622-.177.178-.6.178M23.822 32H16.8q-.423 0-.622-.178-.178-.2-.178-.622v-2.6q0-.423.178-.6.2-.2.622-.2h5.978q.288 0 .422-.178a.74.74 0 0 0 .156-.466q0-.378-.156-.556-.134-.178-.422-.2l-3.334-.467q-1.556-.222-2.51-1.022-.934-.8-.934-2.667v-2.333q0-1.89 1.222-2.889Q18.445 16 20.6 16h6.222q.423 0 .6.2.2.178.2.6v2.644q0 .423-.2.623-.177.177-.6.177h-5.178a.53.53 0 0 0-.444.2.68.68 0 0 0-.156.467q0 .29.156.489a.6.6 0 0 0 .444.222l3.312.445q1.556.222 2.51 1.022.957.8.956 2.667v2.333q0 1.89-1.244 2.911-1.223 1-3.356 1"
+			})
+		]
+	});
+});
+Logo.displayName = "Logo";
+//#endregion
+export { Logo };
+
+//# sourceMappingURL=Logo2.mjs.map

package/dist/Logo/Logo2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo2.mjs","names":[],"sources":["../../src/Logo/Logo.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Logo.css';\n\nexport interface LogoProps extends React.SVGProps<SVGSVGElement> {\n  /**\n   * Accessible naam via <title> in de SVG.\n   * Niet gerenderd wanneer aria-hidden={true}.\n   * @default 'Starter Kit'\n   */\n  title?: string;\n}\n\n/**\n * Logo component\n * Rendert het Starter Kit-logo als inline SVG met theme-aware kleuren via design tokens.\n *\n * De twee kleurlagen zijn gekoppeld aan tokens:\n * - dsn-logo__primary — achtergrondrechthoek + letterpaden (merkkleur van het actieve thema)\n * - dsn-logo__label — binnenste rechthoek (documentachtergrondkleur, doorkijkje-effect)\n *\n * @example\n * // Standalone — screenreader leest de title\n * <Logo />\n *\n * // Decoratief — in een link, omringende context levert de accessible name\n * <a href=\"/\">\n *   <Logo aria-hidden={true} />\n *   <span className=\"dsn-visually-hidden\">Starter Kit — terug naar homepage</span>\n * </a>\n *\n * // Custom title (bijv. na white-label herbranding)\n * <Logo title=\"Mijn Organisatie\" />\n */\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(\n  (\n    { className, title = 'Starter Kit', 'aria-hidden': ariaHidden, ...props },\n    ref\n  ) => {\n    const titleId = useId();\n    const isDecorative = ariaHidden === true || ariaHidden === 'true';\n\n    return (\n      <svg\n        ref={ref}\n        className={classNames('dsn-logo', className)}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"186\"\n        height=\"48\"\n        viewBox=\"0 0 186 48\"\n        fill=\"none\"\n        role={isDecorative ? undefined : 'img'}\n        aria-labelledby={isDecorative ? undefined : titleId}\n        aria-hidden={isDecorative ? true : undefined}\n        {...props}\n      >\n        {!isDecorative && <title id={titleId}>{title}</title>}\n        {/* Achtergrondrechthoek (primaire kleur) */}\n        <path className=\"dsn-logo__primary\" d=\"M0 0h185.491v48H0z\" />\n        {/* Binnenste label (documentachtergrondkleur) */}\n        <path className=\"dsn-logo__label\" d=\"M8 8h169.491v32H8z\" />\n        {/* Letterpaden (primaire kleur) */}\n        <path\n          className=\"dsn-logo__primary\"\n          d=\"M164.624 32h-3.6q-.423 0-.622-.178-.178-.2-.178-.622V20.289h-3.267q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h11.734q.422 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.178.178-.6.178h-3.267V31.2q0 .423-.2.622-.178.178-.6.178M144.059 32q-.423 0-.622-.178-.178-.2-.178-.622v-2.644q0-.423.178-.6.2-.2.622-.2h2.2v-7.467h-2.2q-.423 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h9.466q.423 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.177.178-.6.178h-2.155v7.467h2.155q.423 0 .6.2.2.177.2.6V31.2q0 .423-.2.622-.177.178-.6.178zM131.279 32h-3.445q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h3.445q.421 0 .6.2.2.178.2.6v5.111h.889l2.288-5.178q.156-.399.423-.555.266-.178.689-.178h3.422q.378 0 .511.2.133.178-.022.533l-2.267 5.178q1.245.066 1.978.889.755.8.755 2.133V31.2q0 .423-.2.622-.177.178-.6.178h-3.422q-.422 0-.622-.178-.178-.2-.178-.622v-4.333q0-.356-.178-.556-.177-.2-.533-.2h-2.933V31.2q0 .423-.2.622-.179.178-.6.178M110.551 20v2.844h1.666q.578 0 .778-.288.2-.312.2-.756v-.756q0-.444-.2-.733-.2-.31-.778-.311zm-.8 12h-3.423q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h7.4q2.49 0 3.423 1.044.955 1.022.955 2.667v1.022q0 .934-.289 1.6-.267.645-.955.934 1.2.134 1.933.977.756.845.756 2.245V31.2q0 .423-.2.622-.178.178-.6.178h-3.445q-.422 0-.622-.178-.178-.2-.178-.622v-3.4q0-.489-.2-.711-.177-.245-.644-.245h-3.111V31.2q0 .423-.2.622-.178.178-.6.178M102.099 32h-10.31q-.423 0-.623-.178-.177-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2H102.1q.423 0 .6.2.2.178.2.6v2.6q0 .423-.2.622-.177.178-.6.178h-6.133v1.711h4.333q.423 0 .6.2.2.178.2.6v2.378q0 .422-.2.622-.177.178-.6.178h-4.333V27.8h6.133q.423 0 .6.2.2.178.2.6v2.6q0 .423-.2.622-.177.178-.6.178M83.96 32h-3.6q-.423 0-.622-.178-.178-.2-.178-.622V20.289h-3.267q-.422 0-.622-.178-.178-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h11.733q.423 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.177.178-.6.178H84.76V31.2q0 .423-.2.622-.178.178-.6.178M65.585 20v2.844h1.666q.579 0 .778-.288.2-.312.2-.756v-.756q0-.444-.2-.733-.2-.31-.778-.311zm-.8 12h-3.422q-.423 0-.623-.178-.177-.2-.178-.622V16.8q0-.423.178-.6.2-.2.622-.2h7.4q2.49 0 3.423 1.044.955 1.022.955 2.667v1.022q0 .934-.289 1.6-.266.645-.955.934 1.2.134 1.933.977.756.845.756 2.245V31.2q0 .423-.2.622-.178.178-.6.178H70.34q-.422 0-.622-.178-.177-.2-.178-.622v-3.4q0-.489-.2-.711-.177-.245-.644-.245h-3.111V31.2q0 .423-.2.622-.178.178-.6.178M50.13 20.667l-1.044 3.377h3.489l-1.045-3.377a.76.76 0 0 0-.2-.29.3.3 0 0 0-.222-.088h-.555q-.134 0-.245.089a1 1 0 0 0-.178.289M48.864 31.2q0 .423-.2.622-.179.178-.6.178h-3.267q-.422 0-.622-.178-.178-.2-.178-.622v-5.867q0-.666.2-1.533.222-.867.667-2.022l1.933-5.045q.133-.378.4-.555.29-.178.733-.178h5.978q.422 0 .69.178.288.177.421.555l1.934 5.045q.443 1.155.644 2.022.222.867.222 1.533V31.2q0 .423-.2.622-.177.178-.6.178h-3.355q-.445 0-.667-.178-.2-.2-.2-.622v-3.111h-3.933zM38.192 32h-3.6q-.422 0-.622-.178-.178-.2-.178-.622V20.289h-3.266q-.423 0-.623-.178-.177-.2-.177-.622V16.8q0-.423.177-.6.2-.2.623-.2h11.733q.421 0 .6.2.2.178.2.6v2.689q0 .422-.2.622-.179.178-.6.178h-3.267V31.2q0 .423-.2.622-.177.178-.6.178M23.822 32H16.8q-.423 0-.622-.178-.178-.2-.178-.622v-2.6q0-.423.178-.6.2-.2.622-.2h5.978q.288 0 .422-.178a.74.74 0 0 0 .156-.466q0-.378-.156-.556-.134-.178-.422-.2l-3.334-.467q-1.556-.222-2.51-1.022-.934-.8-.934-2.667v-2.333q0-1.89 1.222-2.889Q18.445 16 20.6 16h6.222q.423 0 .6.2.2.178.2.6v2.644q0 .423-.2.623-.177.177-.6.177h-5.178a.53.53 0 0 0-.444.2.68.68 0 0 0-.156.467q0 .29.156.489a.6.6 0 0 0 .444.222l3.312.445q1.556.222 2.51 1.022.957.8.956 2.667v2.333q0 1.89-1.244 2.911-1.223 1-3.356 1\"\n        />\n      </svg>\n    );\n  }\n);\n\nLogo.displayName = 'Logo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAa,OAAO,MAAM,YAEtB,EAAE,WAAW,QAAQ,eAAe,eAAe,YAAY,GAAG,SAClE,QACG;CACH,MAAM,UAAU,MAAM;CACtB,MAAM,eAAe,eAAe,QAAQ,eAAe;CAE3D,OACE,qBAAC,OAAD;EACO;EACL,WAAW,WAAW,YAAY,SAAS;EAC3C,OAAM;EACN,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,MAAM,eAAe,KAAA,IAAY;EACjC,mBAAiB,eAAe,KAAA,IAAY;EAC5C,eAAa,eAAe,OAAO,KAAA;EACnC,GAAI;EAXN,UAAA;GAaG,CAAC,gBAAgB,oBAAC,SAAD;IAAO,IAAI;IAAU,UAAA;GAAa,CAAA;GAEpD,oBAAC,QAAD;IAAM,WAAU;IAAoB,GAAE;GAAsB,CAAA;GAE5D,oBAAC,QAAD;IAAM,WAAU;IAAkB,GAAE;GAAsB,CAAA;GAE1D,oBAAC,QAAD;IACE,WAAU;IACV,GAAE;GACH,CAAA;EACE;;AAET,CACF;AAEA,KAAK,cAAc"}

package/dist/Logo/index.d.mts

@@ -0,0 +1,2 @@
+import { Logo, LogoProps } from "./Logo.mjs";
+export { Logo, LogoProps };

package/dist/Menu/Menu.d.mts

@@ -0,0 +1,58 @@
+import React from "react";
+//#region src/Menu/Menu.d.ts
+type MenuOrientation = 'vertical' | 'horizontal';
+interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
+  /**
+   * Bepaalt de lay-out van de items.
+   * - `vertical` (standaard): items onder elkaar, volledige breedte
+   * - `horizontal`: items naast elkaar, breedte op inhoud
+   * @default 'vertical'
+   */
+  orientation?: MenuOrientation;
+  /**
+   * Geeft aan dat level-1 items een `iconStart` hebben.
+   * Level 2+ items worden dan ingesprongen zodat hun tekst uitlijnt met het label van level 1.
+   * @default false
+   */
+  iconStart?: boolean;
+  /**
+   * `MenuLink`- en/of `MenuButton`-items (verplicht)
+   */
+  children: React.ReactNode;
+  /**
+   * Aanvullende CSS-klassen voor het `<ul>`-element
+   */
+  className?: string;
+}
+/**
+ * Menu component
+ * Containercomponent voor MenuLink- en MenuButton-items.
+ * Rendert een `<ul>` met verticale (standaard) of horizontale oriëntatie.
+ *
+ * Gebruik `Menu` altijd binnen een semantisch element zoals `<nav>` —
+ * dit is de verantwoordelijkheid van de ouder.
+ *
+ * @example
+ * ```tsx
+ * // Verticaal (standaard)
+ * <nav aria-label="Hoofdnavigatie">
+ *   <Menu>
+ *     <MenuLink href="/home">Home</MenuLink>
+ *     <MenuLink href="/over">Over ons</MenuLink>
+ *     <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>
+ *   </Menu>
+ * </nav>
+ *
+ * // Horizontaal
+ * <nav aria-label="Paginanavigatie">
+ *   <Menu orientation="horizontal">
+ *     <MenuLink href="/home" current>Home</MenuLink>
+ *     <MenuLink href="/over">Over ons</MenuLink>
+ *   </Menu>
+ * </nav>
+ * ```
+ */
+declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { Menu, MenuOrientation, MenuProps };
+//# sourceMappingURL=Menu.d.mts.map

package/dist/Menu/Menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../src/Menu/Menu.tsx"],"mappings":";;KAIY;UAEK,kBAAkB,MAAM,eAAe;;;;;;;EAOtD,cAAc;;;;;;EAOd;;;;EAKA,UAAU,MAAM;;;;EAKhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+BW,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/Menu/Menu2.mjs

@@ -0,0 +1,47 @@
+/* empty css      */
+import React from "react";
+import { classNames } from "@dsn-starter-kit/core";
+import { jsx } from "react/jsx-runtime";
+//#region src/Menu/Menu.tsx
+/**
+* Menu component
+* Containercomponent voor MenuLink- en MenuButton-items.
+* Rendert een `<ul>` met verticale (standaard) of horizontale oriëntatie.
+*
+* Gebruik `Menu` altijd binnen een semantisch element zoals `<nav>` —
+* dit is de verantwoordelijkheid van de ouder.
+*
+* @example
+* ```tsx
+* // Verticaal (standaard)
+* <nav aria-label="Hoofdnavigatie">
+*   <Menu>
+*     <MenuLink href="/home">Home</MenuLink>
+*     <MenuLink href="/over">Over ons</MenuLink>
+*     <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>
+*   </Menu>
+* </nav>
+*
+* // Horizontaal
+* <nav aria-label="Paginanavigatie">
+*   <Menu orientation="horizontal">
+*     <MenuLink href="/home" current>Home</MenuLink>
+*     <MenuLink href="/over">Over ons</MenuLink>
+*   </Menu>
+* </nav>
+* ```
+*/
+const Menu = React.forwardRef(({ orientation = "vertical", iconStart = false, className, children, ...props }, ref) => {
+	const classes = classNames("dsn-menu", orientation === "horizontal" && "dsn-menu--horizontal", iconStart && "dsn-menu--icon-start", className);
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		className: classes,
+		...props,
+		children
+	});
+});
+Menu.displayName = "Menu";
+//#endregion
+export { Menu };
+
+//# sourceMappingURL=Menu2.mjs.map

package/dist/Menu/Menu2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu2.mjs","names":[],"sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Menu.css';\n\nexport type MenuOrientation = 'vertical' | 'horizontal';\n\nexport interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  /**\n   * Bepaalt de lay-out van de items.\n   * - `vertical` (standaard): items onder elkaar, volledige breedte\n   * - `horizontal`: items naast elkaar, breedte op inhoud\n   * @default 'vertical'\n   */\n  orientation?: MenuOrientation;\n\n  /**\n   * Geeft aan dat level-1 items een `iconStart` hebben.\n   * Level 2+ items worden dan ingesprongen zodat hun tekst uitlijnt met het label van level 1.\n   * @default false\n   */\n  iconStart?: boolean;\n\n  /**\n   * `MenuLink`- en/of `MenuButton`-items (verplicht)\n   */\n  children: React.ReactNode;\n\n  /**\n   * Aanvullende CSS-klassen voor het `<ul>`-element\n   */\n  className?: string;\n}\n\n/**\n * Menu component\n * Containercomponent voor MenuLink- en MenuButton-items.\n * Rendert een `<ul>` met verticale (standaard) of horizontale oriëntatie.\n *\n * Gebruik `Menu` altijd binnen een semantisch element zoals `<nav>` —\n * dit is de verantwoordelijkheid van de ouder.\n *\n * @example\n * ```tsx\n * // Verticaal (standaard)\n * <nav aria-label=\"Hoofdnavigatie\">\n *   <Menu>\n *     <MenuLink href=\"/home\">Home</MenuLink>\n *     <MenuLink href=\"/over\">Over ons</MenuLink>\n *     <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>\n *   </Menu>\n * </nav>\n *\n * // Horizontaal\n * <nav aria-label=\"Paginanavigatie\">\n *   <Menu orientation=\"horizontal\">\n *     <MenuLink href=\"/home\" current>Home</MenuLink>\n *     <MenuLink href=\"/over\">Over ons</MenuLink>\n *   </Menu>\n * </nav>\n * ```\n */\nexport const Menu = React.forwardRef<HTMLUListElement, MenuProps>(\n  (\n    {\n      orientation = 'vertical',\n      iconStart = false,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = classNames(\n      'dsn-menu',\n      orientation === 'horizontal' && 'dsn-menu--horizontal',\n      iconStart && 'dsn-menu--icon-start',\n      className\n    );\n\n    return (\n      <ul ref={ref} className={classes} {...props}>\n        {children}\n      </ul>\n    );\n  }\n);\n\nMenu.displayName = 'Menu';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,OAAO,MAAM,YAEtB,EACE,cAAc,YACd,YAAY,OACZ,WACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,UAAU,WACd,YACA,gBAAgB,gBAAgB,wBAChC,aAAa,wBACb,SACF;CAEA,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CACF;AAEA,KAAK,cAAc"}

package/dist/Menu/index.d.mts

@@ -0,0 +1,2 @@
+import { Menu, MenuOrientation, MenuProps } from "./Menu.mjs";
+export { Menu, MenuOrientation, MenuProps };

package/dist/MenuButton/MenuButton.d.mts

@@ -0,0 +1,56 @@
+import React from "react";
+//#region src/MenuButton/MenuButton.d.ts
+interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Icoon links van het label
+   */
+  iconStart?: React.ReactNode;
+  /**
+   * Icoon rechts van het label
+   */
+  iconEnd?: React.ReactNode;
+  /**
+   * DotBadge element voor statusindicatie (bijv. nieuw/ongelezen zonder getal).
+   * Verwacht een `<DotBadge>` component.
+   */
+  dotBadge?: React.ReactNode;
+  /**
+   * Zichtbare knoptekst
+   */
+  children?: React.ReactNode;
+  /**
+   * Aanvullende CSS-klassen voor het `<li>`-element
+   */
+  className?: string;
+}
+/**
+ * MenuButton component
+ * Navigatieknop voor JavaScript-acties — semantisch een `<button>`, visueel consistent met MenuLink.
+ *
+ * Gebruik in een `<ul>`-element wanneer de actie geen URL-navigatie is maar een JS-handeling triggert
+ * (bijv. uitloggen, een modal openen of een sectie in/uitklappen).
+ *
+ * @example
+ * ```tsx
+ * // Basisgebruik
+ * <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>
+ *
+ * // Met icoon start
+ * <MenuButton iconStart={<Icon name="settings" aria-hidden />}>
+ *   Instellingen
+ * </MenuButton>
+ *
+ * // Met DotBadge (statusindicatie)
+ * <MenuButton
+ *   iconStart={<Icon name="bell" aria-hidden />}
+ *   dotBadge={<DotBadge variant="negative" />}
+ * >
+ *   Meldingen
+ *   <span className="dsn-visually-hidden">, nieuwe meldingen beschikbaar</span>
+ * </MenuButton>
+ * ```
+ */
+declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { MenuButton, MenuButtonProps };
+//# sourceMappingURL=MenuButton.d.mts.map

package/dist/MenuButton/MenuButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.d.mts","names":[],"sources":["../../src/MenuButton/MenuButton.tsx"],"mappings":";;UAIiB,wBAAwB,MAAM,qBAAqB;;;;EAIlE,YAAY,MAAM;;;;EAKlB,UAAU,MAAM;;;;;EAMhB,WAAW,MAAM;;;;EAKjB,WAAW,MAAM;;;;EAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8BW,YAAU,MAAA,0BAAA,kBAAA,MAAA,cAAA"}

package/dist/MenuButton/MenuButton2.mjs

@@ -0,0 +1,57 @@
+/* empty css            */
+import React from "react";
+import { classNames } from "@dsn-starter-kit/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MenuButton/MenuButton.tsx
+/**
+* MenuButton component
+* Navigatieknop voor JavaScript-acties — semantisch een `<button>`, visueel consistent met MenuLink.
+*
+* Gebruik in een `<ul>`-element wanneer de actie geen URL-navigatie is maar een JS-handeling triggert
+* (bijv. uitloggen, een modal openen of een sectie in/uitklappen).
+*
+* @example
+* ```tsx
+* // Basisgebruik
+* <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>
+*
+* // Met icoon start
+* <MenuButton iconStart={<Icon name="settings" aria-hidden />}>
+*   Instellingen
+* </MenuButton>
+*
+* // Met DotBadge (statusindicatie)
+* <MenuButton
+*   iconStart={<Icon name="bell" aria-hidden />}
+*   dotBadge={<DotBadge variant="negative" />}
+* >
+*   Meldingen
+*   <span className="dsn-visually-hidden">, nieuwe meldingen beschikbaar</span>
+* </MenuButton>
+* ```
+*/
+const MenuButton = React.forwardRef(({ iconStart, iconEnd, dotBadge, className, children, type = "button", ...props }, ref) => {
+	const liClasses = classNames("dsn-menu-button", className);
+	return /* @__PURE__ */ jsx("li", {
+		className: liClasses,
+		children: /* @__PURE__ */ jsxs("button", {
+			ref,
+			type,
+			className: "dsn-menu-button__button",
+			...props,
+			children: [
+				iconStart,
+				/* @__PURE__ */ jsxs("span", {
+					className: "dsn-menu-button__label",
+					children: [children, dotBadge]
+				}),
+				iconEnd
+			]
+		})
+	});
+});
+MenuButton.displayName = "MenuButton";
+//#endregion
+export { MenuButton };
+
+//# sourceMappingURL=MenuButton2.mjs.map

package/dist/MenuButton/MenuButton2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton2.mjs","names":[],"sources":["../../src/MenuButton/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './MenuButton.css';\n\nexport interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Icoon links van het label\n   */\n  iconStart?: React.ReactNode;\n\n  /**\n   * Icoon rechts van het label\n   */\n  iconEnd?: React.ReactNode;\n\n  /**\n   * DotBadge element voor statusindicatie (bijv. nieuw/ongelezen zonder getal).\n   * Verwacht een `<DotBadge>` component.\n   */\n  dotBadge?: React.ReactNode;\n\n  /**\n   * Zichtbare knoptekst\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Aanvullende CSS-klassen voor het `<li>`-element\n   */\n  className?: string;\n}\n\n/**\n * MenuButton component\n * Navigatieknop voor JavaScript-acties — semantisch een `<button>`, visueel consistent met MenuLink.\n *\n * Gebruik in een `<ul>`-element wanneer de actie geen URL-navigatie is maar een JS-handeling triggert\n * (bijv. uitloggen, een modal openen of een sectie in/uitklappen).\n *\n * @example\n * ```tsx\n * // Basisgebruik\n * <MenuButton onClick={handleLogout}>Uitloggen</MenuButton>\n *\n * // Met icoon start\n * <MenuButton iconStart={<Icon name=\"settings\" aria-hidden />}>\n *   Instellingen\n * </MenuButton>\n *\n * // Met DotBadge (statusindicatie)\n * <MenuButton\n *   iconStart={<Icon name=\"bell\" aria-hidden />}\n *   dotBadge={<DotBadge variant=\"negative\" />}\n * >\n *   Meldingen\n *   <span className=\"dsn-visually-hidden\">, nieuwe meldingen beschikbaar</span>\n * </MenuButton>\n * ```\n */\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(\n  (\n    {\n      iconStart,\n      iconEnd,\n      dotBadge,\n      className,\n      children,\n      type = 'button',\n      ...props\n    },\n    ref\n  ) => {\n    const liClasses = classNames('dsn-menu-button', className);\n\n    return (\n      <li className={liClasses}>\n        <button\n          ref={ref}\n          type={type}\n          className=\"dsn-menu-button__button\"\n          {...props}\n        >\n          {iconStart}\n          <span className=\"dsn-menu-button__label\">\n            {children}\n            {dotBadge}\n          </span>\n          {iconEnd}\n        </button>\n      </li>\n    );\n  }\n);\n\nMenuButton.displayName = 'MenuButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,aAAa,MAAM,YAE5B,EACE,WACA,SACA,UACA,WACA,UACA,OAAO,UACP,GAAG,SAEL,QACG;CACH,MAAM,YAAY,WAAW,mBAAmB,SAAS;CAEzD,OACE,oBAAC,MAAD;EAAI,WAAW;EACb,UAAA,qBAAC,UAAD;GACO;GACC;GACN,WAAU;GACV,GAAI;GAJN,UAAA;IAMG;IACD,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,UACA,QACG;;IACL;GACK;;CACN,CAAA;AAER,CACF;AAEA,WAAW,cAAc"}

package/dist/MenuButton/index.d.mts

@@ -0,0 +1,2 @@
+import { MenuButton, MenuButtonProps } from "./MenuButton.mjs";
+export { MenuButton, MenuButtonProps };

package/dist/MenuLink/MenuLink.d.mts

@@ -0,0 +1,98 @@
+import React from "react";
+//#region src/MenuLink/MenuLink.d.ts
+type MenuLinkLevel = 1 | 2 | 3 | 4;
+interface MenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  /**
+   * Navigatie-URL van de link
+   */
+  href?: string;
+  /**
+   * Hiërarchisch niveau — bepaalt de `padding-inline-start` inspringing
+   * @default 1
+   */
+  level?: MenuLinkLevel;
+  /**
+   * Markeert de actieve/huidige pagina.
+   * Voegt `aria-current="page"` toe aan het `<a>`-element.
+   * @default false
+   */
+  current?: boolean;
+  /**
+   * Icoon links van het label
+   */
+  iconStart?: React.ReactNode;
+  /**
+   * Icoon rechts van het label — gebruik hier bij voorkeur geen NumberBadge (zie `numberBadge`)
+   */
+  iconEnd?: React.ReactNode;
+  /**
+   * NumberBadge element rechts van het label (naast iconEnd)
+   * Verwacht een `<NumberBadge>` component.
+   */
+  numberBadge?: React.ReactNode;
+  /**
+   * Toont een uitklapknop naast de link (voor subnavigatie).
+   * @default false
+   */
+  subItems?: boolean;
+  /**
+   * Geeft aan of de subnavigatie momenteel uitgevouwen is.
+   * Alleen relevant wanneer `subItems` true is.
+   * @default false
+   */
+  expanded?: boolean;
+  /**
+   * Callback die aangeroepen wordt wanneer op de uitklapknop geklikt wordt.
+   */
+  onExpandToggle?: () => void;
+  /**
+   * Zichtbare linktekst — ook gebruikt voor de toegankelijke naam van de uitklapknop
+   */
+  children?: React.ReactNode;
+  /**
+   * Aanvullende CSS-klassen voor het `<li>`-element
+   */
+  className?: string;
+}
+/**
+ * MenuLink component
+ * Navigatielink met niveau-hiërarchie, actieve staat en uitklapbare subnavigatie.
+ * Semantisch een `<a>`, visueel consistent met MenuButton.
+ *
+ * Gebruik in een `<ul>`-element (het `<nav>`-element met lijst).
+ *
+ * @example
+ * ```tsx
+ * // Basisgebruik (level 1)
+ * <MenuLink href="/dashboard">Dashboard</MenuLink>
+ *
+ * // Actieve pagina
+ * <MenuLink href="/rapporten" current>Rapporten</MenuLink>
+ *
+ * // Level 2 (subpagina)
+ * <MenuLink href="/rapporten/maandelijks" level={2}>Maandelijks</MenuLink>
+ *
+ * // Met icoon en NumberBadge
+ * <MenuLink
+ *   href="/inbox"
+ *   iconStart={<Icon name="mail" aria-hidden />}
+ *   numberBadge={<NumberBadge variant="negative">5</NumberBadge>}
+ * >
+ *   Inbox
+ * </MenuLink>
+ *
+ * // Met uitklapknop
+ * <MenuLink
+ *   href="/rapporten"
+ *   subItems
+ *   expanded={isExpanded}
+ *   onExpandToggle={() => setIsExpanded(!isExpanded)}
+ * >
+ *   Rapporten
+ * </MenuLink>
+ * ```
+ */
+declare const MenuLink: React.ForwardRefExoticComponent<MenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { MenuLink, MenuLinkLevel, MenuLinkProps };
+//# sourceMappingURL=MenuLink.d.mts.map

package/dist/MenuLink/MenuLink.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLink.d.mts","names":[],"sources":["../../src/MenuLink/MenuLink.tsx"],"mappings":";;KAKY;UAEK,sBAAsB,MAAM,qBAAqB;;;;EAIhE;;;;;EAMA,QAAQ;;;;;;EAOR;;;;EAKA,YAAY,MAAM;;;;EAKlB,UAAU,MAAM;;;;;EAMhB,cAAc,MAAM;;;;;EAMpB;;;;;;EAOA;;;;EAKA;;;;EAKA,WAAW,MAAM;;;;EAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyCW,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}