@telia/teddy 0.0.24 → 0.0.26

package/dist/components/card/card.cjs

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const utils_composeRefs = require("../../utils/composeRefs.cjs");
+const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
+const components_box_box = require("../box/box.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_button_button = require("../button/button.cjs");
+const components_link_link = require("../link/link.cjs");
+const tokens_spacing_variables = require("../../tokens/spacing/variables.cjs");
+const components_grid_grid = require("../grid/grid.cjs");
+const styles = {
+  "teddy-card": "_teddy-card_aok47_3",
+  "teddy-card__slot": "_teddy-card__slot_aok47_13",
+  "teddy-card__slot--bottom": "_teddy-card__slot--bottom_aok47_16",
+  "teddy-card__slot--center": "_teddy-card__slot--center_aok47_19",
+  "teddy-card--shadow": "_teddy-card--shadow_aok47_41",
+  "teddy-card__action": "_teddy-card__action_aok47_45",
+  "teddy-card__action--disabled": "_teddy-card__action--disabled_aok47_45",
+  "teddy-card--border": "_teddy-card--border_aok47_52",
+  "teddy-card--layout": "_teddy-card--layout_aok47_55",
+  "teddy-card__illustration": "_teddy-card__illustration_aok47_55",
+  "teddy-card__content": "_teddy-card__content_aok47_58",
+  "teddy-card__heading": "_teddy-card__heading_aok47_61",
+  "teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_aok47_67",
+  "teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_aok47_86",
+  "teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_aok47_98",
+  "teddy-card--rich-card": "_teddy-card--rich-card_aok47_110",
+  "teddy-card__line": "_teddy-card__line_aok47_128",
+  "teddy-card--purple-light": "_teddy-card--purple-light_aok47_132",
+  "teddy-card--purple-dark": "_teddy-card--purple-dark_aok47_146",
+  "teddy-card--white": "_teddy-card--white_aok47_165",
+  "teddy-card--gray": "_teddy-card--gray_aok47_179",
+  "teddy-card--beige": "_teddy-card--beige_aok47_193",
+  "teddy-card__image--as-background": "_teddy-card__image--as-background_aok47_207",
+  "teddy-card--background-image": "_teddy-card--background-image_aok47_213",
+  "teddy-card__inset": "_teddy-card__inset_aok47_218",
+  "teddy-card__inset--top": "_teddy-card__inset--top_aok47_221",
+  "teddy-card__inset--left": "_teddy-card__inset--left_aok47_224",
+  "teddy-card__inset--right": "_teddy-card__inset--right_aok47_227",
+  "teddy-card__inset--bottom": "_teddy-card__inset--bottom_aok47_230"
+};
+const rootClassName = "teddy-card";
+const actionElementIdentifier = `${rootClassName}__action`;
+const variantOptions = ["purple-light", "purple-dark", "gray", "white", "beige"];
+const RootContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, children, shadow, backgroundImageSrc, layout, variant, bordered, ...props }, forwardRef) => {
+    const buttonRef = React.useRef(null);
+    const linkRef = React.useRef(null);
+    const classes = clsx(
+      [styles[`${rootClassName}`]],
+      {
+        [styles[`${rootClassName}--${variant}`]]: variant,
+        [styles[`${rootClassName}--border`]]: bordered,
+        [styles[`${rootClassName}--shadow`]]: shadow,
+        [styles[`${rootClassName}--background-image`]]: backgroundImageSrc,
+        [styles[`${rootClassName}--layout`]]: layout,
+        [styles[`${rootClassName}--${layout}`]]: layout
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { buttonRef, linkRef, variant, layout }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_grid_grid.Grid,
+      {
+        ...props,
+        className: classes,
+        style: backgroundImageSrc ? { background: `url(${backgroundImageSrc})`, ...props.style } : props.style,
+        onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
+          var _a;
+          if (e.isDefaultPrevented())
+            return;
+          if (linkRef.current)
+            return linkRef.current.click();
+          (_a = buttonRef.current) == null ? void 0 : _a.click();
+        }),
+        ref: forwardRef,
+        children
+      }
+    ) });
+  }
+);
+Root.displayName = "Card";
+const Heading = React.forwardRef(
+  ({ className, as = "h2", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__heading`]], className);
+    const variant = props.variant ?? "title-200";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_heading_heading.Heading,
+      {
+        ...props,
+        ...!props.asChild ? { as, asChild: false } : { as: void 0, asChild: true },
+        variant,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+Heading.displayName = "Card.Heading";
+const Content = React.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx([styles[`${rootClassName}__content`]], className);
+  return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, ref: forwardRef, className: classes });
+});
+Content.displayName = "Card.Content";
+const Slot = React.forwardRef(({ className, align, ...props }, forwardRef) => {
+  const classes = clsx(
+    [
+      styles[`${rootClassName}__slot`],
+      {
+        [styles[`${rootClassName}__slot--center`]]: align === "top" || align === "bottom",
+        [styles[`${rootClassName}__slot--bottom`]]: align == null ? void 0 : align.includes("bottom")
+      }
+    ],
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_box_box.Box,
+    {
+      position: "absolute",
+      top: (align == null ? void 0 : align.includes("top")) ? "0" : void 0,
+      bottom: (align == null ? void 0 : align.includes("bottom")) ? "0" : void 0,
+      left: (align == null ? void 0 : align.includes("left")) ? "200" : (align == null ? void 0 : align.includes("right")) ? void 0 : "50%",
+      right: (align == null ? void 0 : align.includes("right")) ? "200" : void 0,
+      ...props,
+      ref: forwardRef,
+      className: classes
+    }
+  );
+});
+const insetOptions = [
+  "top",
+  "bottom",
+  "left",
+  "right",
+  "all",
+  "top-right-left",
+  "bottom-left-right",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right",
+  "top-bottom",
+  "left-right"
+];
+const Illustration = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const classes = clsx([styles[`${rootClassName}__illustration`]], className, [styles[`${rootClassName}__inset`]], {
+      [styles[`${rootClassName}__inset--top`]]: ((_a = props.inset) == null ? void 0 : _a.includes("top")) || ((_b = props.inset) == null ? void 0 : _b.includes("all")),
+      [styles[`${rootClassName}__inset--bottom`]]: ((_c = props.inset) == null ? void 0 : _c.includes("bottom")) || ((_d = props.inset) == null ? void 0 : _d.includes("all")),
+      [styles[`${rootClassName}__inset--left`]]: ((_e = props.inset) == null ? void 0 : _e.includes("left")) || ((_f = props.inset) == null ? void 0 : _f.includes("all")),
+      [styles[`${rootClassName}__inset--right`]]: ((_g = props.inset) == null ? void 0 : _g.includes("right")) || ((_h = props.inset) == null ? void 0 : _h.includes("all"))
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: classes, ref: forwardRef, children });
+  }
+);
+Illustration.displayName = "Card.Illustration";
+function getButtonVariant(variant) {
+  switch (variant) {
+    case "purple-dark":
+      return "primary-negative";
+    default:
+      return "primary";
+  }
+}
+const Button = React.forwardRef(
+  ({ className, iconOnly = false, ...props }, forwardRef) => {
+    const context = React.useContext(RootContext);
+    const classes = clsx(
+      [styles[`${rootClassName}__button`]],
+      styles[actionElementIdentifier],
+      {
+        [styles[`${actionElementIdentifier}--disabled`]]: props.disabled
+      },
+      className
+    );
+    const ref = utils_composeRefs.composeRefs(context == null ? void 0 : context.buttonRef, forwardRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_button_button.Button,
+      {
+        ...!iconOnly || !props["aria-label"] ? { iconOnly: false, "aria-label": void 0 } : { iconOnly: true, "aria-label": props["aria-label"] },
+        ref,
+        variant: getButtonVariant(context == null ? void 0 : context.variant),
+        ...props,
+        className: classes
+      }
+    ) });
+  }
+);
+Button.displayName = "Card.Button";
+const Link = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const context = React.useContext(RootContext);
+    const classes = clsx([styles[`${rootClassName}__link`]], styles[actionElementIdentifier], className);
+    const ref = utils_composeRefs.composeRefs(context == null ? void 0 : context.linkRef, forwardRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_link_link.Link, { ...props, ref, className: classes });
+  }
+);
+Link.displayName = "Card.Link";
+const Line = React.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx([styles[`${rootClassName}__line`]], className);
+  return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", p: "0", m: `${tokens_spacing_variables.teddySpacing50} 0`, ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("hr", {}) });
+});
+const Card = Object.assign(Root, {
+  Root,
+  Heading,
+  Content,
+  Illustration,
+  Button,
+  Link,
+  Slot,
+  Line,
+  variantOptions,
+  insetOptions
+});
+exports.Card = Card;

package/dist/components/card/index.cjs

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

package/dist/components/chip/chip-indicator.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_chip_chip = require("./chip.cjs");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const Indicator = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([components_chip_chip.styles[`${components_chip_chip.rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "checkmark", ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "Indicator";
+exports.Indicator = Indicator;

package/dist/components/chip/chip-item.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 clsx = require("clsx");
+const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
+const components_chip_chip = require("./chip.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+const components_chip_chipIndicator = require("./chip-indicator.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 ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
+const Item = React.forwardRef(function Item2({ className, unavailable, ...props }, forwardRef) {
+  const context = React.useContext(components_chip_chip.RootContext);
+  const classes = clsx(
+    [
+      components_chip_chip.styles[`${components_chip_chip.rootClassName}__item`],
+      {
+        [components_chip_chip.styles[`${components_chip_chip.rootClassName}__item--${context == null ? void 0 : context.variant}`]]: context == null ? void 0 : context.variant,
+        [components_chip_chip.styles[`${components_chip_chip.rootClassName}__item--unavailable`]]: unavailable
+      }
+    ],
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { gap: props.gap || "100", flexGrow: (context == null ? void 0 : context.fullWidth) ? "1" : "0", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(ToggleGroupPrimitive__namespace.Item, { ...props, className: classes, ref: forwardRef, children: [
+    props.children,
+    (context == null ? void 0 : context.variant) === "filter" && /* @__PURE__ */ jsxRuntime.jsx(components_chip_chipIndicator.Indicator, {})
+  ] }) });
+});
+Item.displayName = "Item";
+exports.Item = Item;

package/dist/components/chip/chip.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 ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
+const components_flex_flex = require("../flex/flex.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 ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
+const styles = {
+  "teddy-chip__item": "_teddy-chip__item_1er2j_1",
+  "teddy-chip__item--unavailable": "_teddy-chip__item--unavailable_1er2j_33",
+  "teddy-chip__indicator": "_teddy-chip__indicator_1er2j_82"
+};
+const rootClassName = "teddy-chip";
+const RootContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, children, fullWidth, variant, asChild, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RootContext.Provider,
+      {
+        value: { variant: variant || (props.type === "multiple" ? "filter" : "choice"), fullWidth },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { gap: "200", ...asChild ? { asChild: true, as: void 0 } : { as: "div" }, children }) })
+      }
+    );
+  }
+);
+Root.displayName = "Root";
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/chip/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_chip_chip = require("./chip.cjs");
+const components_chip_chipIndicator = require("./chip-indicator.cjs");
+const components_chip_chipItem = require("./chip-item.cjs");
+const Chip = Object.assign(components_chip_chip.Root, {
+  Item: components_chip_chipItem.Item,
+  Indicator: components_chip_chipIndicator.Indicator
+});
+exports.Chip = Chip;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_button_button = require("../button/button.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 Close = React.forwardRef(
+  ({ className, ...props }, forwardedRef) => {
+    const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__close`]], {
+      [drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__close--floating`]]: props.slot === "floating",
+      className
+    });
+    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: "tertiary-purple", 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/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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+const components_drawer_drawerOverlay = require("./drawer-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({ children, className, ...props }, forwardedRef) {
+    const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__content`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Content, { ...props, ref: forwardedRef, className: classes, children });
+  }
+);
+const Content = React.forwardRef(
+  ({ forceMount, ...contentProps }, forwardedRef) => {
+    const hasOverlay = React.useContext(components_drawer_drawerOverlay.OverlayContext);
+    if (!hasOverlay)
+      return /* @__PURE__ */ jsxRuntime.jsx(components_drawer_drawerOverlay.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/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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+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 DescriptionContext = React.createContext(false);
+const Description = React.forwardRef(
+  ({ className, children, ...rest }, forwardedRef) => {
+    const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__description`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Description, { className: classes, ref: forwardedRef, ...rest, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { children }) });
+  }
+);
+Description.displayName = "Description";
+exports.Description = Description;
+exports.DescriptionContext = DescriptionContext;

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

@@ -0,0 +1,16 @@
+"use strict";
+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-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-root.cjs");
+const components_flex_flex = require("../flex/flex.cjs");
+const Footer = React.forwardRef(
+  ({ className, ...rest }, forwardedRef) => {
+    const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__footer`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { mt: "auto", justify: "end", gap: "200", className: classes, ref: forwardedRef, ...rest });
+  }
+);
+Footer.displayName = "Footer";
+exports.Footer = Footer;

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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-CWDhohQm.cjs");
+const components_drawer_drawerRoot = require("./drawer-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(
+      [
+        drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__overlay`],
+        {
+          [drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__overlay--container`]]: container
+        }
+      ],
+      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/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(