@telia/teddy 0.0.24 → 0.0.26

package/dist/components/input/input-indicator.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "clsx";
+import "react";
+import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../icon/icon.js";
+import "../spinner/spinner.js";
+import { a } from "./input-group.js";
+export {
+  a as Indicator
+};

package/dist/components/input/input.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("clsx");
+require("react");
+const components_input_inputGroup = require("./input-group.cjs");
+require("../../utils/composeRefs.cjs");
+exports.Input = components_input_inputGroup.Input;
+exports.rootClassName = components_input_inputGroup.rootClassName;

package/dist/components/input/input.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 
-type InputGroupRootProps = React.ComponentPropsWithoutRef<'div'> & {};
+export declare const rootClassName = "teddy-input";
 type ValidationState = 'valid' | 'invalid';
 type Input = React.ComponentPropsWithoutRef<'input'>;
-type InputProps = Omit<Input, 'children'> & {
+export type InputProps = Omit<Input, 'children'> & {
     /** Whether the input should display its "valid" or "invalid" visual styling. */
     validationState?: ValidationState;
     /** Whether to show a loading indicator. */
@@ -12,7 +12,7 @@ type InputProps = Omit<Input, 'children'> & {
     onValueChange?: (value: string) => void;
 };
 /** The input element */
-declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children"> & {
+export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children"> & {
     /** Whether the input should display its "valid" or "invalid" visual styling. */
     validationState?: ValidationState | undefined;
     /** Whether to show a loading indicator. */
@@ -20,28 +20,4 @@ declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTM
     /** Called when the value changes. */
     onValueChange?: ((value: string) => void) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-type InputIndicatorProps = React.ComponentPropsWithoutRef<'svg'> & {
-    isLoading?: boolean;
-    isValid?: boolean;
-};
-declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children"> & {
-        /** Whether the input should display its "valid" or "invalid" visual styling. */
-        validationState?: ValidationState | undefined;
-        /** Whether to show a loading indicator. */
-        isLoading?: boolean | undefined;
-        /** Called when the value changes. */
-        onValueChange?: ((value: string) => void) | undefined;
-    } & React.RefAttributes<HTMLInputElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-        isLoading?: boolean | undefined;
-        isValid?: boolean | undefined;
-    } & React.RefAttributes<SVGSVGElement>>;
-};
-type InputGroupProps = {
-    Root: InputGroupRootProps;
-    Input: InputProps;
-    Indicator: InputIndicatorProps;
-};
-export { Input, InputGroup };
-export type { InputGroupProps, InputProps };
+export {};

package/dist/components/input/input.js

