@telia/teddy 0.3.2 → 0.3.3

package/dist/components/modal/modal-group.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import { Flex } from "../flex/flex.js";
+import clsx from "clsx";
+import { s as styles } from "../../modal.module-DuP4in7f.js";
+import { RootContext, rootClassName } from "./modal-root.js";
+const GroupContext = React__default.createContext(false);
+const Group = React__default.forwardRef(
+  ({ className, variant, ...props }, forwardedRef) => {
+    const strollerRef = React__default.useContext(RootContext).scrollRef;
+    const [isOverflowing, setIsOverflowing] = React__default.useState(false);
+    useEffect(() => {
+      if (strollerRef == null ? void 0 : strollerRef.current) {
+        const hasOverflow = strollerRef.current.scrollHeight > strollerRef.current.clientHeight;
+        setIsOverflowing(hasOverflow);
+      }
+    }, [strollerRef]);
+    const classes = clsx(
+      [styles[`${rootClassName}__group`]],
+      {
+        [styles[`${rootClassName}__group--action`]]: variant === "action",
+        [styles[`${rootClassName}__group--title`]]: variant === "title",
+        [styles[`${rootClassName}__group--scroll`]]: isOverflowing
+      },
+      className
+    );
+    return /* @__PURE__ */ jsx(GroupContext.Provider, { value: true, children: /* @__PURE__ */ jsx(
+      Flex,
+      {
+        ...variant === "action" ? {
+          gap: "200",
+          justify: { md: "end" },
+          align: { sm: "stretch", md: "end" },
+          direction: { sm: "column-reverse", md: "row" }
+        } : { direction: "column" },
+        ref: forwardedRef,
+        ...props,
+        className: classes
+      }
+    ) });
+  }
+);
+Group.displayName = "Group";
+export {
+  Group,
+  GroupContext
+};

package/dist/components/modal/modal-image.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const modal_module = require("../../modal.module-BfeNqXoN.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+const components_modal_modalRoot = require("./modal-root.cjs");
+const Image = React.forwardRef(({ asChild, ...props }, forwardedRef) => {
+  const classes = clsx([modal_module.styles[`${components_modal_modalRoot.rootClassName}__image`]], props.className);
+  const context = React.useContext(components_modal_modalRoot.RootContext);
+  const Comp = asChild ? reactSlot.Slot : "img";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, className: classes, ref: utils_composeRefs.composeRefs(context.imageRef, forwardedRef) });
+});
+Image.displayName = "Image";
+exports.Image = Image;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+type ImageProps = React.ComponentPropsWithoutRef<'img'> & {
+    asChild?: boolean;
+};
+declare const Image: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLImageElement>>;
+export { Image };
+export type { ImageProps };

package/dist/components/modal/modal-image.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { s as styles } from "../../modal.module-DuP4in7f.js";
+import { Slot } from "@radix-ui/react-slot";
+import { composeRefs } from "../../utils/composeRefs.js";
+import { rootClassName, RootContext } from "./modal-root.js";
+const Image = React__default.forwardRef(({ asChild, ...props }, forwardedRef) => {
+  const classes = clsx([styles[`${rootClassName}__image`]], props.className);
+  const context = React__default.useContext(RootContext);
+  const Comp = asChild ? Slot : "img";
+  return /* @__PURE__ */ jsx(Comp, { ...props, className: classes, ref: composeRefs(context.imageRef, forwardedRef) });
+});
+Image.displayName = "Image";
+export {
+  Image
+};

package/dist/components/modal/modal-overlay.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const clsx = require("clsx");
+const modal_module = require("../../modal.module-BfeNqXoN.cjs");
+const components_modal_modalRoot = require("./modal-root.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const OverlayContext = React.createContext(false);
+const Overlay = React.forwardRef(
+  ({ className, forceMount, container, ...rest }, forwardedRef) => {
+    const classes = clsx([modal_module.styles[`${components_modal_modalRoot.rootClassName}__overlay`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(OverlayContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Portal, { container, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Overlay, { className: classes, ref: forwardedRef, ...rest }) }) });
+  }
+);
+Overlay.displayName = "Overlay";
+exports.Overlay = Overlay;
+exports.OverlayContext = OverlayContext;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const OverlayContext: React.Context<boolean>;
+type OverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {
+    container?: React.ComponentProps<typeof DialogPrimitive.Portal>['container'];
+};
+declare const Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: React.ComponentProps<typeof DialogPrimitive.Portal>['container'];
+} & React.RefAttributes<HTMLDivElement>>;
+export { Overlay };
+export type { OverlayProps };

