@telia/teddy 0.0.25 → 0.0.26

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

@@ -21,18 +21,18 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
-const slideDown = "_slideDown_1seck_1";
-const slideUp = "_slideUp_1seck_1";
+const slideDown = "_slideDown_1oe24_1";
+const slideUp = "_slideUp_1oe24_1";
 const styles = {
-  "teddy-accordion--indented": "_teddy-accordion--indented_1seck_3",
-  "teddy-accordion__header": "_teddy-accordion__header_1seck_3",
-  "teddy-accordion__content": "_teddy-accordion__content_1seck_11",
-  "teddy-accordion--negative": "_teddy-accordion--negative_1seck_19",
-  "teddy-accordion__title": "_teddy-accordion__title_1seck_23",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_1seck_26",
-  "teddy-accordion__item": "_teddy-accordion__item_1seck_34",
-  "teddy-accordion": "_teddy-accordion_1seck_3",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_1seck_103",
+  "teddy-accordion--indented": "_teddy-accordion--indented_1oe24_3",
+  "teddy-accordion__header": "_teddy-accordion__header_1oe24_3",
+  "teddy-accordion__content": "_teddy-accordion__content_1oe24_11",
+  "teddy-accordion--negative": "_teddy-accordion--negative_1oe24_19",
+  "teddy-accordion__title": "_teddy-accordion__title_1oe24_23",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_1oe24_26",
+  "teddy-accordion__item": "_teddy-accordion__item_1oe24_34",
+  "teddy-accordion": "_teddy-accordion_1oe24_3",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_1oe24_103",
   slideDown,
   slideUp
 };

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

