@telia/teddy 0.0.60 → 0.0.62

package/dist/components/toggletip/toggletip-anchor.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.cjs");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const components_toggletip_toggletipRoot = require("./toggletip-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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const Anchor = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__anchor`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Anchor.displayName = "Anchor";
+exports.Anchor = Anchor;

package/dist/components/toggletip/toggletip-anchor.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export type AnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
+/** An optional element to position the `Popover.Content` against. If this part is not used, the content will position alongside the `Popover.Trigger.` */
+export declare const Anchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/toggletip/toggletip-anchor.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { rootClassName } from "./toggletip-root.js";
+const Anchor = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__anchor`]], className);
+    return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Anchor.displayName = "Anchor";
+export {
+  Anchor
+};

package/dist/components/toggletip/toggletip-arrow.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 clsx = require("clsx");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const components_toggletip_toggletipRoot = require("./toggletip-root.cjs");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const Arrow = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const { negative } = React.useContext(components_toggletip_toggletipRoot.RootContext);
+    const classes = clsx(
+      [toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__arrow`]],
+      { [toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__arrow--negative`]]: negative },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Arrow, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Arrow.displayName = "Arrow";
+exports.Arrow = Arrow;

package/dist/components/toggletip/toggletip-arrow.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export type ArrowProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Arrow>;
+/** An optional arrow element to render alongside the popover. This can be used to help visually link the anchor with the `Popover.Content`. Must be rendered inside `Popover.Content.` */
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/toggletip/toggletip-arrow.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import clsx from "clsx";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { RootContext, rootClassName } from "./toggletip-root.js";
+import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
+const Arrow = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const { negative } = useContext(RootContext);
+    const classes = clsx(
+      [styles[`${rootClassName}__arrow`]],
+      { [styles[`${rootClassName}__arrow--negative`]]: negative },
+      className
+    );
+    return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Arrow.displayName = "Arrow";
+export {
+  Arrow
+};

package/dist/components/toggletip/toggletip-close.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const components_toggletip_toggletipRoot = require("./toggletip-root.cjs");
+const components_button_button = require("../button/button.cjs");
+require("../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const Close = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const { negative } = React.useContext(components_toggletip_toggletipRoot.RootContext);
+    const classes = clsx([toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__close`]], {
+      [toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__close--floating`]]: !props.children,
+      className
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsxRuntime.jsx(
+      components_button_button.Button,
+      {
+        variant: negative ? "tertiary-purple" : "tertiary-purple-negative",
+        iconOnly: true,
+        "aria-label": props["aria-label"],
+        children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "close" })
+      }
+    ) });
+  }
+);
+Close.displayName = "Close";
+exports.Close = Close;

