@telia/teddy 0.7.41 → 0.7.43

package/dist/components/pagination/pagination-button.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const components_button_button = require("../button/button.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_text_text = require("../text/text.cjs");
 const pagination_module = require("../../pagination.module-cJw-49kO.cjs");

package/dist/components/pagination/pagination-button.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import { Button as Button$1 } from "../button/button.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Text } from "../text/text.js";
 import { s as styles } from "../../pagination.module-BZYtfhKG.js";

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

@@ -38,7 +38,7 @@ require("../tabs/index.cjs");
 require("../drawer/index.cjs");
 require("../image/image.cjs");
 require("../chip/index.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../notification/index.cjs");
 require("../radio-group/index.cjs");
 require("../box/box.cjs");

package/dist/components/radio-card-group/radio-card-group-content.js

@@ -36,7 +36,7 @@ import "../tabs/index.js";
 import "../drawer/index.js";
 import "../image/image.js";
 import "../chip/index.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../notification/index.js";
 import "../radio-group/index.js";
 import "../box/box.js";

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

@@ -39,7 +39,7 @@ require("../tabs/index.cjs");
 require("../drawer/index.cjs");
 require("../image/image.cjs");
 require("../chip/index.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../notification/index.cjs");
 require("../radio-group/index.cjs");
 require("../box/box.cjs");

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

@@ -37,7 +37,7 @@ import "../tabs/index.js";
 import "../drawer/index.js";
 import "../image/image.js";
 import "../chip/index.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../notification/index.js";
 import "../radio-group/index.js";
 import "../box/box.js";

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

@@ -39,7 +39,7 @@ require("../tabs/index.cjs");
 require("../drawer/index.cjs");
 require("../image/image.cjs");
 require("../chip/index.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../notification/index.cjs");
 require("../radio-group/index.cjs");
 require("../box/box.cjs");

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

@@ -37,7 +37,7 @@ import "../tabs/index.js";
 import "../drawer/index.js";
 import "../image/image.js";
 import "../chip/index.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../notification/index.js";
 import "../radio-group/index.js";
 import "../box/box.js";

package/dist/components/scroll-area/scroll-area-button.cjs

@@ -6,6 +6,6 @@ require("clsx");
 const components_scrollArea_scrollAreaThumb = require("./scroll-area-thumb.cjs");
 require("../button/button.cjs");
 require("../../utils/composeEventHandlers.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../icon/icon.cjs");
 exports.Button = components_scrollArea_scrollAreaThumb.Button$1;

package/dist/components/scroll-area/scroll-area-button.js

@@ -4,7 +4,7 @@ import "clsx";
 import { B } from "./scroll-area-thumb.js";
 import "../button/button.js";
 import "../../utils/composeEventHandlers.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../icon/icon.js";
 export {
   B as Button

package/dist/components/scroll-area/scroll-area-thumb.cjs

@@ -6,7 +6,7 @@ const clsx = require("clsx");
 const ScrollAreaPrimitive = require("@radix-ui/react-scroll-area");
 const components_button_button = require("../button/button.cjs");
 const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/components/scroll-area/scroll-area-thumb.js

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { Button as Button$1 } from "../button/button.js";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
   "teddy-scroll-area": "_teddy-scroll-area_1r6mf_1",

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

@@ -22,6 +22,7 @@ export declare const Select: import('react').ForwardRefExoticComponent<import('@
     className?: string | undefined;
     frameClassName?: string | undefined;
     options: string[];
+    maxHeight?: string | number | undefined;
 } & import('react').RefAttributes<never>> & {
     Indicator: import('react').ForwardRefExoticComponent<Omit<Partial<import('..').IconProps>, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -22,7 +22,7 @@ function _interopNamespaceDefault(e) {
 }
 const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
 const Content = React.forwardRef(
-  ({ ...props }, forwardRef) => {
+  (props, forwardRef) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       RadixSelect__namespace.Content,
       {

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

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

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import * as RadixSelect from "@radix-ui/react-select";
 import { s as styles, rootClassName } from "./select-root.js";
 const Content = React__default.forwardRef(
-  ({ ...props }, forwardRef) => {
+  (props, forwardRef) => {
     return /* @__PURE__ */ jsx(
       RadixSelect.Content,
       {

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

@@ -2,12 +2,25 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
+const clsx = require("clsx");
+const components_select_selectRoot = require("./select-root.cjs");
 const Indicator = React.forwardRef(
   ({ className, children, name, ...props }, forwardRef) => {
     const icon = name === "chevron-up" ? "chevron-up" : "chevron-down";
-    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-hidden": true, name: icon, ...props, ref: forwardRef, className, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_icon_icon.Icon,
+      {
+        "aria-hidden": true,
+        name: icon,
+        size: props.size || "sm",
+        ...props,
+        ref: forwardRef,
+        className: clsx.clsx(components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__icon`], className),
+        children
+      }
+    );
   }
 );
 Indicator.displayName = "Indicator";

package/dist/components/select/select-indicator.js

@@ -1,11 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
+import { clsx } from "clsx";
+import { s as styles, rootClassName } from "./select-root.js";
 const Indicator = React__default.forwardRef(
   ({ className, children, name, ...props }, forwardRef) => {
     const icon = name === "chevron-up" ? "chevron-up" : "chevron-down";
-    return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, name: icon, ...props, ref: forwardRef, className, children });
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        "aria-hidden": true,
+        name: icon,
+        size: props.size || "sm",
+        ...props,
+        ref: forwardRef,
+        className: clsx(styles[`${rootClassName}__icon`], className),
+        children
+      }
+    );
   }
 );
 Indicator.displayName = "Indicator";

package/dist/components/select/select-item.cjs

@@ -26,7 +26,7 @@ const Item = React.forwardRef(
   ({ children, ...props }, forwardRef) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(RadixSelect__namespace.Item, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__item`], ...props, ref: forwardRef, children: [
       /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.ItemText, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.ItemIndicator, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__item-indicator`], children: /* @__PURE__ */ jsxRuntime.jsx(components_select_selectIndicator.Indicator, { name: "chevron-down" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.ItemIndicator, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__item-indicator`], children: /* @__PURE__ */ jsxRuntime.jsx(components_select_selectIndicator.Indicator, { name: "chevron-down", size: "xs" }) })
     ] });
   }
 );

package/dist/components/select/select-item.js

@@ -7,7 +7,7 @@ const Item = React__default.forwardRef(
   ({ children, ...props }, forwardRef) => {
     return /* @__PURE__ */ jsxs(RadixSelect.Item, { className: styles[`${rootClassName}__item`], ...props, ref: forwardRef, children: [
       /* @__PURE__ */ jsx(RadixSelect.ItemText, { children }),
-      /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { className: styles[`${rootClassName}__item-indicator`], children: /* @__PURE__ */ jsx(Indicator, { name: "chevron-down" }) })
+      /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { className: styles[`${rootClassName}__item-indicator`], children: /* @__PURE__ */ jsx(Indicator, { name: "chevron-down", size: "xs" }) })
     ] });
   }
 );

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

@@ -25,18 +25,21 @@ function _interopNamespaceDefault(e) {
 }
 const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
 const styles = {
-  "teddy-select": "_teddy-select_a7ezt_1",
-  "teddy-select__trigger": "_teddy-select__trigger_a7ezt_12",
-  "teddy-select__trigger--error": "_teddy-select__trigger--error_a7ezt_38",
-  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_a7ezt_42",
-  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_a7ezt_48",
-  "teddy-select__icon": "_teddy-select__icon_a7ezt_53",
-  "teddy-select__content": "_teddy-select__content_a7ezt_56",
-  "teddy-select__viewport": "_teddy-select__viewport_a7ezt_65",
-  "teddy-select__item": "_teddy-select__item_a7ezt_69",
-  "teddy-select__item-indicator": "_teddy-select__item-indicator_a7ezt_89",
-  "teddy-select__separator": "_teddy-select__separator_a7ezt_97",
-  "teddy-select__label": "_teddy-select__label_a7ezt_102"
+  "teddy-select": "_teddy-select_d7s5u_1",
+  "teddy-select__trigger": "_teddy-select__trigger_d7s5u_12",
+  "teddy-select__icon": "_teddy-select__icon_d7s5u_30",
+  "teddy-select__trigger--error": "_teddy-select__trigger--error_d7s5u_44",
+  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_d7s5u_48",
+  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_d7s5u_54",
+  "teddy-select__content": "_teddy-select__content_d7s5u_62",
+  "teddy-select__item": "_teddy-select__item_d7s5u_73",
+  "teddy-select__item-indicator": "_teddy-select__item-indicator_d7s5u_94",
+  "teddy-select__separator": "_teddy-select__separator_d7s5u_105",
+  "teddy-select__label": "_teddy-select__label_d7s5u_110",
+  "teddy-select__scroll-area-root": "_teddy-select__scroll-area-root_d7s5u_118",
+  "teddy-select__scroll-area-viewport": "_teddy-select__scroll-area-viewport_d7s5u_122",
+  "teddy-select__scroll-area-scrollbar": "_teddy-select__scroll-area-scrollbar_d7s5u_131",
+  "teddy-select__scroll-area-thumb": "_teddy-select__scroll-area-thumb_d7s5u_137"
 };
 const SelectContext = React.createContext({
   isDirty: false,
@@ -58,6 +61,7 @@ const Root = React.forwardRef(
     validationState,
     errorText,
     options,
+    maxHeight,
     ...props
   }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className);
@@ -70,7 +74,7 @@ const Root = React.forwardRef(
       return value2;
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, ref: forwardRef, className: classes, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: { isDirty, setIsDirty, inputRef, options }, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixSelect__namespace.Root, { ...props, onValueChange: handleValueChange, value: value || currentValue, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: { isDirty, setIsDirty, inputRef, options, maxHeight }, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixSelect__namespace.Root, { ...props, onValueChange: handleValueChange, value: value || currentValue, children: [
         label && /* @__PURE__ */ jsxRuntime.jsx(components_label_label.Label, { disabled, children: label }),
         children,
         helperText && /* @__PURE__ */ jsxRuntime.jsx(components_helperText_helperText.HelperText, { children: helperText }),

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

@@ -11,6 +11,7 @@ type SelectContextValue = {
     validationState?: ValidationState;
     placeholder?: string;
     options: string[];
+    maxHeight?: string | number;
 };
 export declare const SelectContext: React.Context<SelectContextValue>;
 export type RootProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Root> & {
@@ -28,6 +29,8 @@ export type RootProps = React.ComponentPropsWithoutRef<typeof RadixSelect.Root>
     className?: string;
     frameClassName?: string;
     options: string[];
+    /** Maximum height of the dropdown. Defaults to the available viewport height. */
+    maxHeight?: string | number;
 };
 export declare const rootClassName = "teddy-select";
 export declare const Root: React.ForwardRefExoticComponent<RadixSelect.SelectProps & {
@@ -45,5 +48,7 @@ export declare const Root: React.ForwardRefExoticComponent<RadixSelect.SelectPro
     className?: string | undefined;
     frameClassName?: string | undefined;
     options: string[];
+    /** Maximum height of the dropdown. Defaults to the available viewport height. */
+    maxHeight?: string | number | undefined;
 } & React.RefAttributes<never>>;
 export {};

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

@@ -6,18 +6,21 @@ import { HelperText } from "../helper-text/helper-text.js";
 import { FieldErrorText } from "../field-error-text/field-error-text.js";
 import clsx from "clsx";
 const styles = {
-  "teddy-select": "_teddy-select_a7ezt_1",
-  "teddy-select__trigger": "_teddy-select__trigger_a7ezt_12",
-  "teddy-select__trigger--error": "_teddy-select__trigger--error_a7ezt_38",
-  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_a7ezt_42",
-  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_a7ezt_48",
-  "teddy-select__icon": "_teddy-select__icon_a7ezt_53",
-  "teddy-select__content": "_teddy-select__content_a7ezt_56",
-  "teddy-select__viewport": "_teddy-select__viewport_a7ezt_65",
-  "teddy-select__item": "_teddy-select__item_a7ezt_69",
-  "teddy-select__item-indicator": "_teddy-select__item-indicator_a7ezt_89",
-  "teddy-select__separator": "_teddy-select__separator_a7ezt_97",
-  "teddy-select__label": "_teddy-select__label_a7ezt_102"
+  "teddy-select": "_teddy-select_d7s5u_1",
+  "teddy-select__trigger": "_teddy-select__trigger_d7s5u_12",
+  "teddy-select__icon": "_teddy-select__icon_d7s5u_30",
+  "teddy-select__trigger--error": "_teddy-select__trigger--error_d7s5u_44",
+  "teddy-select__trigger--disabled": "_teddy-select__trigger--disabled_d7s5u_48",
+  "teddy-select__trigger--readonly": "_teddy-select__trigger--readonly_d7s5u_54",
+  "teddy-select__content": "_teddy-select__content_d7s5u_62",
+  "teddy-select__item": "_teddy-select__item_d7s5u_73",
+  "teddy-select__item-indicator": "_teddy-select__item-indicator_d7s5u_94",
+  "teddy-select__separator": "_teddy-select__separator_d7s5u_105",
+  "teddy-select__label": "_teddy-select__label_d7s5u_110",
+  "teddy-select__scroll-area-root": "_teddy-select__scroll-area-root_d7s5u_118",
+  "teddy-select__scroll-area-viewport": "_teddy-select__scroll-area-viewport_d7s5u_122",
+  "teddy-select__scroll-area-scrollbar": "_teddy-select__scroll-area-scrollbar_d7s5u_131",
+  "teddy-select__scroll-area-thumb": "_teddy-select__scroll-area-thumb_d7s5u_137"
 };
 const SelectContext = React__default.createContext({
   isDirty: false,
@@ -39,6 +42,7 @@ const Root = React__default.forwardRef(
     validationState,
     errorText,
     options,
+    maxHeight,
     ...props
   }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className);
@@ -51,7 +55,7 @@ const Root = React__default.forwardRef(
       return value2;
     };
     return /* @__PURE__ */ jsxs("div", { ...props, ref: forwardRef, className: classes, children: [
-      /* @__PURE__ */ jsx(SelectContext.Provider, { value: { isDirty, setIsDirty, inputRef, options }, children: /* @__PURE__ */ jsxs(RadixSelect.Root, { ...props, onValueChange: handleValueChange, value: value || currentValue, children: [
+      /* @__PURE__ */ jsx(SelectContext.Provider, { value: { isDirty, setIsDirty, inputRef, options, maxHeight }, children: /* @__PURE__ */ jsxs(RadixSelect.Root, { ...props, onValueChange: handleValueChange, value: value || currentValue, children: [
         label && /* @__PURE__ */ jsx(Label, { disabled, children: label }),
         children,
         helperText && /* @__PURE__ */ jsx(HelperText, { children: helperText }),

package/dist/components/select/select-viewport.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const RadixSelect = require("@radix-ui/react-select");
+const ScrollAreaPrimitive = require("@radix-ui/react-scroll-area");
 const components_select_selectRoot = require("./select-root.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -21,9 +22,25 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const RadixSelect__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixSelect);
+const ScrollAreaPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ScrollAreaPrimitive);
 const Viewport = React.forwardRef(
-  ({ ...props }, forwardRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.Viewport, { ...props, ref: forwardRef, className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__viewport`] });
+  ({ children, style, ...props }, forwardRef) => {
+    const { maxHeight: contextMaxHeight } = React.useContext(components_select_selectRoot.SelectContext);
+    const { maxHeight: styleMaxHeight, ...restStyle } = style || {};
+    const maxHeight = contextMaxHeight ?? styleMaxHeight;
+    return /* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaPrimitive__namespace.Root, { type: "auto", className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__scroll-area-root`], children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RadixSelect__namespace.Viewport, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive__namespace.Viewport,
+        {
+          ...props,
+          ref: forwardRef,
+          className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__scroll-area-viewport`],
+          style: { ...restStyle, ...maxHeight != null ? { maxHeight } : {} },
+          children
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Scrollbar, { orientation: "vertical", className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__scroll-area-scrollbar`], children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Thumb, { className: components_select_selectRoot.styles[`${components_select_selectRoot.rootClassName}__scroll-area-thumb`] }) })
+    ] });
   }
 );
 Viewport.displayName = "Select.Viewport";

package/dist/components/select/select-viewport.js

@@ -1,10 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import * as RadixSelect from "@radix-ui/react-select";
-import { s as styles, rootClassName } from "./select-root.js";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { SelectContext, s as styles, rootClassName } from "./select-root.js";
 const Viewport = React__default.forwardRef(
-  ({ ...props }, forwardRef) => {
-    return /* @__PURE__ */ jsx(RadixSelect.Viewport, { ...props, ref: forwardRef, className: styles[`${rootClassName}__viewport`] });
+  ({ children, style, ...props }, forwardRef) => {
+    const { maxHeight: contextMaxHeight } = React__default.useContext(SelectContext);
+    const { maxHeight: styleMaxHeight, ...restStyle } = style || {};
+    const maxHeight = contextMaxHeight ?? styleMaxHeight;
+    return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { type: "auto", className: styles[`${rootClassName}__scroll-area-root`], children: [
+      /* @__PURE__ */ jsx(RadixSelect.Viewport, { asChild: true, children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.Viewport,
+        {
+          ...props,
+          ref: forwardRef,
+          className: styles[`${rootClassName}__scroll-area-viewport`],
+          style: { ...restStyle, ...maxHeight != null ? { maxHeight } : {} },
+          children
+        }
+      ) }),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, { orientation: "vertical", className: styles[`${rootClassName}__scroll-area-scrollbar`], children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, { className: styles[`${rootClassName}__scroll-area-thumb`] }) })
+    ] });
   }
 );
 Viewport.displayName = "Select.Viewport";

package/dist/components/shopping-cart/shopping-cart-disclaimer.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");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_collapsible_index = require("../collapsible/index.cjs");
 const singleDisclaimer = "_singleDisclaimer_1995d_1";

package/dist/components/shopping-cart/shopping-cart-disclaimer.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { clsx } from "clsx";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Collapsible } from "../collapsible/index.js";
 const singleDisclaimer = "_singleDisclaimer_1995d_1";

package/dist/components/shopping-cart/shopping-cart-item.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_text_text = require("../text/text.cjs");
 const components_link_link = require("../link/link.cjs");

package/dist/components/shopping-cart/shopping-cart-item.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Text } from "../text/text.js";
 import { Link } from "../link/link.js";

package/dist/components/shopping-cart/shopping-cart-payment.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_tooltip_index = require("../tooltip/index.cjs");
 const components_progressBar_progressBar = require("../progress-bar/progress-bar.cjs");

package/dist/components/shopping-cart/shopping-cart-payment.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Tooltip } from "../tooltip/index.js";
 import { ProgressBar } from "../progress-bar/progress-bar.js";

package/dist/components/step-indicator/step-indicator-step-element.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");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
   "teddy-step-indicator": "_teddy-step-indicator_m33yv_1",

package/dist/components/step-indicator/step-indicator-step-element.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
   "teddy-step-indicator": "_teddy-step-indicator_m33yv_1",

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("clsx");
 const components_stepIndicator_stepIndicatorStepElement = require("./step-indicator-step-element.cjs");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../icon/icon.cjs");
 exports.Step = components_stepIndicator_stepIndicatorStepElement.Step$1;

package/dist/components/step-indicator/step-indicator-step.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "clsx";
 import { S } from "./step-indicator-step-element.js";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../icon/icon.js";
 export {
   S as Step

package/dist/components/textarea/textarea-clear-button.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_button_button = require("../button/button.cjs");
 const clsx = require("clsx");

package/dist/components/textarea/textarea-clear-button.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Button } from "../button/button.js";
 import clsx from "clsx";

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_spinner_spinner = require("../spinner/spinner.cjs");
 const utils_composeRefs = require("../../utils/composeRefs.cjs");

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import React__default, { useEffect } from "react";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Spinner } from "../spinner/spinner.js";
 import { useComposedRefs } from "../../utils/composeRefs.js";

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("clsx");
 require("react");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 require("../icon/icon.cjs");
 require("../spinner/spinner.cjs");
 const components_textarea_textareaGroup = require("./textarea-group.cjs");

package/dist/components/textarea/textarea-indicator.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "clsx";
 import "react";
-import "../../assets/sprite.6511e521-teddy.svg";
+import "../../assets/sprite.44b293a1-teddy.svg";
 import "../icon/icon.js";
 import "../spinner/spinner.js";
 import { a } from "./textarea-group.js";

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
 const sonner = require("sonner");
-require("../../assets/sprite.6511e521-teddy.svg");
+require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_spinner_spinner = require("../spinner/spinner.cjs");
 const fadeInAnimation = "_fadeInAnimation_5xbh5_1";