@@ -1,116 +1,9 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import React__default from "react";
-import "../../assets/sprite.5636ec8e-teddy.svg";
-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",
-  "teddy-input__input--valid": "_teddy-input__input--valid_1o9uu_66",
-  "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,
-  scaleInAnimation
-};
-const rootClassName = "teddy-input";
-function setCursorOnInput(e) {
-  const target = e == null ? void 0 : e.target;
-  if (target.closest("input, button, a"))
-    return;
-  const input = [...e.currentTarget.getElementsByTagName("input")].find((input2) => input2);
-  if (!input)
-    return;
-  const position = input.compareDocumentPosition(target);
-  const targetIsBeforeInput = (position & Node.DOCUMENT_POSITION_PRECEDING) !== 0;
-  const cursorPosition = targetIsBeforeInput ? 0 : input.value.length;
-  requestAnimationFrame(() => {
-    try {
-      input.setSelectionRange(cursorPosition, cursorPosition);
-    } finally {
-      input.focus();
-    }
-  });
-}
-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`] })
-    ] });
-  }
-);
-InputGroupRoot.displayName = "InputGroup";
-const Input = React__default.forwardRef(
-  ({ className, onValueChange, isLoading, validationState, ...props }, forwardRef) => {
-    const groupContext = React__default.useContext(InputGroupContext);
-    const classes = clsx(
-      [
-        styles[`${rootClassName}__input`],
-        {
-          [styles[`${rootClassName}__input--valid`]]: validationState === "valid",
-          [styles[`${rootClassName}__input--error`]]: validationState === "invalid"
-        }
-      ],
-      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 /* @__PURE__ */ jsxs(InputGroupRoot, { children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          "aria-invalid": validationState === "invalid",
-          ...props,
-          onChange,
-          className: classes,
-          ref: forwardRef
-        }
-      ),
-      /* @__PURE__ */ jsx(InputIndicator, { isValid: validationState === "valid", isLoading })
-    ] });
-  }
-);
-Input.displayName = "Input";
-const InputIndicator = React__default.forwardRef(
-  ({ className, isLoading, isValid, ...props }, forwardRef) => {
-    if (!isValid && !isLoading)
-      return null;
-    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 });
-  }
-);
-InputIndicator.displayName = "InputIndicator";
-const InputGroup = Object.assign(InputGroupRoot, {
-  Input,
-  Indicator: InputIndicator
-});
+import "react/jsx-runtime";
+import "clsx";
+import "react";
+import { I, r } from "./input-group.js";
+import "../../utils/composeRefs.js";
 export {
-  Input,
-  InputGroup
+  I as Input,
+  r as rootClassName
 };

package/dist/components/label/index.cjs

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

package/dist/components/label/label.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const LabelPrimitive = require("@radix-ui/react-label");
+const clsx = require("clsx");
+const React = require("react");
+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 LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
+const styles = {
+  "teddy-label": "_teddy-label_1hc8e_1",
+  "teddy-label--disabled": "_teddy-label--disabled_1hc8e_8",
+  "teddy-label--required": "_teddy-label--required_1hc8e_12"
+};
+const rootClassName = "teddy-label";
+const Label = React.forwardRef(
+  ({ className, disabled, isRequired, children, ...props }, ref) => {
+    const classes = clsx(
+      [styles[rootClassName]],
+      {
+        [styles[`${rootClassName}--disabled`]]: disabled,
+        [styles[`${rootClassName}--required`]]: isRequired
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ...props, ref, className: classes, children });
+  }
+);
+Label.displayName = "Label";
+exports.Label = Label;

package/dist/components/link/index.cjs

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

package/dist/components/link/link.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const reactSlot = require("@radix-ui/react-slot");
+const styles = {
+  "teddy-link": "_teddy-link_azi31_2",
+  "teddy-link--text": "_teddy-link--text_azi31_16",
+  "teddy-link--standalone": "_teddy-link--standalone_azi31_16",
+  "teddy-link--navigation": "_teddy-link--navigation_azi31_16",
+  "teddy-link--disable-visited": "_teddy-link--disable-visited_azi31_26",
+  "teddy-link--text-negative": "_teddy-link--text-negative_azi31_29",
+  "teddy-link--standalone-negative": "_teddy-link--standalone-negative_azi31_29",
+  "teddy-link--navigation-negative": "_teddy-link--navigation-negative_azi31_29",
+  "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_azi31_57",
+  "teddy-link--silent": "_teddy-link--silent_azi31_63"
+};
+const rootClassName = "teddy-link";
+const Link = React.forwardRef(
+  ({ className, variant, silent, disableVisited, ensureTargetArea, asChild, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}`]],
+      styles[`${rootClassName}--${variant}`],
+      {
+        [styles[`${rootClassName}--silent`]]: silent,
+        [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
+        [styles[`${rootClassName}--disable-visited`]]: disableVisited ?? silent,
+        [styles[`${rootClassName}--ensure-target-area`]]: ensureTargetArea
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, ref: forwardRef, className: classes, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("a", { href: props.href, children }) });
+  }
+);
+Link.displayName = "Link";
+exports.Link = Link;

package/dist/components/link/link.js