@@ -2,18 +2,18 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import React__default from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-const slideDown = "_slideDown_1seck_1";
-const slideUp = "_slideUp_1seck_1";
+const slideDown = "_slideDown_1oe24_1";
+const slideUp = "_slideUp_1oe24_1";
 const styles = {
-  "teddy-accordion--indented": "_teddy-accordion--indented_1seck_3",
-  "teddy-accordion__header": "_teddy-accordion__header_1seck_3",
-  "teddy-accordion__content": "_teddy-accordion__content_1seck_11",
-  "teddy-accordion--negative": "_teddy-accordion--negative_1seck_19",
-  "teddy-accordion__title": "_teddy-accordion__title_1seck_23",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_1seck_26",
-  "teddy-accordion__item": "_teddy-accordion__item_1seck_34",
-  "teddy-accordion": "_teddy-accordion_1seck_3",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_1seck_103",
+  "teddy-accordion--indented": "_teddy-accordion--indented_1oe24_3",
+  "teddy-accordion__header": "_teddy-accordion__header_1oe24_3",
+  "teddy-accordion__content": "_teddy-accordion__content_1oe24_11",
+  "teddy-accordion--negative": "_teddy-accordion--negative_1oe24_19",
+  "teddy-accordion__title": "_teddy-accordion__title_1oe24_23",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_1oe24_26",
+  "teddy-accordion__item": "_teddy-accordion__item_1oe24_34",
+  "teddy-accordion": "_teddy-accordion_1oe24_3",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_1oe24_103",
   slideDown,
   slideUp
 };

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 require("../../assets/sprite.5636ec8e-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");

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

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Close
- * -----------------------------------------------------------------------------------------------*/
 export type CloseProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>, 'asChild' | 'children'> & ({
     children: React.ReactElement;
     slot: 'content';

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import "../../assets/sprite.5636ec8e-teddy.svg";
 import { Icon } from "../icon/icon.js";

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
 function _interopNamespaceDefault(e) {

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

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Content
- * -----------------------------------------------------------------------------------------------*/
 export type ContentProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>, 'forceMount' | 'onOpenAutoFocus' | 'onCloseAutoFocus' | 'onEscapeKeyDown' | 'onPointerDownOutside' | 'onInteractOutside'> & {
     forceMount?: DrawerPrimitive.DialogContentProps['forceMount'];
     onOpenAutoFocus?: DrawerPrimitive.DialogContentProps['onOpenAutoFocus'];

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import { OverlayContext, Overlay } from "./drawer-overlay.js";
 const InnerContent = React__default.forwardRef(

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_text_text = require("../text/text.cjs");
 function _interopNamespaceDefault(e) {

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

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Description
- * -----------------------------------------------------------------------------------------------*/
 export declare const DescriptionContext: React.Context<boolean>;
 export type DescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;
 export declare const Description: React.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import { Text } from "../text/text.js";
 const DescriptionContext = React__default.createContext(false);

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
 const Footer = React.forwardRef(

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

@@ -1,8 +1,5 @@
 import { default as React } from 'react';
 import { Flex } from '../flex';
 
-/** -------------------------------------------------------------------------------------------------
- * Footer
- * -----------------------------------------------------------------------------------------------*/
 export type FooterProps = React.ComponentPropsWithoutRef<typeof Flex>;
 export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import { Flex } from "../flex/flex.js";
 const Footer = React__default.forwardRef(

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

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

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Overlay
- * -----------------------------------------------------------------------------------------------*/
 export declare const OverlayContext: React.Context<boolean>;
 export type OverlayProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> & {
     container?: React.ComponentProps<typeof DrawerPrimitive.Portal>['container'];

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 const OverlayContext = React__default.createContext(false);
 const Overlay = React__default.forwardRef(

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

@@ -20,7 +20,7 @@ export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimiti
      */
     modal?: DrawerPrimitive.DialogProps['modal'];
 };
-export declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: RootProps): JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
-const drawer_module = require("../../drawer.module-w9nGK9pO.cjs");
+const drawer_module = require("../../drawer.module-CWDhohQm.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
 function _interopNamespaceDefault(e) {

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

@@ -2,8 +2,9 @@ import { default as React } from 'react';
 import { Heading } from '../heading';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Title
- * -----------------------------------------------------------------------------------------------*/
 export type TitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> & React.ComponentPropsWithoutRef<typeof Heading>;
+/**
+ * The title of the drawer.
+ * The tag is an `h2` by default, but can be changed with the `as` prop.
+ */
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
-import { s as styles } from "../../drawer.module-B3QhrxH1.js";
+import { s as styles } from "../../drawer.module-BxsrDZFu.js";
 import { rootClassName } from "./drawer-root.js";
 import { Heading } from "../heading/heading.js";
 const Title = React__default.forwardRef(

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

@@ -1,12 +1,14 @@
 import { default as React } from 'react';
 
 import * as DrawerPrimitive from '@radix-ui/react-dialog';
-/** -------------------------------------------------------------------------------------------------
- * Trigger
- * -----------------------------------------------------------------------------------------------*/
 export type TriggerProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>, 'asChild' | 'children'> & {
     children: React.ReactElement;
 };
+/**
+ * The trigger for the drawer.
+ * The children of this component will be used as the trigger.
+ * Normally a plain `<button>`.
+ */
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<Omit<DrawerPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "children" | "asChild"> & {
     children: React.ReactElement;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/index.cjs

@@ -8,6 +8,14 @@ const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
 const components_drawer_drawerRoot = require("./drawer-root.cjs");
 const components_drawer_drawerTitle = require("./drawer-title.cjs");
 const components_drawer_drawerTrigger = require("./drawer-trigger.cjs");
+components_drawer_drawerClose.Close.displayName = "Drawer.Close";
+components_drawer_drawerContent.Content.displayName = "Drawer.Content";
+components_drawer_drawerDescription.Description.displayName = "Drawer.Description";
+components_drawer_drawerFooter.Footer.displayName = "Drawer.Footer";
+components_drawer_drawerOverlay.Overlay.displayName = "Drawer.Overlay";
+components_drawer_drawerRoot.Root.displayName = "Drawer";
+components_drawer_drawerTitle.Title.displayName = "Drawer.Title";
+components_drawer_drawerTrigger.Trigger.displayName = "Drawer.Trigger";
 const Drawer = Object.assign(components_drawer_drawerRoot.Root, {
   Title: components_drawer_drawerTitle.Title,
   Description: components_drawer_drawerDescription.Description,

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,28 @@
+import { Close, CloseProps } from './drawer-close';
+import { Content, ContentProps } from './drawer-content';
+import { Description, DescriptionProps } from './drawer-description';
+import { Footer, FooterProps } from './drawer-footer';
+import { Overlay, OverlayProps } from './drawer-overlay';
+import { Root, RootProps } from './drawer-root';
+import { Title, TitleProps } from './drawer-title';
+import { Trigger, TriggerProps } from './drawer-trigger';
+
+export declare const Drawer: typeof Root & {
+    Title: typeof Title;
+    Description: typeof Description;
+    Trigger: typeof Trigger;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Footer: typeof Footer;
+    Close: typeof Close;
+};
+export type DrawerProps = {
+    Root: RootProps;
+    Title: TitleProps;
+    Description: DescriptionProps;
+    Trigger: TriggerProps;
+    Overlay: OverlayProps;
+    Content: ContentProps;
+    Footer: FooterProps;
+    Close: CloseProps;
+};

package/dist/components/drawer/index.js

@@ -6,6 +6,14 @@ import { Overlay } from "./drawer-overlay.js";
 import { Root } from "./drawer-root.js";
 import { Title } from "./drawer-title.js";
 import { Trigger } from "./drawer-trigger.js";
+Close.displayName = "Drawer.Close";
+Content.displayName = "Drawer.Content";
+Description.displayName = "Drawer.Description";
+Footer.displayName = "Drawer.Footer";
+Overlay.displayName = "Drawer.Overlay";
+Root.displayName = "Drawer";
+Title.displayName = "Drawer.Title";
+Trigger.displayName = "Drawer.Trigger";
 const Drawer = Object.assign(Root, {
   Title,
   Description,

package/dist/components/modal/modal.cjs

@@ -53,20 +53,21 @@ function _interopNamespaceDefault(e) {
 }
 const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(DrawerPrimitive);
 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.createContext({

package/dist/components/modal/modal.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/navigation-menu.cjs

@@ -7,6 +7,7 @@ const NavigationMenuPrimitive = require("@radix-ui/react-navigation-menu");
 const utils_composeRefs = require("../../utils/composeRefs.cjs");
 const components_visuallyHidden_visuallyHidden = require("../visually-hidden/visually-hidden.cjs");
 const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const reactSlot = require("@radix-ui/react-slot");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -24,31 +25,31 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const NavigationMenuPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(NavigationMenuPrimitive);
-const enterFromLeft = "_enterFromLeft_139wf_1";
-const enterFromRight = "_enterFromRight_139wf_1";
-const exitToLeft = "_exitToLeft_139wf_1";
-const exitToRight = "_exitToRight_139wf_1";
-const scaleIn = "_scaleIn_139wf_1";
-const scaleOut = "_scaleOut_139wf_1";
+const enterFromLeft = "_enterFromLeft_959s3_1";
+const enterFromRight = "_enterFromRight_959s3_1";
+const exitToLeft = "_exitToLeft_959s3_1";
+const exitToRight = "_exitToRight_959s3_1";
+const scaleIn = "_scaleIn_959s3_1";
+const scaleOut = "_scaleOut_959s3_1";
 const styles = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_139wf_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_139wf_33",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_139wf_36",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_139wf_55",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_139wf_75",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_139wf_93",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_139wf_98",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_139wf_163",
+  "teddy-navigation-menu": "_teddy-navigation-menu_959s3_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_959s3_33",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_959s3_36",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_959s3_55",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_959s3_75",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_959s3_92",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_959s3_97",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_959s3_169",
   enterFromLeft,
   enterFromRight,
   exitToLeft,
   exitToRight,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_139wf_208",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_139wf_226",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_139wf_231",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_139wf_296",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_139wf_314",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_139wf_319",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_959s3_213",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_959s3_231",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_959s3_236",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_959s3_301",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_959s3_319",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_959s3_324",
   scaleIn,
   scaleOut
 };
@@ -133,18 +134,19 @@ const TopMenuItem = React.forwardRef(
   }
 );
 const TopMenuTrigger = React.forwardRef(
-  ({ className, active, ...props }, forwardRef) => {
+  ({ className, asChild, active, ...props }, forwardRef) => {
     const classes = clsx(
       [styles[`${rootClassName}__top-menu-trigger`], styles[`${rootClassName}__top-menu-trigger--small`]],
       className
     );
+    const Comp = asChild ? reactSlot.Slot : "button";
     const context = React.useContext(NavigationMenuContext);
     const innerRef = React.useRef(null);
     const ref = utils_composeRefs.useComposedRefs(innerRef, forwardRef);
     const isOpen = context.selectedTopMenu === props.value;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+        Comp,
         {
           ...props,
           ref,

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -24,6 +24,7 @@ type TopMenuItemProps = React.ComponentPropsWithoutRef<'li'>;
 type TopMenuTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
     value: string;
     active?: boolean;
+    asChild?: boolean;
 };
 /** -------------------------------------------------------------------------------------------------
  * NavigationMenuList
@@ -110,6 +111,7 @@ declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMen
     TopMenuTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         value: string;
         active?: boolean | undefined;
+        asChild?: boolean | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
 };
 type NavigationMenuProps = {

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

@@ -5,31 +5,32 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { useComposedRefs } from "../../utils/composeRefs.js";
 import { VisuallyHidden } from "../visually-hidden/visually-hidden.js";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
-const enterFromLeft = "_enterFromLeft_139wf_1";
-const enterFromRight = "_enterFromRight_139wf_1";
-const exitToLeft = "_exitToLeft_139wf_1";
-const exitToRight = "_exitToRight_139wf_1";
-const scaleIn = "_scaleIn_139wf_1";
-const scaleOut = "_scaleOut_139wf_1";
+import { Slot } from "@radix-ui/react-slot";
+const enterFromLeft = "_enterFromLeft_959s3_1";
+const enterFromRight = "_enterFromRight_959s3_1";
+const exitToLeft = "_exitToLeft_959s3_1";
+const exitToRight = "_exitToRight_959s3_1";
+const scaleIn = "_scaleIn_959s3_1";
+const scaleOut = "_scaleOut_959s3_1";
 const styles = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_139wf_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_139wf_33",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_139wf_36",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_139wf_55",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_139wf_75",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_139wf_93",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_139wf_98",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_139wf_163",
+  "teddy-navigation-menu": "_teddy-navigation-menu_959s3_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_959s3_33",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_959s3_36",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_959s3_55",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_959s3_75",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_959s3_92",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_959s3_97",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_959s3_169",
   enterFromLeft,
   enterFromRight,
   exitToLeft,
   exitToRight,
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_139wf_208",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_139wf_226",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_139wf_231",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_139wf_296",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_139wf_314",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_139wf_319",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_959s3_213",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_959s3_231",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_959s3_236",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_959s3_301",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_959s3_319",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_959s3_324",
   scaleIn,
   scaleOut
 };
@@ -114,18 +115,19 @@ const TopMenuItem = React__default.forwardRef(
   }
 );
 const TopMenuTrigger = React__default.forwardRef(
-  ({ className, active, ...props }, forwardRef) => {
+  ({ className, asChild, active, ...props }, forwardRef) => {
     const classes = clsx(
       [styles[`${rootClassName}__top-menu-trigger`], styles[`${rootClassName}__top-menu-trigger--small`]],
       className
     );
+    const Comp = asChild ? Slot : "button";
     const context = React__default.useContext(NavigationMenuContext);
     const innerRef = React__default.useRef(null);
     const ref = useComposedRefs(innerRef, forwardRef);
     const isOpen = context.selectedTopMenu === props.value;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        "button",
+        Comp,
         {
           ...props,
           ref,

package/dist/drawer.module-BxsrDZFu.js

@@ -0,0 +1,14 @@
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_jzq1o_25",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_jzq1o_1",
+  "teddy-fade-in": "_teddy-fade-in_jzq1o_1",
+  "teddy-fade-out": "_teddy-fade-out_jzq1o_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_jzq1o_49",
+  "teddy-drawer__content": "_teddy-drawer__content_jzq1o_55",
+  "drawer-content-show": "_drawer-content-show_jzq1o_1",
+  "drawer-content-hide": "_drawer-content-hide_jzq1o_1",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_jzq1o_80"
+};
+export {
+  styles as s
+};