package/dist/components/toggletip/toggletip-close.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export type CloseProps = Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>, 'asChild' | 'children'> & ({
+    children: React.ReactElement;
+} | {
+    ['aria-label']: string;
+    children?: never;
+});
+export declare const Close: React.ForwardRefExoticComponent<CloseProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/toggletip/toggletip-close.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import clsx from "clsx";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { RootContext, rootClassName } from "./toggletip-root.js";
+import { Button } from "../button/button.js";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
+const Close = React__default.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const { negative } = useContext(RootContext);
+    const classes = clsx([styles[`${rootClassName}__close`]], {
+      [styles[`${rootClassName}__close--floating`]]: !props.children,
+      className
+    });
+    return /* @__PURE__ */ jsx(PopoverPrimitive.Close, { ...props, className: classes, ref: forwardedRef, asChild: true, children: props.children || /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: negative ? "tertiary-purple" : "tertiary-purple-negative",
+        iconOnly: true,
+        "aria-label": props["aria-label"],
+        children: /* @__PURE__ */ jsx(Icon, { name: "close" })
+      }
+    ) });
+  }
+);
+Close.displayName = "Close";
+export {
+  Close
+};

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const components_toggletip_toggletipRoot = require("./toggletip-root.cjs");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.cjs");
+const components_toggletip_toggletipPortal = require("./toggletip-portal.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const components_toggletip_toggletipClose = require("./toggletip-close.cjs");
+const components_toggletip_toggletipArrow = require("./toggletip-arrow.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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const Content = React.forwardRef(
+  ({ className, beakPosition, sideOffset, side, beakOffset, children, ...props }, forwardRef) => {
+    const { hideClose, hideArrow, negative } = React.useContext(components_toggletip_toggletipRoot.RootContext);
+    const classes = clsx(
+      [toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__content`]],
+      { [toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__content--negative`]]: negative },
+      className
+    );
+    const hasPortal = React.useContext(components_toggletip_toggletipPortal.HasPortalContext);
+    if (!hasPortal)
+      return /* @__PURE__ */ jsxRuntime.jsx(components_toggletip_toggletipPortal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        PopoverPrimitive__namespace.Content,
+        {
+          ...props,
+          align: beakPosition,
+          alignOffset: beakOffset,
+          side,
+          sideOffset,
+          ref: forwardRef,
+          className: classes,
+          asChild: true,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { ...props, children: [
+            !hideClose && /* @__PURE__ */ jsxRuntime.jsx(components_toggletip_toggletipClose.Close, { "aria-label": "Lukk" }),
+            !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(components_toggletip_toggletipArrow.Arrow, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
+          ] })
+        }
+      ) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverPrimitive__namespace.Content,
+      {
+        ...props,
+        align: beakPosition,
+        alignOffset: beakOffset,
+        side,
+        sideOffset,
+        ref: forwardRef,
+        className: classes,
+        asChild: true,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { ...props, children: [
+          !hideClose && /* @__PURE__ */ jsxRuntime.jsx(components_toggletip_toggletipClose.Close, { "aria-label": "Lukk" }),
+          !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(components_toggletip_toggletipArrow.Arrow, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
+        ] })
+      }
+    );
+  }
+);
+Content.displayName = "Content";
+exports.Content = Content;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { FlexProps } from '../flex';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export type ContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & FlexProps & {
+    /** Position the content relative to the trigger. */
+    side?: PopoverPrimitive.PopoverContentProps['side'];
+    /** Offset the content relative to the trigger. */
+    sideOffset?: PopoverPrimitive.PopoverContentProps['sideOffset'];
+    /** Position the beak relative to the content. */
+    beakPosition?: PopoverPrimitive.PopoverContentProps['align'];
+    /** Offset the beak relative to the content. */
+    beakOffset?: PopoverPrimitive.PopoverContentProps['alignOffset'];
+};
+/** The component that pops out when the popover is open. */
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import clsx from "clsx";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { RootContext, rootClassName } from "./toggletip-root.js";
+import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
+import { HasPortalContext, Portal } from "./toggletip-portal.js";
+import { Flex } from "../flex/flex.js";
+import { Slottable } from "@radix-ui/react-slot";
+import { Close } from "./toggletip-close.js";
+import { Arrow } from "./toggletip-arrow.js";
+const Content = React__default.forwardRef(
+  ({ className, beakPosition, sideOffset, side, beakOffset, children, ...props }, forwardRef) => {
+    const { hideClose, hideArrow, negative } = useContext(RootContext);
+    const classes = clsx(
+      [styles[`${rootClassName}__content`]],
+      { [styles[`${rootClassName}__content--negative`]]: negative },
+      className
+    );
+    const hasPortal = useContext(HasPortalContext);
+    if (!hasPortal)
+      return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Content,
+        {
+          ...props,
+          align: beakPosition,
+          alignOffset: beakOffset,
+          side,
+          sideOffset,
+          ref: forwardRef,
+          className: classes,
+          asChild: true,
+          children: /* @__PURE__ */ jsxs(Flex, { ...props, children: [
+            !hideClose && /* @__PURE__ */ jsx(Close, { "aria-label": "Lukk" }),
+            !hideArrow && /* @__PURE__ */ jsx(Arrow, {}),
+            /* @__PURE__ */ jsx(Slottable, { children })
+          ] })
+        }
+      ) });
+    return /* @__PURE__ */ jsx(
+      PopoverPrimitive.Content,
+      {
+        ...props,
+        align: beakPosition,
+        alignOffset: beakOffset,
+        side,
+        sideOffset,
+        ref: forwardRef,
+        className: classes,
+        asChild: true,
+        children: /* @__PURE__ */ jsxs(Flex, { ...props, children: [
+          !hideClose && /* @__PURE__ */ jsx(Close, { "aria-label": "Lukk" }),
+          !hideArrow && /* @__PURE__ */ jsx(Arrow, {}),
+          /* @__PURE__ */ jsx(Slottable, { children })
+        ] })
+      }
+    );
+  }
+);
+Content.displayName = "Content";
+export {
+  Content
+};

package/dist/components/toggletip/toggletip-footer.cjs

@@ -0,0 +1,10 @@
+"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 Footer = React.forwardRef(({ ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { gap: "200", align: "center", justify: "end", ...props, ref: forwardedRef });
+});
+Footer.displayName = "Footer";
+exports.Footer = Footer;

