@telia/teddy 0.0.15 → 0.0.16

package/dist/components/index.js

@@ -1,48 +1,53 @@
-import { A as e, B as t, C as p, M as x, N as f, T as a } from "../badge-Cnug5TzH.js";
-import { R as i } from "../radio-group-B--zT3OL.js";
-import { Box as d } from "./box/box.js";
-import { Flex as l } from "./flex/flex.js";
-import { Grid as T } from "./grid/grid.js";
-import { N as g } from "../navigation-menu-DKuyW8zE.js";
-import { Link as H } from "./link/link.js";
-import { Button as F } from "./button/button.js";
-import { FieldErrorText as I } from "./field-error-text/field-error-text.js";
-import { HelperText as A } from "./helper-text/helper-text.js";
-import { default as L } from "../assets/4bbd022cee9b0f06.svg";
-import { Icon as S } from "./icon/icon.js";
-import { Input as k, InputGroup as v } from "./input/input.js";
-import { Label as E } from "./label/label.js";
-import { Spinner as h } from "./spinner/spinner.js";
-import { Text as q } from "./text/text.js";
-import { TextField as z } from "./text-field/text-field.js";
-import { Heading as J } from "./heading/heading.js";
-import { VisuallyHidden as O } from "./visually-hidden/visually-hidden.js";
-import { TextSpacing as Q } from "./text-spacing/text-spacing.js";
+import { Modal } from "./modal/modal.js";
+import { Notification } from "./notification/notification.js";
+import { RadioGroup } from "./radio-group/radio-group.js";
+import { Box } from "./box/box.js";
+import { Flex } from "./flex/flex.js";
+import { Card } from "./card/card.js";
+import { Grid } from "./grid/grid.js";
+import { NavigationMenu } from "./navigation-menu/navigation-menu.js";
+import { Toggle } from "./toggle/toggle.js";
+import { Accordion } from "./accordion/accordion.js";
+import { Link } from "./link/link.js";
+import { Badge } from "./badge/badge.js";
+import { Button } from "./button/button.js";
+import { FieldErrorText } from "./field-error-text/field-error-text.js";
+import { HelperText } from "./helper-text/helper-text.js";
+import { default as default2 } from "../assets/4bbd022cee9b0f06.svg";
+import { Icon } from "./icon/icon.js";
+import { Input, InputGroup } from "./input/input.js";
+import { Label } from "./label/label.js";
+import { Spinner } from "./spinner/spinner.js";
+import { Text } from "./text/text.js";
+import { TextField } from "./text-field/text-field.js";
+import { Heading } from "./heading/heading.js";
+import { VisuallyHidden } from "./visually-hidden/visually-hidden.js";
+import { TextSpacing } from "./text-spacing/text-spacing.js";
 export {
-  e as Accordion,
-  t as Badge,
-  d as Box,
-  F as Button,
-  p as Card,
-  I as FieldErrorText,
-  l as Flex,
-  T as Grid,
-  J as Heading,
-  A as HelperText,
-  S as Icon,
-  k as Input,
-  v as InputGroup,
-  E as Label,
-  H as Link,
-  x as Modal,
-  g as NavigationMenu,
-  f as Notification,
-  i as RadioGroup,
-  h as Spinner,
-  q as Text,
-  z as TextField,
-  Q as TextSpacing,
-  a as Toggle,
-  O as VisuallyHidden,
-  L as iconsHref
+  Accordion,
+  Badge,
+  Box,
+  Button,
+  Card,
+  FieldErrorText,
+  Flex,
+  Grid,
+  Heading,
+  HelperText,
+  Icon,
+  Input,
+  InputGroup,
+  Label,
+  Link,
+  Modal,
+  NavigationMenu,
+  Notification,
+  RadioGroup,
+  Spinner,
+  Text,
+  TextField,
+  TextSpacing,
+  Toggle,
+  VisuallyHidden,
+  default2 as iconsHref
 };

package/dist/components/input/index.js

@@ -1,5 +1,5 @@
-import { Input as r, InputGroup as t } from "./input.js";
+import { Input, InputGroup } from "./input.js";
 export {
-  r as Input,
-  t as InputGroup
+  Input,
+  InputGroup
 };

package/dist/components/input/input.js

@@ -1,11 +1,12 @@
-import '../../assets/input.css';
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { c } from "../../clsx-DB4S2d7J.js";
-import a from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
 import "../../assets/4bbd022cee9b0f06.svg";