package/dist/components/modal/modal-overlay.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import clsx from "clsx";
+import { s as styles } from "../../modal.module-DuP4in7f.js";
+import { rootClassName } from "./modal-root.js";
+const OverlayContext = React__default.createContext(false);
+const Overlay = React__default.forwardRef(
+  ({ className, forceMount, container, ...rest }, forwardedRef) => {
+    const classes = clsx([styles[`${rootClassName}__overlay`]], className);
+    return /* @__PURE__ */ jsx(OverlayContext.Provider, { value: true, children: /* @__PURE__ */ jsx(DrawerPrimitive.Portal, { container, forceMount, children: /* @__PURE__ */ jsx(DrawerPrimitive.Overlay, { className: classes, ref: forwardedRef, ...rest }) }) });
+  }
+);
+Overlay.displayName = "Overlay";
+export {
+  Overlay,
+  OverlayContext
+};

package/dist/components/modal/modal-root.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const rootClassName = "teddy-modal";
+const RootContext = React.createContext({
+  imageRef: null,
+  actionGroupRef: null,
+  scrollRef: null
+});
+const Root = (props) => {
+  const imageRef = React.useRef(null);
+  const actionGroupRef = React.useRef(null);
+  const scrollRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { imageRef, actionGroupRef, scrollRef }, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Root, { ...props, modal: true }) });
+};
+Root.displayName = "Root";
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.rootClassName = rootClassName;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Image } from './modal-image';
+import { Group } from './modal-group';
+import { Flex } from '../flex';
+
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const rootClassName = "teddy-modal";
+export declare const RootContext: React.Context<{
+    imageRef: React.RefObject<React.ElementRef<typeof Image>> | null;
+    actionGroupRef: React.RefObject<React.ElementRef<typeof Group>> | null;
+    scrollRef: React.RefObject<React.ElementRef<typeof Flex>> | null;
+}>;
+type RootProps = Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>, 'modal'>;
+declare const Root: React.FC<RootProps>;
+export { Root };
+export type { RootProps };

package/dist/components/modal/modal-root.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+const rootClassName = "teddy-modal";
+const RootContext = React__default.createContext({
+  imageRef: null,
+  actionGroupRef: null,
+  scrollRef: null
+});
+const Root = (props) => {
+  const imageRef = React__default.useRef(null);
+  const actionGroupRef = React__default.useRef(null);
+  const scrollRef = React__default.useRef(null);
+  return /* @__PURE__ */ jsx(RootContext.Provider, { value: { imageRef, actionGroupRef, scrollRef }, children: /* @__PURE__ */ jsx(DrawerPrimitive.Root, { ...props, modal: true }) });
+};
+Root.displayName = "Root";
+export {
+  Root,
+  RootContext,
+  rootClassName
+};

