@telia/teddy 0.3.1 → 0.3.3

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const components_flex_flex = require("../flex/flex.cjs");
+const clsx = require("clsx");
+const modal_module = require("../../modal.module-BfeNqXoN.cjs");
+const components_modal_modalRoot = require("./modal-root.cjs");
+const components_modal_modalOverlay = require("./modal-overlay.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 InnerContent = React.forwardRef(
+  function InnerContent2({ asChild, children, className, ...props }, forwardedRef) {
+    const classes = clsx([modal_module.styles[`${components_modal_modalRoot.rootClassName}__scroll`]], className);
+    const context = React.useContext(components_modal_modalRoot.RootContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DrawerPrimitive__namespace.Content,
+      {
+        ...props,
+        ref: forwardedRef,
+        className: clsx([modal_module.styles[`${components_modal_modalRoot.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
+          }
+        ) })
+      }
+    );
+  }
+);
+InnerContent.displayName = "InnerContent";
+const Content = React.forwardRef(
+  ({ forceMount, ...contentProps }, forwardedRef) => {
+    const hasOverlay = React.useContext(components_modal_modalOverlay.OverlayContext);
+    if (!hasOverlay)
+      return /* @__PURE__ */ jsxRuntime.jsx(components_modal_modalOverlay.Overlay, { forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(InnerContent, { ref: forwardedRef, ...contentProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(InnerContent, { ref: forwardedRef, ...contentProps });
+  }
+);
+Content.displayName = "Content";
+exports.Content = Content;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+type ContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+declare const Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Content };
+export type { ContentProps };

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

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import { Flex } from "../flex/flex.js";
+import clsx from "clsx";
+import { s as styles } from "../../modal.module-DuP4in7f.js";
+import { rootClassName, RootContext } from "./modal-root.js";
+import { OverlayContext, Overlay } from "./modal-overlay.js";
+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
+          }
+        ) })
+      }
+    );
+  }
+);
+InnerContent.displayName = "InnerContent";
+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 = "Content";
+export {
+  Content
+};

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const DrawerPrimitive = require("@radix-ui/react-dialog");
+const components_text_text = require("../text/text.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 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 = "Description";
+exports.Description = Description;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Text } from '../text';
+import { ComponentPropsAs } from '../../utils/component-props-as';
+
+type DescriptionProps = ComponentPropsAs<typeof Text, 'p'>;
+declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export { Description };
+export type { DescriptionProps };

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import { Text } from "../text/text.js";
+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 = "Description";
+export {
+  Description
+};

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const components_flex_flex = require("../flex/flex.cjs");
+const clsx = require("clsx");
+const modal_module = require("../../modal.module-BfeNqXoN.cjs");
+const components_modal_modalRoot = require("./modal-root.cjs");
+const GroupContext = React.createContext(false);
+const Group = React.forwardRef(
+  ({ className, variant, ...props }, forwardedRef) => {
+    const strollerRef = React.useContext(components_modal_modalRoot.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(
+      [modal_module.styles[`${components_modal_modalRoot.rootClassName}__group`]],
+      {
+        [modal_module.styles[`${components_modal_modalRoot.rootClassName}__group--action`]]: variant === "action",
+        [modal_module.styles[`${components_modal_modalRoot.rootClassName}__group--title`]]: variant === "title",
+        [modal_module.styles[`${components_modal_modalRoot.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 = "Group";
+exports.Group = Group;
+exports.GroupContext = GroupContext;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Flex } from '../flex';
+
+export declare const GroupContext: React.Context<boolean>;
+type GroupProps = React.ComponentPropsWithoutRef<typeof Flex> & {
+    variant?: 'title' | 'action';
+};
+declare const Group: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Group };
+export type { GroupProps };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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