package/dist/components/toggletip/toggletip-footer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Flex } from '../flex';
+
+export type FooterProps = React.ComponentPropsWithoutRef<typeof Flex>;
+/** Group of actions that are displayed in the toggletip footer. */
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/toggletip/toggletip-footer.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Flex } from "../flex/flex.js";
+const Footer = React__default.forwardRef(({ ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsx(Flex, { gap: "200", align: "center", justify: "end", ...props, ref: forwardedRef });
+});
+Footer.displayName = "Footer";
+export {
+  Footer
+};

package/dist/components/toggletip/toggletip-heading.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const components_heading_heading = require("../heading/heading.cjs");
+const clsx = require("clsx");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.cjs");
+const components_toggletip_toggletipRoot = require("./toggletip-root.cjs");
+const Heading = React.forwardRef(
+  ({ className, as = "h2", ...props }, forwardRef) => {
+    const classes = clsx([toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__heading`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_heading_heading.Heading,
+      {
+        variant: "title-100",
+        ...props,
+        ...props.asChild ? { as: void 0, asChild: true } : { as, asChild: false },
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+exports.Heading = Heading;

package/dist/components/toggletip/toggletip-heading.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Heading as PrimitiveHeading } from '../heading';
+
+export type HeadingProps = React.ComponentPropsWithoutRef<typeof PrimitiveHeading>;
+/** */
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/toggletip/toggletip-heading.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Heading as Heading$1 } from "../heading/heading.js";
+import clsx from "clsx";
+import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
+import { rootClassName } from "./toggletip-root.js";
+const Heading = React__default.forwardRef(
+  ({ className, as = "h2", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__heading`]], className);
+    return /* @__PURE__ */ jsx(
+      Heading$1,
+      {
+        variant: "title-100",
+        ...props,
+        ...props.asChild ? { as: void 0, asChild: true } : { as, asChild: false },
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};

package/dist/components/toggletip/toggletip-portal.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const PortalClassName = "teddy-toggletip";
+const HasPortalContext = React.createContext(false);
+function Portal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(HasPortalContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { ...props }) });
+}
+Portal.displayName = "Portal";
+exports.HasPortalContext = HasPortalContext;
+exports.Portal = Portal;
+exports.PortalClassName = PortalClassName;

package/dist/components/toggletip/toggletip-portal.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const PortalClassName = "teddy-toggletip";
+export type PortalProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>;
+export declare const HasPortalContext: React.Context<boolean>;
+/** When used, portals the content part into the body.*/
+export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Portal {
+    var displayName: string;
+}

package/dist/components/toggletip/toggletip-portal.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+const PortalClassName = "teddy-toggletip";
+const HasPortalContext = React__default.createContext(false);
+function Portal(props) {
+  return /* @__PURE__ */ jsx(HasPortalContext.Provider, { value: true, children: /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { ...props }) });
+}
+Portal.displayName = "Portal";
+export {
+  HasPortalContext,
+  Portal,
+  PortalClassName
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const rootClassName = "teddy-toggletip";
+const RootContext = React.createContext({
+  negative: false,
+  hideClose: false,
+  hideArrow: false
+});
+function Root(props) {
+  const { hideClose, hideArrow, negative, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { hideClose, hideArrow, negative }, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { ...rest }) });
+}
+Root.displayName = "Root";
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.rootClassName = rootClassName;

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const rootClassName = "teddy-toggletip";
+export declare const RootContext: React.Context<{
+    negative?: boolean | undefined;
+    hideClose?: boolean | undefined;
+    hideArrow?: boolean | undefined;
+}>;
+export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>, 'open' | 'onOpenChange' | 'modal' | 'defaultOpen'> & {
+    open?: PopoverPrimitive.PopoverProps['open'];
+    onOpenChange?: PopoverPrimitive.PopoverProps['onOpenChange'];
+    modal?: PopoverPrimitive.PopoverProps['modal'];
+    defaultOpen?: PopoverPrimitive.PopoverProps['defaultOpen'];
+    /** Hide the close button. You can use the `Close` component to add a custom close button. */
+    hideClose?: boolean;
+    /** Hide the arrow. You can use the `Arrow` component to add a custom arrow. */
+    hideArrow?: boolean;
+    /** Set the negative variant on the content. */
+    negative?: boolean;
+};
+/** */
+export declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+    var displayName: string;
+}

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

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+const rootClassName = "teddy-toggletip";
+const RootContext = React__default.createContext({
+  negative: false,
+  hideClose: false,
+  hideArrow: false
+});
+function Root(props) {
+  const { hideClose, hideArrow, negative, ...rest } = props;
+  return /* @__PURE__ */ jsx(RootContext.Provider, { value: { hideClose, hideArrow, negative }, children: /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...rest }) });
+}
+Root.displayName = "Root";
+export {
+  Root,
+  RootContext,
+  rootClassName
+};

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const toggletip_module = require("../../toggletip.module-A6XIfaD_.cjs");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const components_toggletip_toggletipRoot = require("./toggletip-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 PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const Trigger = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([toggletip_module.styles[`${components_toggletip_toggletipRoot.rootClassName}__trigger`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Trigger.displayName = "Trigger";
+exports.Trigger = Trigger;