@@ -3,16 +3,16 @@ import clsx from "clsx";
 import React__default from "react";
 import { Slot } from "@radix-ui/react-slot";
 const styles = {
-  "teddy-link": "_teddy-link_zi6ey_1",
-  "teddy-link--text": "_teddy-link--text_zi6ey_15",
-  "teddy-link--standalone": "_teddy-link--standalone_zi6ey_15",
-  "teddy-link--navigation": "_teddy-link--navigation_zi6ey_15",
-  "teddy-link--disable-visited": "_teddy-link--disable-visited_zi6ey_25",
-  "teddy-link--text-negative": "_teddy-link--text-negative_zi6ey_28",
-  "teddy-link--standalone-negative": "_teddy-link--standalone-negative_zi6ey_28",
-  "teddy-link--navigation-negative": "_teddy-link--navigation-negative_zi6ey_28",
-  "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_zi6ey_56",
-  "teddy-link--silent": "_teddy-link--silent_zi6ey_62"
+  "teddy-link": "_teddy-link_azi31_2",
+  "teddy-link--text": "_teddy-link--text_azi31_16",
+  "teddy-link--standalone": "_teddy-link--standalone_azi31_16",
+  "teddy-link--navigation": "_teddy-link--navigation_azi31_16",
+  "teddy-link--disable-visited": "_teddy-link--disable-visited_azi31_26",
+  "teddy-link--text-negative": "_teddy-link--text-negative_azi31_29",
+  "teddy-link--standalone-negative": "_teddy-link--standalone-negative_azi31_29",
+  "teddy-link--navigation-negative": "_teddy-link--navigation-negative_azi31_29",
+  "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_azi31_57",
+  "teddy-link--silent": "_teddy-link--silent_azi31_63"
 };
 const rootClassName = "teddy-link";
 const Link = React__default.forwardRef(

package/dist/components/modal/index.cjs

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

package/dist/components/modal/modal.cjs

@@ -0,0 +1,210 @@
+"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");
+require("../scroll-area/index.cjs");
+require("../tabs/index.cjs");
+require("../drawer/index.cjs");
+require("../image/image.cjs");
+require("../chip/index.cjs");
+require("../notification/notification.cjs");
+require("../radio-group/radio-group.cjs");
+require("../box/box.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+require("../card/card.cjs");
+require("../grid/grid.cjs");
+require("../navigation-menu/navigation-menu.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+const components_button_button = require("../button/button.cjs");
+require("../field-error-text/field-error-text.cjs");
+require("../helper-text/helper-text.cjs");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+require("../input/index.cjs");
+require("../label/label.cjs");
+require("../spinner/spinner.cjs");
+const components_text_text = require("../text/text.cjs");
+require("../text-field/index.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+require("../visually-hidden/visually-hidden.cjs");
+require("../text-spacing/text-spacing.cjs");
+const clsx = require("clsx");
+const reactSlot = require("@radix-ui/react-slot");
+const utils_composeRefs = require("../../utils/composeRefs.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 styles = {
+  "teddy-modal__overlay": "_teddy-modal__overlay_3n21u_25",
+  "teddy-modal__content": "_teddy-modal__content_3n21u_37",
+  "teddy-modal__scroll": "_teddy-modal__scroll_3n21u_55",
+  "teddy-modal__image": "_teddy-modal__image_3n21u_59",
+  "teddy-modal__close--floating": "_teddy-modal__close--floating_3n21u_69",
+  "teddy-modal__group": "_teddy-modal__group_3n21u_74",
+  "teddy-modal__group--title": "_teddy-modal__group--title_3n21u_78",
+  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_3n21u_84",
+  "teddy-modal__group--action": "_teddy-modal__group--action_3n21u_93",
+  "modal-overlay-no-op": "_modal-overlay-no-op_3n21u_1",
+  "teddy-fade-in": "_teddy-fade-in_3n21u_1",
+  "teddy-fade-out": "_teddy-fade-out_3n21u_1",
+  "modal-content-show": "_modal-content-show_3n21u_1",
+  "modal-content-hide": "_modal-content-hide_3n21u_1",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_3n21u_1"
+};
+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 = "Dialog.Root";
+const Trigger = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Trigger, { ...props, ref: forwardedRef, asChild: true, children })
+);
+Trigger.displayName = "Dialog.Trigger";
+const OverlayContext = React.createContext(false);
+const Overlay = React.forwardRef(
+  ({ className, forceMount, container, ...rest }, forwardedRef) => {
+    const classes = clsx([styles[`${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 = "Dialog.Content";
+const InnerContent = React.forwardRef(
+  function InnerContent2({ asChild, children, className, ...props }, forwardedRef) {
+    const classes = clsx([styles[`${rootClassName}__scroll`]], className);
+    const context = React.useContext(RootContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DrawerPrimitive__namespace.Content,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: clsx([styles[`${rootClassName}__content`]]),
+        asChild: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          components_flex_flex.Flex,
+          {
+            ...asChild ? { as: void 0, asChild } : {},
+            direction: "column",
+            align: "start",
+            maxWidth: { md: "600px" },
+            className: classes,
+            ref: context.scrollRef,
+            children
+          }
+        ) })
+      }
+    );
+  }
+);
+const Content = React.forwardRef(
+  ({ forceMount, ...contentProps }, forwardedRef) => {
+    const hasOverlay = React.useContext(OverlayContext);
+    if (!hasOverlay)
+      return /* @__PURE__ */ jsxRuntime.jsx(Overlay, { forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(InnerContent, { ref: forwardedRef, ...contentProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(InnerContent, { ref: forwardedRef, ...contentProps });
+  }
+);
+Content.displayName = "Dialog.Content";
+const GroupContext = React.createContext(false);
+const Group = React.forwardRef(
+  ({ className, variant, ...props }, forwardedRef) => {
+    const strollerRef = React.useContext(RootContext).scrollRef;
+    const [isOverflowing, setIsOverflowing] = React.useState(false);
+    React.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__ */ jsxRuntime.jsx(GroupContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_flex_flex.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.forwardRef(
+  function TitleInner2(props, forwardedRef) {
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-200", as: "h2", ...props, asChild: false, ref: forwardedRef }) });
+  }
+);
+const Title = React.forwardRef((props, forwardedRef) => {
+  const isInsideGroup = React.useContext(GroupContext);
+  if (!isInsideGroup) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Group, { variant: "title", children: /* @__PURE__ */ jsxRuntime.jsx(TitleInner, { ...props, ref: forwardedRef }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TitleInner, { ...props, ref: forwardedRef });
+});
+Title.displayName = "Dialog.Title";
+const Description = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { as: "p", variant: "paragraph-100", ...props, asChild: false, ref: forwardedRef }) }));
+Description.displayName = "Dialog.Description";
+const Image = React.forwardRef(({ asChild, ...props }, forwardedRef) => {
+  const classes = clsx([styles[`${rootClassName}__image`]], props.className);
+  const context = React.useContext(RootContext);
+  const Comp = asChild ? reactSlot.Slot : "img";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, className: classes, ref: utils_composeRefs.composeRefs(context.imageRef, forwardedRef) });
+});
+Image.displayName = "Dialog.Image";
+const Close = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const classes = clsx([styles[`${rootClassName}__close`]], {
+      [styles[`${rootClassName}__close--floating`]]: props.slot === "floating",
+      className
+    });
+    const imageRef = React.useContext(RootContext).imageRef;
+    const [hasImage, setHasImage] = React.useState(false);
+    React.useEffect(() => {
+      if (imageRef == null ? void 0 : imageRef.current) {
+        setHasImage(true);
+      }
+    }, [imageRef]);
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: hasImage ? "primary-negative" : "tertiary-purple", iconOnly: true, "aria-label": props["aria-label"], children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "close" }) }) });
+  }
+);
+Close.displayName = "Dialog.Close";
+const Modal = Object.assign(Root, { Trigger, Content, Title, Overlay, Description, Close, Image, Group });
+exports.Modal = Modal;

package/dist/components/modal/modal.js

@@ -22,11 +22,11 @@ import "../field-error-text/field-error-text.js";
 import "../helper-text/helper-text.js";
 import "../../assets/sprite.5636ec8e-teddy.svg";
 import { Icon } from "../icon/icon.js";
-import "../input/input.js";
+import "../input/index.js";
 import "../label/label.js";
 import "../spinner/spinner.js";
 import { Text } from "../text/text.js";
-import "../text-field/text-field.js";
+import "../text-field/index.js";
 import { Heading } from "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
@@ -34,20 +34,21 @@ 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"
+  "teddy-modal__overlay": "_teddy-modal__overlay_3n21u_25",
+  "teddy-modal__content": "_teddy-modal__content_3n21u_37",
+  "teddy-modal__scroll": "_teddy-modal__scroll_3n21u_55",
+  "teddy-modal__image": "_teddy-modal__image_3n21u_59",
+  "teddy-modal__close--floating": "_teddy-modal__close--floating_3n21u_69",
+  "teddy-modal__group": "_teddy-modal__group_3n21u_74",
+  "teddy-modal__group--title": "_teddy-modal__group--title_3n21u_78",
+  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_3n21u_84",
+  "teddy-modal__group--action": "_teddy-modal__group--action_3n21u_93",
+  "modal-overlay-no-op": "_modal-overlay-no-op_3n21u_1",
+  "teddy-fade-in": "_teddy-fade-in_3n21u_1",
+  "teddy-fade-out": "_teddy-fade-out_3n21u_1",
+  "modal-content-show": "_modal-content-show_3n21u_1",
+  "modal-content-hide": "_modal-content-hide_3n21u_1",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_3n21u_1"
 };
 const rootClassName = "teddy-modal";
 const RootContext = React__default.createContext({

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

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