@telia/teddy 0.0.53 → 0.0.55

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -0,0 +1,282 @@
+"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("../breadcrumbs/index.cjs");
+const components_radioCardGroup_radioCardGroupRoot = require("./radio-card-group-root.cjs");
+const components_radioCardGroup_radioCardGroupLabel = require("./radio-card-group-label.cjs");
+const clsx = require("clsx");
+const reactSlot = require("@radix-ui/react-slot");
+require("../ribbon/index.cjs");
+require("../expandable-card/index.cjs");
+require("../color-dot/color-dot-root.cjs");
+require("../progress-bar/progress-bar.cjs");
+require("../notabene/index.cjs");
+require("../tooltip/index.cjs");
+require("../list/index.cjs");
+require("../scroll-area/index.cjs");
+require("../tabs/index.cjs");
+require("../drawer/index.cjs");
+require("../image/image.cjs");
+require("../chip/index.cjs");
+require("../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+require("../notification/notification.cjs");
+require("../radio-group/index.cjs");
+require("../box/box.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+require("../card/index.cjs");
+require("../grid/grid.cjs");
+require("../navigation-menu/navigation-menu.cjs");
+require("../navigation-menu/global-navigation/global-navigation-my-pages.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+require("../badge/alert-badge.cjs");
+require("../badge/counter-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("../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 utils_composeRefs = require("../../utils/composeRefs.cjs");
+const components_radioCardGroup_radioCardGroupIndicator = require("./radio-card-group-indicator.cjs");
+const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+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 RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
+const Title$1 = React.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__title`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { width: "100%", gap: "150", className: components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_radioCardGroup_radioCardGroupIndicator.Indicator, {})
+    ] });
+  }
+);
+Title$1.displayName = "Title";
+const Body = React.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__body`]], className);
+    const Comp = asChild ? reactSlot.Slot : components_text_text.Text;
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: forwardRef, className: classes, ...props, children });
+  }
+);
+Body.displayName = "Body";
+const Content$1 = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content$1.displayName = "Content";
+const ItemContext = React.createContext(void 0);
+const Item = React.forwardRef(
+  ({ className, children, value, ...props }, forwardedRef) => {
+    const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__card-item`]], className);
+    const context = React.useContext(ItemContext);
+    const ref = utils_composeRefs.useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxRuntime.jsxs(RadioGroupPrimitive__namespace.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
+      props.imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: props.imageUrl, alt: value }) }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(Content$1, { children })
+    ] });
+  }
+);
+Item.displayName = "Item";
+components_radioCardGroup_radioCardGroupRoot.Root.displayName = "RadioCardGroup";
+components_radioCardGroup_radioCardGroupLabel.GroupLabel.displayName = "RadioCardGroup.GroupLabel";
+Item.displayName = "RadioCardGroup.Item";
+Title$1.displayName = "RadioCardGroup.Title";
+Body.displayName = "RadioCardGroup.Body";
+const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoot.Root, {
+  GroupLabel: components_radioCardGroup_radioCardGroupLabel.GroupLabel,
+  Item,
+  Title: Title$1,
+  Body
+});
+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.Body = Body;
+exports.Content = Content$1;
+exports.Item = Item;
+exports.ItemContext = ItemContext;
+exports.Modal = Modal;
+exports.RadioCardGroup = RadioCardGroup;
+exports.Title = Title$1;

package/dist/components/radio-card-group/radio-card-group-item-title.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export type TitleProps = React.ComponentPropsWithoutRef<'h2'> & {
+    asChild?: boolean;
+};
+export declare const Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -0,0 +1,264 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import "../breadcrumbs/index.js";
+import { s as styles$1, rootClassName as rootClassName$1, Root as Root$1 } from "./radio-card-group-root.js";
+import { GroupLabel } from "./radio-card-group-label.js";
+import clsx from "clsx";
+import { Slot } from "@radix-ui/react-slot";
+import "../ribbon/index.js";
+import "../expandable-card/index.js";
+import "../color-dot/color-dot-root.js";
+import "../progress-bar/progress-bar.js";
+import "../notabene/index.js";
+import "../tooltip/index.js";
+import "../list/index.js";
+import "../scroll-area/index.js";
+import "../tabs/index.js";
+import "../drawer/index.js";
+import "../image/image.js";
+import "../chip/index.js";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import "../notification/notification.js";
+import "../radio-group/index.js";
+import "../box/box.js";
+import { Flex } from "../flex/flex.js";
+import "../card/index.js";
+import "../grid/grid.js";
+import "../navigation-menu/navigation-menu.js";
+import "../navigation-menu/global-navigation/global-navigation-my-pages.js";
+import "../toggle/toggle.js";
+import "../accordion/index.js";
+import "../link/link.js";
+import "../badge/badge.js";
+import "../badge/alert-badge.js";
+import "../badge/counter-badge.js";
+import { Button } from "../button/button.js";
+import "../field-error-text/field-error-text.js";
+import "../helper-text/helper-text.js";
+import "../input/index.js";
+import "../label/label.js";
+import "../spinner/spinner.js";
+import { Text } from "../text/text.js";
+import "../text-field/index.js";
+import { Heading } from "../heading/heading.js";
+import "../visually-hidden/visually-hidden.js";
+import "../text-spacing/text-spacing.js";
+import { useComposedRefs, composeRefs } from "../../utils/composeRefs.js";
+import { Indicator } from "./radio-card-group-indicator.js";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+const Title$1 = React__default.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__title`]], className);
+    return /* @__PURE__ */ jsxs(Flex, { width: "100%", gap: "150", className: styles$1[`${rootClassName$1}__title-wrapper`], children: [
+      asChild ? /* @__PURE__ */ jsx(Slot, { ...props, ref: forwardRef, className: classes, children }) : /* @__PURE__ */ jsx(Text, { variant: "paragraph-100-bold", ref: forwardRef, className: classes, children }),
+      /* @__PURE__ */ jsx(Indicator, {})
+    ] });
+  }
+);
+Title$1.displayName = "Title";
+const Body = React__default.forwardRef(
+  ({ className, children, asChild, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__body`]], className);
+    const Comp = asChild ? Slot : Text;
+    return /* @__PURE__ */ jsx(Comp, { ref: forwardRef, className: classes, ...props, children });
+  }
+);
+Body.displayName = "Body";
+const Content$1 = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__content-wrapper`]], className);
+    return /* @__PURE__ */ jsx(Flex, { direction: "column", width: "100%", gap: "50", ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content$1.displayName = "Content";
+const ItemContext = React__default.createContext(void 0);
+const Item = React__default.forwardRef(
+  ({ className, children, value, ...props }, forwardedRef) => {
+    const classes = clsx([styles$1[`${rootClassName$1}__card-item`]], className);
+    const context = React__default.useContext(ItemContext);
+    const ref = useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxs(RadioGroupPrimitive.Item, { value, id, ...props, asChild: false, ref, className: classes, children: [
+      props.imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$1[`${rootClassName$1}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: props.imageUrl, alt: value }) }) : null,
+      /* @__PURE__ */ jsx(Content$1, { children })
+    ] });
+  }
+);
+Item.displayName = "Item";
+Root$1.displayName = "RadioCardGroup";
+GroupLabel.displayName = "RadioCardGroup.GroupLabel";
+Item.displayName = "RadioCardGroup.Item";
+Title$1.displayName = "RadioCardGroup.Title";
+Body.displayName = "RadioCardGroup.Body";
+const RadioCardGroup = Object.assign(Root$1, {
+  GroupLabel,
+  Item,
+  Title: Title$1,
+  Body
+});
+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__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 = "Dialog.Root";
+const Trigger = React__default.forwardRef(
+  ({ children, ...props }, forwardedRef) => /* @__PURE__ */ jsx(DrawerPrimitive.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(DrawerPrimitive.Portal, { container, forceMount, children: /* @__PURE__ */ jsx(DrawerPrimitive.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(
+      DrawerPrimitive.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(DrawerPrimitive.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(DrawerPrimitive.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(DrawerPrimitive.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 {
+  Body as B,
+  Content$1 as C,
+  ItemContext as I,
+  Modal as M,
+  RadioCardGroup as R,
+  Title$1 as Title,
+  Item as a
+};

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("clsx");
+require("react");
+require("./radio-card-group-root.cjs");
+require("@radix-ui/react-radio-group");
+require("../breadcrumbs/index.cjs");
+const components_radioCardGroup_radioCardGroupItemTitle = require("./radio-card-group-item-title.cjs");
+require("../ribbon/index.cjs");
+require("../expandable-card/index.cjs");
+require("../color-dot/color-dot-root.cjs");
+require("../progress-bar/progress-bar.cjs");
+require("../notabene/index.cjs");
+require("../tooltip/index.cjs");
+require("../list/index.cjs");
+require("../scroll-area/index.cjs");
+require("../tabs/index.cjs");
+require("../drawer/index.cjs");
+require("../image/image.cjs");
+require("../chip/index.cjs");
+require("../../assets/sprite.269ba410-teddy.svg");
+require("../notification/notification.cjs");
+require("../radio-group/index.cjs");
+require("../box/box.cjs");
+require("../flex/flex.cjs");
+require("../card/index.cjs");
+require("../grid/grid.cjs");
+require("../navigation-menu/navigation-menu.cjs");
+require("../navigation-menu/global-navigation/global-navigation-my-pages.cjs");
+require("../toggle/toggle.cjs");
+require("../accordion/index.cjs");
+require("../link/link.cjs");
+require("../badge/badge.cjs");
+require("../badge/alert-badge.cjs");
+require("../badge/counter-badge.cjs");
+require("../button/button.cjs");
+require("../field-error-text/field-error-text.cjs");
+require("../helper-text/helper-text.cjs");
+require("../input/index.cjs");
+require("../label/label.cjs");
+require("../spinner/spinner.cjs");
+require("../text/text.cjs");
+require("../text-field/index.cjs");
+require("../heading/heading.cjs");
+require("../visually-hidden/visually-hidden.cjs");
+require("../text-spacing/text-spacing.cjs");
+require("../../utils/composeRefs.cjs");
+exports.Item = components_radioCardGroup_radioCardGroupItemTitle.Item;
+exports.ItemContext = components_radioCardGroup_radioCardGroupItemTitle.ItemContext;

package/dist/components/radio-card-group/radio-card-group-item.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export type ItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    value: string;
+    children: React.ReactNode;
+    imageUrl?: string;
+};
+export declare const ItemContext: React.Context<{
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    id?: string | undefined;
+} | undefined>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    value: string;
+    children: React.ReactNode;
+    imageUrl?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;