package/dist/components/modal/modal-title.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_modal_modalGroup = require("./modal-group.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const TitleInner = React.forwardRef(function TitleInner2({ as = "h2", ...props }, forwardedRef) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    components_heading_heading.Heading,
+    {
+      variant: "title-200",
+      ...props,
+      ...!props.asChild ? { as, asChild: false } : { as: void 0, asChild: true },
+      ref: forwardedRef
+    }
+  ) });
+});
+TitleInner.displayName = "TitleInner";
+const Title = React.forwardRef((props, forwardedRef) => {
+  const isInsideGroup = React.useContext(components_modal_modalGroup.GroupContext);
+  if (!isInsideGroup) {
+    return /* @__PURE__ */ jsxRuntime.jsx(components_modal_modalGroup.Group, { variant: "title", children: /* @__PURE__ */ jsxRuntime.jsx(TitleInner, { ...props, ref: forwardedRef }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TitleInner, { ...props, ref: forwardedRef });
+});
+Title.displayName = "Title";
+exports.Title = Title;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { HeadingProps } from '../heading';
+
+type TitleProps = HeadingProps['Root'];
+declare const Title: React.ForwardRefExoticComponent<({
+    enableHyphenation?: boolean | undefined;
+    variant?: "title-100" | "title-200" | "title-300" | "title-400" | "title-500" | "title-600" | "title-700" | "subsection-100" | "display-25" | "display-50" | "display-100" | "display-200" | undefined;
+} & import('../../utils/generate-styling/flex').FlexChildren & (import('../../utils/generate-styling/grid').GridChildren & (import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & (import('../../utils/generate-styling/radius').RadiusProps & (import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & (import('../../utils/generate-styling/width').WidthProps & (import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & ({
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & (({
+    asChild: true;
+    as?: undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">)))))))))) & React.RefAttributes<HTMLHeadingElement>>;
+export { Title };
+export type { TitleProps };

package/dist/components/modal/modal-title.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import { Heading } from "../heading/heading.js";
+import { GroupContext, Group } from "./modal-group.js";
+const TitleInner = React__default.forwardRef(function TitleInner2({ as = "h2", ...props }, forwardedRef) {
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Title, { asChild: true, children: /* @__PURE__ */ jsx(
+    Heading,
+    {
+      variant: "title-200",
+      ...props,
+      ...!props.asChild ? { as, asChild: false } : { as: void 0, asChild: true },
+      ref: forwardedRef
+    }
+  ) });
+});
+TitleInner.displayName = "TitleInner";
+const Title = React__default.forwardRef((props, forwardedRef) => {
+  const isInsideGroup = React__default.useContext(GroupContext);
+  if (!isInsideGroup) {
+    return /* @__PURE__ */ jsx(Group, { variant: "title", children: /* @__PURE__ */ jsx(TitleInner, { ...props, ref: forwardedRef }) });
+  }
+  return /* @__PURE__ */ jsx(TitleInner, { ...props, ref: forwardedRef });
+});
+Title.displayName = "Title";
+export {
+  Title
+};

package/dist/components/modal/modal-trigger.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
+const Trigger = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
+);
+Trigger.displayName = "Trigger";
+exports.Trigger = Trigger;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+type TriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>, 'asChild' | 'children'> & {
+    /**
+     * This component requires a `children` prop which should be a `Button` component.
+     * The `asChild` prop is set to `true` for the underlying `DialogPrimitive.Trigger`,
+     * so the `children` must be a valid React element, specifically a `Button`.
+     */
+    children: React.ReactElement;
+};
+declare const Trigger: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "asChild"> & {
+    /**
+     * This component requires a `children` prop which should be a `Button` component.
+     * The `asChild` prop is set to `true` for the underlying `DialogPrimitive.Trigger`,
+     * so the `children` must be a valid React element, specifically a `Button`.
+     */
+    children: React.ReactElement;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Trigger };
+export type { TriggerProps };

package/dist/components/modal/modal-trigger.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+const Trigger = React__default.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
+);
+Trigger.displayName = "Trigger";
+export {
+  Trigger
+};

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { g } from "../../radio-card-group/radio-card-group-item-title.js";
+import { h } from "../../radio-card-group/radio-card-group-item-title.js";
 import "./utils.js";
 import "../../box/box.js";
 export {
-  g as DesktopSimplified
+  h as DesktopSimplified
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { h } from "../../radio-card-group/radio-card-group-item-title.js";
+import { i } from "../../radio-card-group/radio-card-group-item-title.js";
 import "clsx";
 import "../../flex/flex.js";
 import "../../box/box.js";
 import "../../../assets/sprite.1321fab0-teddy.svg";
 import "../../icon/icon.js";
 export {
-  h as MobileSimplified
+  i as MobileSimplified
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { H, f } from "../../radio-card-group/radio-card-group-item-title.js";
+import { H, g } from "../../radio-card-group/radio-card-group-item-title.js";
 import "clsx";
 import "../../flex/flex.js";
 import "../../box/box.js";
@@ -14,5 +14,5 @@ import "../../list/index.js";
 import "../../heading/heading.js";
 export {
   H as HighlightedLinks,
-  f as Mobile
+  g as Mobile
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../drawer/index.js";
-import { b } from "../../radio-card-group/radio-card-group-item-title.js";
+import { c } from "../../radio-card-group/radio-card-group-item-title.js";
 import "../../../assets/sprite.1321fab0-teddy.svg";
 import "../../icon/icon.js";
 import "../../button/button.js";
@@ -11,5 +11,5 @@ import "../../text-spacing/text-spacing.js";
 import "../../tabs/index.js";
 import "./utils.js";
 export {
-  b as MyPages
+  c as MyPages
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-root.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "clsx";
-import { k, j, i } from "../../radio-card-group/radio-card-group-item-title.js";
+import { l, k, j } from "../../radio-card-group/radio-card-group-item-title.js";
 import "./utils.js";
 import "../../box/box.js";
 export {
-  k as Root,
-  j as RootContext,
-  i as rootClassName
+  l as Root,
+  k as RootContext,
+  j as rootClassName
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js

@@ -4,7 +4,7 @@ import "../../../assets/sprite.1321fab0-teddy.svg";
 import "../../icon/icon.js";
 import "../../text-field/index.js";
 import "../../../utils/composeRefs.js";
-import { c } from "../../radio-card-group/radio-card-group-item-title.js";
+import { d } from "../../radio-card-group/radio-card-group-item-title.js";
 export {
-  c as SearchField
+  d as SearchField
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-search.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../../drawer/index.js";
-import { d } from "../../radio-card-group/radio-card-group-item-title.js";
+import { e } from "../../radio-card-group/radio-card-group-item-title.js";
 import "../../../assets/sprite.1321fab0-teddy.svg";
 import "../../icon/icon.js";
 import "../../button/button.js";
 export {
-  d as Search
+  e as Search
 };

package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "clsx";
 import "react";
 import "../../drawer/index.js";
-import { e } from "../../radio-card-group/radio-card-group-item-title.js";
+import { f } from "../../radio-card-group/radio-card-group-item-title.js";
 import "../../../assets/sprite.1321fab0-teddy.svg";
 import "../../icon/icon.js";
 import "../../button/button.js";
@@ -10,5 +10,5 @@ import "../../badge/badge.js";
 import "../../badge/alert-badge.js";
 import "../../badge/counter-badge.js";
 export {
-  e as ShoppingCart
+  f as ShoppingCart
 };

package/dist/components/notabene/index.cjs

@@ -5,7 +5,11 @@ const components_notabene_notabeneHeading = require("./notabene-heading.cjs");
 const components_notabene_notabeneIcon = require("./notabene-icon.cjs");
 const components_notabene_notabeneRoot = require("./notabene-root.cjs");
 const Notabene = components_notabene_notabeneRoot.Root;
+Notabene.displayName = "Notabene";
 Notabene.Content = components_notabene_notabene_content.Content;
+Notabene.Content.displayName = "Notabene.Content";
 Notabene.Heading = components_notabene_notabeneHeading.Heading;
+Notabene.Heading.displayName = "Notabene.Heading";
 Notabene.Icon = components_notabene_notabeneIcon.Icon;
+Notabene.Icon.displayName = "Notabene.Icon";
 exports.Notabene = Notabene;

package/dist/components/notabene/index.js

@@ -3,9 +3,13 @@ import { Heading } from "./notabene-heading.js";
 import { Icon } from "./notabene-icon.js";
 import { Root } from "./notabene-root.js";
 const Notabene = Root;
+Notabene.displayName = "Notabene";
 Notabene.Content = Content;
+Notabene.Content.displayName = "Notabene.Content";
 Notabene.Heading = Heading;
+Notabene.Heading.displayName = "Notabene.Heading";
 Notabene.Icon = Icon;
+Notabene.Icon.displayName = "Notabene.Icon";
 export {
   Notabene
 };

package/dist/components/notification/index.cjs

@@ -7,9 +7,15 @@ const components_notification_notificationRoot = require("./notification-root.cj
 const components_notification_notificationText = require("./notification-text.cjs");
 const components_notification_notificationFooter = require("./notification-footer.cjs");
 const Notification = components_notification_notificationRoot.Root;
+Notification.displayName = "Notification";
 Notification.Text = components_notification_notificationText.Text;
+Notification.Text.displayName = "Notification.Text";
 Notification.Heading = components_notification_notificationHeading.Heading;
+Notification.Heading.displayName = "Notification.Heading";
 Notification.Footer = components_notification_notificationFooter.Footer;
+Notification.Footer.displayName = "Notification.Footer";
 Notification.Icon = components_notification_notificationIcon.Icon;
+Notification.Icon.displayName = "Notification.Icon";
 Notification.Dismiss = components_notification_notificationDismiss.Dismiss;
+Notification.Dismiss.displayName = "Notification.Dismiss";
 exports.Notification = Notification;

package/dist/components/notification/index.js

@@ -5,11 +5,17 @@ import { Root } from "./notification-root.js";
 import { Text } from "./notification-text.js";
 import { Footer } from "./notification-footer.js";
 const Notification = Root;
+Notification.displayName = "Notification";
 Notification.Text = Text;
+Notification.Text.displayName = "Notification.Text";
 Notification.Heading = Heading;
+Notification.Heading.displayName = "Notification.Heading";
 Notification.Footer = Footer;
+Notification.Footer.displayName = "Notification.Footer";
 Notification.Icon = Icon;
+Notification.Icon.displayName = "Notification.Icon";
 Notification.Dismiss = Dismiss;
+Notification.Dismiss.displayName = "Notification.Dismiss";
 export {
   Notification
 };

package/dist/components/notification/notification-footer.cjs

@@ -14,5 +14,5 @@ const Footer = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, ref: forwardRef, className: classes });
   }
 );
-Footer.displayName = "Notification.Footer";
+Footer.displayName = "Footer";
 exports.Footer = Footer;

package/dist/components/notification/notification-footer.js

@@ -12,7 +12,7 @@ const Footer = React__default.forwardRef(
     return /* @__PURE__ */ jsx(Box, { ...props, ref: forwardRef, className: classes });
   }
 );
-Footer.displayName = "Notification.Footer";
+Footer.displayName = "Footer";
 export {
   Footer
 };