@telia/teddy 0.0.24 → 0.0.26

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -0,0 +1,412 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+const components_visuallyHidden_visuallyHidden = require("../visually-hidden/visually-hidden.cjs");
+const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+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 NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
+const enterFromLeft = "_enterFromLeft_959s3_1";
+const enterFromRight = "_enterFromRight_959s3_1";
+const exitToLeft = "_exitToLeft_959s3_1";
+const exitToRight = "_exitToRight_959s3_1";
+const scaleIn = "_scaleIn_959s3_1";
+const scaleOut = "_scaleOut_959s3_1";
+const styles = {
+  "teddy-navigation-menu": "_teddy-navigation-menu_959s3_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_959s3_33",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_959s3_36",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_959s3_55",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_959s3_75",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_959s3_92",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_959s3_97",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_959s3_169",
+  enterFromLeft,
+  enterFromRight,
+  exitToLeft,
+  exitToRight,
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_959s3_213",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_959s3_231",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_959s3_236",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_959s3_301",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_959s3_319",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_959s3_324",
+  scaleIn,
+  scaleOut
+};
+const rootClassName = "teddy-navigation-menu";
+const NavigationMenuContext = React.createContext({
+  selectedTopMenu: void 0,
+  setSelectedTopMenu: () => {
+  },
+  contentRef: { current: null },
+  focusProxyRef: { current: null },
+  topMenuRef: { current: null },
+  id: "",
+  dir: "ltr",
+  orientation: "horizontal",
+  onEntryKeyDown: () => {
+  },
+  onFocusProxyEnter: () => {
+  },
+  onContentFocusOutside: () => {
+  }
+});
+const Root = React.forwardRef(
+  ({ className, defaultTopMenuValue, ...props }, forwardRef) => {
+    const [selectedTopMenu, setSelectedTopMenu] = React.useState(defaultTopMenuValue);
+    const contentRef = React.useRef(null);
+    const restoreContentTabOrderRef = React.useRef(() => {
+    });
+    const focusProxyRef = React.useRef(null);
+    const topMenuRef = React.useRef(null);
+    const id = React.useId();
+    const handleContentEntry = React.useCallback((side = "start") => {
+      if (contentRef.current) {
+        restoreContentTabOrderRef.current();
+        const candidates = getTabbableCandidates(contentRef.current);
+        if (candidates.length)
+          focusFirst(side === "start" ? candidates : candidates.reverse());
+      }
+    }, []);
+    const handleContentExit = React.useCallback(() => {
+      if (contentRef.current) {
+        const candidates = getTabbableCandidates(contentRef.current);
+        if (candidates.length)
+          restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
+      }
+    }, []);
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuContext.Provider,
+      {
+        value: {
+          contentRef,
+          focusProxyRef,
+          topMenuRef,
+          id,
+          dir: props.dir || "ltr",
+          orientation: props.orientation || "horizontal",
+          onEntryKeyDown: handleContentEntry,
+          onFocusProxyEnter: handleContentEntry,
+          onContentFocusOutside: handleContentExit,
+          selectedTopMenu,
+          setSelectedTopMenu
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes })
+      }
+    );
+  }
+);
+Root.displayName = "NavigationMenu";
+const TopMenuList = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__top-menu-list`]], className);
+    const context = React.useContext(NavigationMenuContext);
+    const ref = utils_composeRefs.useComposedRefs(context.topMenuRef, forwardRef);
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...props, ref, className: classes });
+  }
+);
+TopMenuList.displayName = "NavigationMenu.TopMenuList";
+const TopMenuItem = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__top-menu-item`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { ...props, ref: forwardRef, className: classes });
+  }
+);
+const TopMenuTrigger = React.forwardRef(
+  ({ className, asChild, active, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}__top-menu-trigger`], styles[`${rootClassName}__top-menu-trigger--small`]],
+      className
+    );
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const context = React.useContext(NavigationMenuContext);
+    const innerRef = React.useRef(null);
+    const ref = utils_composeRefs.useComposedRefs(innerRef, forwardRef);
+    const isOpen = context.selectedTopMenu === props.value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Comp,
+        {
+          ...props,
+          ref,
+          className: classes,
+          "data-state": isOpen ? "open" : "closed",
+          "data-active": active ? "true" : void 0,
+          "aria-expanded": isOpen,
+          "aria-controls": makeContentId({ value: props.value, baseId: context.id }),
+          ...{ [ITEM_DATA_ATTR]: "" },
+          onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, () => {
+            context.setSelectedTopMenu(props.value);
+          }),
+          onKeyDown: utils_composeEventHandlers.composeEventHandlers(props.onKeyDown, (event) => {
+            var _a;
+            const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
+            const entryKey = { horizontal: "ArrowDown", vertical: verticalEntryKey }[context.orientation];
+            if (isOpen && event.key === entryKey) {
+              context.onEntryKeyDown();
+              return event.preventDefault();
+            }
+            const isFocusNavigationKey = ["Home", "End", ...ARROW_KEYS].includes(event.key);
+            if (isFocusNavigationKey) {
+              const triggers = (_a = context.topMenuRef.current) == null ? void 0 : _a.querySelectorAll(`[${ITEM_DATA_ATTR}]`);
+              if (!triggers)
+                return;
+              let candidateNodes = Array.from(triggers == null ? void 0 : triggers.values());
+              const prevItemKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
+              const prevKeys = [prevItemKey, "ArrowUp", "End"];
+              if (prevKeys.includes(event.key))
+                candidateNodes.reverse();
+              if (ARROW_KEYS.includes(event.key)) {
+                const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                candidateNodes = candidateNodes.slice(currentIndex + 1);
+                focusFirst(candidateNodes);
+                event.preventDefault();
+              }
+            }
+          })
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+        components_visuallyHidden_visuallyHidden.VisuallyHidden,
+        {
+          "aria-hidden": true,
+          tabIndex: 0,
+          ref: context.focusProxyRef,
+          onFocus: (event) => {
+            const content = context.contentRef.current;
+            const prevFocusedElement = event.relatedTarget;
+            const wasTriggerFocused = prevFocusedElement === innerRef.current;
+            const wasFocusFromContent = content == null ? void 0 : content.contains(prevFocusedElement);
+            if (wasTriggerFocused || !wasFocusFromContent) {
+              context.onFocusProxyEnter(wasTriggerFocused ? "start" : "end");
+            }
+          }
+        }
+      )
+    ] });
+  }
+);
+const List = React.forwardRef(
+  ({ className, variant, value, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__list`]], [styles[`${rootClassName}__list--${variant}`]], className);
+    const context = React.useContext(NavigationMenuContext);
+    const refOnOpen = utils_composeRefs.useComposedRefs(context.contentRef, forwardRef);
+    const hasTopMenu = context.selectedTopMenu !== void 0;
+    const isOpen = context.selectedTopMenu === value;
+    if (!isOpen)
+      return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.List,
+      {
+        ref: hasTopMenu ? refOnOpen : forwardRef,
+        id: value && makeContentId({ value, baseId: context.id }),
+        ...props,
+        onKeyDown: utils_composeEventHandlers.composeEventHandlers(props.onKeyDown, (event) => {
+          var _a;
+          if (!value)
+            return;
+          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+          const isTabKey = event.key === "Tab" && !isMetaKey;
+          if (isTabKey) {
+            const candidates = getTabbableCandidates(event.currentTarget);
+            const focusedElement = document.activeElement;
+            const index = candidates.findIndex((candidate) => candidate === focusedElement);
+            const isMovingBackwards = event.shiftKey;
+            const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
+            if (focusFirst(nextCandidates)) {
+              event.preventDefault();
+            } else {
+              (_a = context.focusProxyRef.current) == null ? void 0 : _a.focus();
+              context.onContentFocusOutside();
+            }
+          }
+        }),
+        className: classes
+      }
+    );
+  }
+);
+List.displayName = "NavigationMenu.List";
+const Item = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__item`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Item, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Item.displayName = "NavigationMenu.Item";
+const Trigger = React.forwardRef(
+  ({ className, active, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}__trigger`]],
+      [styles[`${rootClassName}__trigger--${variant}`]],
+      className
+    );
+    const innerRef = React.useRef(null);
+    const ref = utils_composeRefs.useComposedRefs(forwardRef, innerRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Trigger,
+      {
+        onPointerEnter: (e) => e.preventDefault(),
+        onPointerMove: (e) => e.preventDefault(),
+        onPointerLeave: (e) => e.preventDefault(),
+        ...props,
+        ref,
+        "data-active": active ? "true" : void 0,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Trigger.displayName = "NavigationMenu.Trigger";
+const Content = React.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}__content`]],
+      [styles[`${rootClassName}__content--${variant}`]],
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Content,
+      {
+        onPointerEnter: (e) => e.preventDefault(),
+        onPointerLeave: (e) => e.preventDefault(),
+        ...props,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+const Link = React.forwardRef(
+  ({ className, variant = "default", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__link`]], [styles[`${rootClassName}__link--${variant}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuPrimitive__namespace.Link,
+      {
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        "data-text": getLabelFromChildren(props.children)
+      }
+    );
+  }
+);
+Link.displayName = "NavigationMenu.Link";
+const Indicator = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Indicator, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "NavigationMenu.Indicator";
+const Viewport = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__viewport`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Viewport, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Viewport.displayName = "NavigationMenu.Viewport";
+const Sub = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__sub`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPrimitive__namespace.Sub, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Sub.displayName = "NavigationMenu.Sub";
+function getLabelFromChildren(children) {
+  function findLabel(node) {
+    if (typeof node === "string") {
+      return node;
+    }
+    if (React.isValidElement(node) && node.props.children) {
+      return findLabel(node.props.children);
+    }
+    if (Array.isArray(node)) {
+      for (let i = node.length - 1; i >= 0; i--) {
+        const label = findLabel(node[i]);
+        if (label) {
+          return label;
+        }
+      }
+    }
+    return void 0;
+  }
+  return findLabel(children);
+}
+function getTabbableCandidates(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      if (node.disabled || node.hidden || isHiddenInput)
+        return NodeFilter.FILTER_SKIP;
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode())
+    nodes.push(walker.currentNode);
+  return nodes;
+}
+function focusFirst(candidates) {
+  const previouslyFocusedElement = document.activeElement;
+  return candidates.some((candidate) => {
+    if (candidate === previouslyFocusedElement)
+      return true;
+    candidate.focus();
+    return document.activeElement !== previouslyFocusedElement;
+  });
+}
+function removeFromTabOrder(candidates) {
+  candidates.forEach((candidate) => {
+    candidate.dataset.tabindex = candidate.getAttribute("tabindex") || "";
+    candidate.setAttribute("tabindex", "-1");
+  });
+  return () => {
+    candidates.forEach((candidate) => {
+      const prevTabIndex = candidate.dataset.tabindex;
+      candidate.setAttribute("tabindex", prevTabIndex);
+    });
+  };
+}
+const ITEM_DATA_ATTR = "data-teddy-top-selector-trigger";
+const ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
+function makeContentId(args) {
+  return `teddy-navigation-menu-${args.baseId}-${args.value}-content`;
+}
+const NavigationMenu = Object.assign(Root, {
+  List,
+  Item,
+  Trigger,
+  Content,
+  Link,
+  Indicator,
+  Viewport,
+  Sub,
+  TopMenuList,
+  TopMenuItem,
+  TopMenuTrigger
+});
+exports.NavigationMenu = NavigationMenu;

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

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

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

@@ -5,31 +5,32 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { useComposedRefs } from "../../utils/composeRefs.js";
 import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
-const enterFromLeft = "_enterFromLeft_139wf_1";
-const enterFromRight = "_enterFromRight_139wf_1";
-const exitToLeft = "_exitToLeft_139wf_1";
-const exitToRight = "_exitToRight_139wf_1";
-const scaleIn = "_scaleIn_139wf_1";
-const scaleOut = "_scaleOut_139wf_1";
+import { Slot } from "@radix-ui/react-slot";
+const enterFromLeft = "_enterFromLeft_959s3_1";
+const enterFromRight = "_enterFromRight_959s3_1";
+const exitToLeft = "_exitToLeft_959s3_1";
+const exitToRight = "_exitToRight_959s3_1";
+const scaleIn = "_scaleIn_959s3_1";
+const scaleOut = "_scaleOut_959s3_1";
 const styles = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_139wf_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_139wf_33",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_139wf_36",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_139wf_55",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_139wf_75",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_139wf_93",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_139wf_98",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_139wf_163",
+  "teddy-navigation-menu": "_teddy-navigation-menu_959s3_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_959s3_33",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_959s3_36",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_959s3_55",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_959s3_75",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_959s3_92",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_959s3_97",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_959s3_169",
   enterFromLeft,
   enterFromRight,
   exitToLeft,
   exitToRight,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_139wf_208",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_139wf_226",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_139wf_231",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_139wf_296",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_139wf_314",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_139wf_319",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_959s3_213",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_959s3_231",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_959s3_236",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_959s3_301",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_959s3_319",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_959s3_324",
   scaleIn,
   scaleOut
 };
@@ -114,18 +115,19 @@ const TopMenuItem = React__default.forwardRef(
   }
 );
 const TopMenuTrigger = React__default.forwardRef(
-  ({ className, active, ...props }, forwardRef) => {
+  ({ className, asChild, active, ...props }, forwardRef) => {
     const classes = clsx(
       [styles[`${rootClassName}__top-menu-trigger`], styles[`${rootClassName}__top-menu-trigger--small`]],
       className
     );
+    const Comp = asChild ? Slot : "button";
     const context = React__default.useContext(NavigationMenuContext);
     const innerRef = React__default.useRef(null);
     const ref = useComposedRefs(innerRef, forwardRef);
     const isOpen = context.selectedTopMenu === props.value;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Comp,
         {
           ...props,
           ref,

package/dist/components/notification/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_notification_notification = require("./notification.cjs");
+exports.Notification = components_notification_notification.Notification;

package/dist/components/notification/notification.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const Collapsible = require("@radix-ui/react-collapsible");
+const reactUseControllableState = require("@radix-ui/react-use-controllable-state");
+const components_text_text = require("../text/text.cjs");
+const components_button_button = require("../button/button.cjs");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_card_card = require("../card/card.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 Collapsible__namespace = /* @__PURE__ */ _interopNamespaceDefault(Collapsible);
+const styles = {
+  "teddy-notification": "_teddy-notification_1ref8_3",
+  "teddy-notification__dismiss": "_teddy-notification__dismiss_1ref8_12",
+  "teddy-notification--success": "_teddy-notification--success_1ref8_16",
+  "teddy-notification--warning": "_teddy-notification--warning_1ref8_21",
+  "teddy-notification--error": "_teddy-notification--error_1ref8_26",
+  "teddy-notification--information": "_teddy-notification--information_1ref8_31",
+  "teddy-notification__heading": "_teddy-notification__heading_1ref8_36",
+  "teddy-notification__icon": "_teddy-notification__icon_1ref8_41"
+};
+const rootClassName = "teddy-notification";
+const NotificationContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, open: openProp, defaultOpen, onOpenChange, variant, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], styles[`${rootClassName}--${variant}`], className);
+    const [open = true, setOpen] = reactUseControllableState.useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen,
+      onChange: onOpenChange
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(NotificationContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsxRuntime.jsx(Collapsible__namespace.Root, { open, onOpenChange: setOpen, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Collapsible__namespace.Content, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_card_card.Card, { variant: "white", as: void 0, bordered: true, ...props, ref: forwardRef, className: classes }) }) }) });
+  }
+);
+Root.displayName = "Notification";
+function getVariantIcon(variant) {
+  switch (variant) {
+    case "success":
+      return "check-circle-filled";
+    case "error":
+      return "error-filled";
+    case "warning":
+      return "alert-filled";
+    case "information":
+      return "info-filled";
+  }
+}
+const Icon = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__icon`]], className);
+    const context = React.useContext(NotificationContext);
+    const name = props.name || getVariantIcon(context == null ? void 0 : context.variant);
+    if (!name)
+      return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "md", ...props, name, ref: forwardRef, className: classes });
+  }
+);
+Icon.displayName = "Notification.Icon";
+const Heading = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__heading`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { ...props, variant: "subsection-100", asChild: false, ref: forwardRef, className: classes });
+  }
+);
+Heading.displayName = "Notification.Heading";
+const Text = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__text`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Text.displayName = "Notification.Text";
+const Dismiss = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__dismiss`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(Collapsible__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_button_button.Button,
+      {
+        iconOnly: true,
+        "aria-label": "Lukk",
+        variant: "tertiary-purple",
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        children: children || /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "close" })
+      }
+    ) });
+  }
+);
+Dismiss.displayName = "Notification.Dismiss";
+const Notification = Object.assign(Root, {
+  Text,
+  Heading,
+  Icon,
+  Dismiss
+});
+exports.Notification = Notification;

package/dist/components/notification/notification.js

@@ -10,14 +10,14 @@ import { Icon as Icon$1 } from "../icon/icon.js";
 import { Heading as Heading$1 } from "../heading/heading.js";
 import { Card } from "../card/card.js";
 const styles = {
-  "teddy-notification": "_teddy-notification_q80ka_3",
-  "teddy-notification__dismiss": "_teddy-notification__dismiss_q80ka_14",
-  "teddy-notification--success": "_teddy-notification--success_q80ka_18",
-  "teddy-notification--warning": "_teddy-notification--warning_q80ka_23",
-  "teddy-notification--error": "_teddy-notification--error_q80ka_28",
-  "teddy-notification--information": "_teddy-notification--information_q80ka_33",
-  "teddy-notification__heading": "_teddy-notification__heading_q80ka_38",
-  "teddy-notification__icon": "_teddy-notification__icon_q80ka_43"
+  "teddy-notification": "_teddy-notification_1ref8_3",
+  "teddy-notification__dismiss": "_teddy-notification__dismiss_1ref8_12",
+  "teddy-notification--success": "_teddy-notification--success_1ref8_16",
+  "teddy-notification--warning": "_teddy-notification--warning_1ref8_21",
+  "teddy-notification--error": "_teddy-notification--error_1ref8_26",
+  "teddy-notification--information": "_teddy-notification--information_1ref8_31",
+  "teddy-notification__heading": "_teddy-notification__heading_1ref8_36",
+  "teddy-notification__icon": "_teddy-notification__icon_1ref8_41"
 };
 const rootClassName = "teddy-notification";
 const NotificationContext = React__default.createContext(void 0);

package/dist/components/radio-group/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_radioGroup_radioGroup = require("./radio-group.cjs");
+exports.RadioGroup = components_radioGroup_radioGroup.RadioGroup;