-import { Icon as x } from "../icon/icon.js";
-import { Spinner as A } from "../spinner/spinner.js";
-const C = "_fadeInAnimation_1o9uu_1", G = "_scaleInAnimation_1o9uu_1", s = {
+import { Icon } from "../icon/icon.js";
+import { Spinner } from "../spinner/spinner.js";
+const fadeInAnimation = "_fadeInAnimation_1o9uu_1";
+const scaleInAnimation = "_scaleInAnimation_1o9uu_1";
+const styles = {
   "teddy-input": "_teddy-input_1o9uu_17",
   "teddy-input__frame": "_teddy-input__frame_1o9uu_24",
   "teddy-input__input": "_teddy-input__input_1o9uu_31",
@@ -13,91 +14,103 @@ const C = "_fadeInAnimation_1o9uu_1", G = "_scaleInAnimation_1o9uu_1", s = {
   "teddy-input__input--invalid": "_teddy-input__input--invalid_1o9uu_66",
   "teddy-input__indicator": "_teddy-input__indicator_1o9uu_72",
   "teddy-input__input--error": "_teddy-input__input--error_1o9uu_75",
-  fadeInAnimation: C,
-  scaleInAnimation: G
-}, _ = "teddy-input";
-function P(n) {
-  const i = n == null ? void 0 : n.target;
-  if (i.closest("input, button, a"))
+  fadeInAnimation,
+  scaleInAnimation
+};
+const rootClassName = "teddy-input";
+function setCursorOnInput(e) {
+  const target = e == null ? void 0 : e.target;
+  if (target.closest("input, button, a"))
     return;
-  const t = [...n.currentTarget.getElementsByTagName("input")].find((d) => d);
-  if (!t)
+  const input = [...e.currentTarget.getElementsByTagName("input")].find((input2) => input2);
+  if (!input)
     return;
-  const u = (t.compareDocumentPosition(i) & Node.DOCUMENT_POSITION_PRECEDING) !== 0 ? 0 : t.value.length;
+  const position = input.compareDocumentPosition(target);
+  const targetIsBeforeInput = (position & Node.DOCUMENT_POSITION_PRECEDING) !== 0;
+  const cursorPosition = targetIsBeforeInput ? 0 : input.value.length;
   requestAnimationFrame(() => {
     try {
-      t.setSelectionRange(u, u);
+      input.setSelectionRange(cursorPosition, cursorPosition);
     } finally {
-      t.focus();
+      input.focus();
     }
   });
 }
-const v = a.createContext(void 0), p = a.forwardRef(
-  ({ className: n, children: i, ...t }, e) => {
-    const o = c([s[`${_}`]], n);
-    return /* @__PURE__ */ y("div", { ...t, onPointerDown: P, ref: e, className: o, children: [
-      /* @__PURE__ */ r(v.Provider, { value: !0, children: i }),
-      /* @__PURE__ */ r("div", { className: s[`${_}__frame`] })
+const InputGroupContext = React__default.createContext(void 0);
+const InputGroupRoot = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxs("div", { ...props, onPointerDown: setCursorOnInput, ref: forwardRef, className: classes, children: [
+      /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: true, children }),
+      /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__frame`] })
     ] });
   }
 );
-p.displayName = "InputGroup";
-const N = a.forwardRef(
-  ({ className: n, onValueChange: i, isLoading: t, validationState: e, ...o }, u) => {
-    const d = a.useContext(v), m = c(
+InputGroupRoot.displayName = "InputGroup";
+const Input = React__default.forwardRef(
+  ({ className, onValueChange, isLoading, validationState, ...props }, forwardRef) => {
+    const groupContext = React__default.useContext(InputGroupContext);
+    const classes = clsx(
       [
-        s[`${_}__input`],
+        styles[`${rootClassName}__input`],
         {
-          [s[`${_}__input--valid`]]: e === "valid",
-          [s[`${_}__input--error`]]: e === "invalid"
+          [styles[`${rootClassName}__input--valid`]]: validationState === "valid",
+          [styles[`${rootClassName}__input--error`]]: validationState === "invalid"
         }
       ],
-      n
-    ), g = d === !0;
-    function f(I) {
-      i == null || i(I.target.value), o.onChange && o.onChange(I);
+      className
+    );
+    const hasInputGroup = groupContext === true;
+    function onChange(e) {
+      onValueChange == null ? void 0 : onValueChange(e.target.value);
+      if (props.onChange)
+        props.onChange(e);
+    }
+    if (hasInputGroup) {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          "aria-invalid": validationState === "invalid",
+          ...props,
+          onChange,
+          className: classes,
+          ref: forwardRef
+        }
+      );
     }
-    return g ? /* @__PURE__ */ r(
-      "input",
-      {
-        "aria-invalid": e === "invalid",
-        ...o,
-        onChange: f,
-        className: m,
-        ref: u
-      }
-    ) : /* @__PURE__ */ y(p, { children: [
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ jsxs(InputGroupRoot, { children: [
+      /* @__PURE__ */ jsx(
         "input",
         {
-          "aria-invalid": e === "invalid",
-          ...o,
-          onChange: f,
-          className: m,
-          ref: u
+          "aria-invalid": validationState === "invalid",
+          ...props,
+          onChange,
+          className: classes,
+          ref: forwardRef
         }
       ),
-      /* @__PURE__ */ r(l, { isValid: e === "valid", isLoading: t })
+      /* @__PURE__ */ jsx(InputIndicator, { isValid: validationState === "valid", isLoading })
     ] });
   }
 );
-N.displayName = "Input";
-const l = a.forwardRef(
-  ({ className: n, isLoading: i, isValid: t, ...e }, o) => {
-    if (!t && !i)
+Input.displayName = "Input";
+const InputIndicator = React__default.forwardRef(
+  ({ className, isLoading, isValid, ...props }, forwardRef) => {
+    if (!isValid && !isLoading)
       return null;
-    if (!t && i)
-      return /* @__PURE__ */ r(A, { className: n, size: "xs", ...e, ref: o });
-    const u = c([s[`${_}__indicator`]], n);
-    return /* @__PURE__ */ r(x, { ...e, size: "md", name: "check-circle-filled", className: u, ref: o });
+    if (!isValid && isLoading) {
+      return /* @__PURE__ */ jsx(Spinner, { className, size: "xs", ...props, ref: forwardRef });
+    }
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsx(Icon, { ...props, size: "md", name: "check-circle-filled", className: classes, ref: forwardRef });
   }
 );
-l.displayName = "InputIndicator";
-const T = Object.assign(p, {
-  Input: N,
-  Indicator: l
+InputIndicator.displayName = "InputIndicator";
+const InputGroup = Object.assign(InputGroupRoot, {
+  Input,
+  Indicator: InputIndicator
 });
 export {
-  N as Input,
-  T as InputGroup
+  Input,
+  InputGroup
 };

package/dist/components/label/index.js

@@ -1,4 +1,4 @@
-import { Label as r } from "./label.js";
+import { Label } from "./label.js";
 export {
-  r as Label
+  Label
 };

package/dist/components/label/label.js

@@ -1,33 +1,27 @@
-import '../../assets/label.css';
-import { jsx as f } from "react/jsx-runtime";
-import { _ as b } from "../../index-DpfSJps6.js";
-import n, { forwardRef as i, createElement as m } from "react";
-import { $ as _ } from "../../index-DM5e-Whg.js";
-import { c as $ } from "../../clsx-DB4S2d7J.js";
-const u = /* @__PURE__ */ i((a, d) => /* @__PURE__ */ m(_.label, b({}, a, {
-  ref: d,
-  onMouseDown: (e) => {
-    var l;
-    (l = a.onMouseDown) === null || l === void 0 || l.call(a, e), !e.defaultPrevented && e.detail > 1 && e.preventDefault();
-  }
-}))), p = u, o = {
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import clsx from "clsx";
+import React__default from "react";
+const styles = {
   "teddy-label": "_teddy-label_1hc8e_1",
   "teddy-label--disabled": "_teddy-label--disabled_1hc8e_8",
   "teddy-label--required": "_teddy-label--required_1hc8e_12"
-}, r = "teddy-label", y = n.forwardRef(
-  ({ className: a, disabled: d, isRequired: e, children: l, ...t }, s) => {
-    const c = $(
-      [o[r]],
+};
+const rootClassName = "teddy-label";
+const Label = React__default.forwardRef(
+  ({ className, disabled, isRequired, children, ...props }, ref) => {
+    const classes = clsx(
+      [styles[rootClassName]],
       {
-        [o[`${r}--disabled`]]: d,
-        [o[`${r}--required`]]: e
+        [styles[`${rootClassName}--disabled`]]: disabled,
+        [styles[`${rootClassName}--required`]]: isRequired
       },
-      a
+      className
     );
-    return /* @__PURE__ */ f(p, { ...t, ref: s, className: c, children: l });
+    return /* @__PURE__ */ jsx(LabelPrimitive.Root, { ...props, ref, className: classes, children });
   }
 );
-y.displayName = "Label";
+Label.displayName = "Label";
 export {
-  y as Label
+  Label
 };

package/dist/components/link/index.js

@@ -1,4 +1,4 @@
-import { Link as e } from "./link.js";
+import { Link } from "./link.js";
 export {
-  e as Link
+  Link
 };

package/dist/components/link/link.js

@@ -1,9 +1,8 @@
-import '../../assets/link.css';
-import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../clsx-DB4S2d7J.js";
-import g from "react";
-import { $ as v } from "../../index-DpfSJps6.js";
-const e = {
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { Slot } from "@radix-ui/react-slot";
+const styles = {
   "teddy-link": "_teddy-link_1jza5_1",
   "teddy-link--text": "_teddy-link--text_1jza5_15",
   "teddy-link--standalone": "_teddy-link--standalone_1jza5_15",
@@ -14,23 +13,25 @@ const e = {
   "teddy-link--navigation-negative": "_teddy-link--navigation-negative_1jza5_28",
   "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_1jza5_56",
   "teddy-link--silent": "_teddy-link--silent_1jza5_62"
-}, t = "teddy-link", f = g.forwardRef(
-  ({ className: s, variant: a, silent: d, disableVisited: _, ensureTargetArea: r, asChild: o, children: n, ...i }, k) => {
-    const y = c(
-      [e[`${t}`]],
-      e[`${t}--${a}`],
+};
+const rootClassName = "teddy-link";
+const Link = React__default.forwardRef(
+  ({ className, variant, silent, disableVisited, ensureTargetArea, asChild, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}`]],
+      styles[`${rootClassName}--${variant}`],
       {
-        [e[`${t}--silent`]]: d,
-        [e[`${t}--negative`]]: a.endsWith("negative"),
-        [e[`${t}--disable-visited`]]: _ ?? d,
-        [e[`${t}--ensure-target-area`]]: r
+        [styles[`${rootClassName}--silent`]]: silent,
+        [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
+        [styles[`${rootClassName}--disable-visited`]]: disableVisited ?? silent,
+        [styles[`${rootClassName}--ensure-target-area`]]: ensureTargetArea
       },
-      s
+      className
     );
-    return /* @__PURE__ */ l(v, { ...i, ref: k, className: y, children: o ? n : /* @__PURE__ */ l("a", { href: i.href, children: n }) });
+    return /* @__PURE__ */ jsx(Slot, { ...props, ref: forwardRef, className: classes, children: asChild ? children : /* @__PURE__ */ jsx("a", { href: props.href, children }) });
   }
 );
-f.displayName = "Link";
+Link.displayName = "Link";
 export {
-  f as Link
+  Link
 };

package/dist/components/modal/index.js

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

package/dist/components/modal/modal.js

@@ -1,28 +1,187 @@
-import "react/jsx-runtime";
-import "react";
-import { M as z } from "../../badge-Cnug5TzH.js";
-import "../../radio-group-B--zT3OL.js";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import "../notification/notification.js";
+import "../radio-group/radio-group.js";
 import "../box/box.js";
-import "../flex/flex.js";
+import { Flex } from "../flex/flex.js";
+import "../card/card.js";
 import "../grid/grid.js";
-import "../../navigation-menu-DKuyW8zE.js";
+import "../navigation-menu/navigation-menu.js";
+import "../toggle/toggle.js";
+import "../accordion/accordion.js";
 import "../link/link.js";
-import "../button/button.js";
+import "../badge/badge.js";
+import { Button } from "../button/button.js";
 import "../field-error-text/field-error-text.js";
 import "../helper-text/helper-text.js";
 import "../../assets/4bbd022cee9b0f06.svg";
-import "../icon/icon.js";
+import { Icon } from "../icon/icon.js";
 import "../input/input.js";
 import "../label/label.js";
 import "../spinner/spinner.js";
-import "../text/text.js";
+import { Text } from "../text/text.js";
 import "../text-field/text-field.js";
-import "../heading/heading.js";
+import { Heading } from "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
-import "../../clsx-DB4S2d7J.js";
-import "../../index-DpfSJps6.js";
-import "../../utils/composeRefs.js";
+import clsx from "clsx";
+import { Slot } from "@radix-ui/react-slot";
+import { composeRefs } from "../../utils/composeRefs.js";
+const styles = {
+  "teddy-modal__overlay": "_teddy-modal__overlay_vfo5b_17",
+  "teddy-modal__content": "_teddy-modal__content_vfo5b_29",
+  "teddy-modal__scroll": "_teddy-modal__scroll_vfo5b_47",
+  "teddy-modal__image": "_teddy-modal__image_vfo5b_51",
+  "teddy-modal__close--floating": "_teddy-modal__close--floating_vfo5b_61",
+  "teddy-modal__group": "_teddy-modal__group_vfo5b_66",
+  "teddy-modal__group--title": "_teddy-modal__group--title_vfo5b_70",
+  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_vfo5b_76",
+  "teddy-modal__group--action": "_teddy-modal__group--action_vfo5b_85",
+  "modal-overlay-no-op": "_modal-overlay-no-op_vfo5b_1",
+  "teddy-fade-in": "_teddy-fade-in_vfo5b_1",
+  "teddy-fade-out": "_teddy-fade-out_vfo5b_1",
+  "modal-content-show": "_modal-content-show_vfo5b_1",
+  "modal-content-hide": "_modal-content-hide_vfo5b_1"
+};
+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(DialogPrimitive.Root, { ...props, modal: true }) });
+};
+Root.displayName = "Dialog.Root";
+const Trigger = React__default.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
+);
+Trigger.displayName = "Dialog.Trigger";
+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(DialogPrimitive.Portal, { container, forceMount, children: /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: classes, ref: forwardedRef, ...rest }) }) });
+  }
+);
+Overlay.displayName = "Dialog.Content";
+const InnerContent = React__default.forwardRef(
+  function InnerContent2({ asChild, children, className, ...props }, forwardedRef) {
+    const classes = clsx([styles[`${rootClassName}__scroll`]], className);
+    const context = React__default.useContext(RootContext);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: clsx([styles[`${rootClassName}__content`]]),
+        asChild: true,
+        children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
+          Flex,
+          {
+            ...asChild ? { as: void 0, asChild } : {},
+            direction: "column",
+            align: "start",
+            maxWidth: { md: "600px" },
+            className: classes,
+            ref: context.scrollRef,
+            children
+          }
+        ) })
+      }
+    );
+  }
+);
+const Content = React__default.forwardRef(
+  ({ forceMount, ...contentProps }, forwardedRef) => {
+    const hasOverlay = React__default.useContext(OverlayContext);
+    if (!hasOverlay)
+      return /* @__PURE__ */ jsx(Overlay, { forceMount, children: /* @__PURE__ */ jsx(InnerContent, { ref: forwardedRef, ...contentProps }) });
+    return /* @__PURE__ */ jsx(InnerContent, { ref: forwardedRef, ...contentProps });
+  }
+);
+Content.displayName = "Dialog.Content";
+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 = "Dialog.Group";
+const TitleInner = React__default.forwardRef(
+  function TitleInner2(props, forwardedRef) {
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { variant: "title-200", as: "h2", ...props, asChild: false, ref: forwardedRef }) });
+  }
+);
+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 = "Dialog.Title";
+const Description = React__default.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx(Text, { as: "p", variant: "paragraph-100", ...props, asChild: false, ref: forwardedRef }) }));
+Description.displayName = "Dialog.Description";
+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 = "Dialog.Image";
+const Close = React__default.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const classes = clsx([styles[`${rootClassName}__close`]], {
+      [styles[`${rootClassName}__close--floating`]]: props.slot === "floating",
+      className
+    });
+    const imageRef = React__default.useContext(RootContext).imageRef;
+    const [hasImage, setHasImage] = React__default.useState(false);
+    useEffect(() => {
+      if (imageRef == null ? void 0 : imageRef.current) {
+        setHasImage(true);
+      }
+    }, [imageRef]);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsx(Button, { variant: hasImage ? "primary-negative" : "tertiary-purple", iconOnly: true, "aria-label": props["aria-label"], children: /* @__PURE__ */ jsx(Icon, { name: "close" }) }) });
+  }
+);
+Close.displayName = "Dialog.Close";
+const Modal = Object.assign(Root, { Trigger, Content, Title, Overlay, Description, Close, Image, Group });
 export {
-  z as Modal
+  Modal
 };

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

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