@telia/teddy 0.0.26 → 0.0.28

package/dist/components/input/input-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.5636ec8e-teddy.svg");
+require("../../assets/sprite.269ba410-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/input/input-clear-button.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Button } from "../button/button.js";
 import clsx from "clsx";

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

@@ -3,21 +3,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
-require("../../assets/sprite.5636ec8e-teddy.svg");
+require("../../assets/sprite.269ba410-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");
-const fadeInAnimation = "_fadeInAnimation_5urff_1";
-const scaleInAnimation = "_scaleInAnimation_5urff_1";
+const fadeInAnimation = "_fadeInAnimation_mhz8x_1";
+const scaleInAnimation = "_scaleInAnimation_mhz8x_1";
 const styles = {
-  "teddy-input": "_teddy-input_5urff_18",
-  "teddy-input__frame": "_teddy-input__frame_5urff_27",
-  "teddy-input__clear-button": "_teddy-input__clear-button_5urff_35",
-  "teddy-input__input": "_teddy-input__input_5urff_38",
-  "teddy-input__input--valid": "_teddy-input__input--valid_5urff_79",
-  "teddy-input__input--invalid": "_teddy-input__input--invalid_5urff_79",
-  "teddy-input__indicator": "_teddy-input__indicator_5urff_85",
-  "teddy-input__input--error": "_teddy-input__input--error_5urff_88",
+  "teddy-input__input": "_teddy-input__input_mhz8x_17",
+  "teddy-input": "_teddy-input_mhz8x_17",
+  "teddy-input__frame": "_teddy-input__frame_mhz8x_31",
+  "teddy-input__clear-button": "_teddy-input__clear-button_mhz8x_39",
+  "teddy-input__input--valid": "_teddy-input__input--valid_mhz8x_82",
+  "teddy-input__input--invalid": "_teddy-input__input--invalid_mhz8x_82",
+  "teddy-input__indicator": "_teddy-input__indicator_mhz8x_88",
+  "teddy-input__input--error": "_teddy-input__input--error_mhz8x_91",
   fadeInAnimation,
   scaleInAnimation
 };

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

@@ -1,21 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import React__default, { useEffect } from "react";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Spinner } from "../spinner/spinner.js";
 import { useComposedRefs } from "../../utils/composeRefs.js";
-const fadeInAnimation = "_fadeInAnimation_5urff_1";
-const scaleInAnimation = "_scaleInAnimation_5urff_1";
+const fadeInAnimation = "_fadeInAnimation_mhz8x_1";
+const scaleInAnimation = "_scaleInAnimation_mhz8x_1";
 const styles = {
-  "teddy-input": "_teddy-input_5urff_18",
-  "teddy-input__frame": "_teddy-input__frame_5urff_27",
-  "teddy-input__clear-button": "_teddy-input__clear-button_5urff_35",
-  "teddy-input__input": "_teddy-input__input_5urff_38",
-  "teddy-input__input--valid": "_teddy-input__input--valid_5urff_79",
-  "teddy-input__input--invalid": "_teddy-input__input--invalid_5urff_79",
-  "teddy-input__indicator": "_teddy-input__indicator_5urff_85",
-  "teddy-input__input--error": "_teddy-input__input--error_5urff_88",
+  "teddy-input__input": "_teddy-input__input_mhz8x_17",
+  "teddy-input": "_teddy-input_mhz8x_17",
+  "teddy-input__frame": "_teddy-input__frame_mhz8x_31",
+  "teddy-input__clear-button": "_teddy-input__clear-button_mhz8x_39",
+  "teddy-input__input--valid": "_teddy-input__input--valid_mhz8x_82",
+  "teddy-input__input--invalid": "_teddy-input__input--invalid_mhz8x_82",
+  "teddy-input__indicator": "_teddy-input__indicator_mhz8x_88",
+  "teddy-input__input--error": "_teddy-input__input--error_mhz8x_91",
   fadeInAnimation,
   scaleInAnimation
 };

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("clsx");
 require("react");
-require("../../assets/sprite.5636ec8e-teddy.svg");
+require("../../assets/sprite.269ba410-teddy.svg");
 require("../icon/icon.cjs");
 require("../spinner/spinner.cjs");
 const components_input_inputGroup = require("./input-group.cjs");

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "clsx";
 import "react";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import "../icon/icon.js";
 import "../spinner/spinner.js";
 import { a } from "./input-group.js";

package/dist/components/list/index.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_list_list = require("./list.cjs");
+const components_list_listItem = require("./list-item.cjs");
+const components_list_listIllustration = require("./list-illustration.cjs");
+const components_list_listContent = require("./list-content.cjs");
+components_list_list.Root.displayName = "List";
+components_list_listItem.Item.displayName = "List.Item";
+components_list_listIllustration.Illustration.displayName = "List.Illustration";
+components_list_listContent.Content.displayName = "List.Content";
+const List = Object.assign(components_list_list.Root, {
+  Item: components_list_listItem.Item,
+  Illustration: components_list_listIllustration.Illustration,
+  Content: components_list_listContent.Content
+});
+exports.List = List;

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

@@ -0,0 +1,47 @@
+import { RootProps } from './list';
+import { ItemProps } from './list-item';
+import { IllustrationProps } from './list-illustration';
+import { ContentProps } from './list-content';
+
+declare const List: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    asChild: true;
+    as?: undefined;
+} & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    as?: "span" | undefined;
+    asChild?: false | undefined;
+} & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    as: "div";
+    asChild?: false | undefined;
+} & import('react').RefAttributes<HTMLDivElement>, "ref">, "as"> & {
+    layout?: import('./list').Layout | undefined;
+    variant?: import('./list').Variant | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+    Illustration: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        variant?: import('./list').Variant | undefined;
+    } & import('react').RefAttributes<HTMLSpanElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+type ListProps = {
+    List: RootProps;
+    Item: ItemProps;
+    Illustration: IllustrationProps;
+    Content: ContentProps;
+};
+export { List };
+export type { ListProps };

package/dist/components/list/index.js

@@ -0,0 +1,16 @@
+import { Root } from "./list.js";
+import { Item } from "./list-item.js";
+import { Illustration } from "./list-illustration.js";
+import { Content } from "./list-content.js";
+Root.displayName = "List";
+Item.displayName = "List.Item";
+Illustration.displayName = "List.Illustration";
+Content.displayName = "List.Content";
+const List = Object.assign(Root, {
+  Item,
+  Illustration,
+  Content
+});
+export {
+  List
+};

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

@@ -0,0 +1,14 @@
+"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_list_list = require("./list.cjs");
+const Content = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_list_list.styles[`${components_list_list.rootClassName}__content`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: classes, ref: forwardRef, children });
+  }
+);
+Content.displayName = "Content";
+exports.Content = Content;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export type ContentProps = React.ComponentPropsWithoutRef<'div'>;
+export declare const Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { s as styles, rootClassName } from "./list.js";
+const Content = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__content`]], className);
+    return /* @__PURE__ */ jsx("div", { ...props, className: classes, ref: forwardRef, children });
+  }
+);
+Content.displayName = "Content";
+export {
+  Content
+};

package/dist/components/list/list-illustration.cjs

@@ -0,0 +1,23 @@
+"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_list_list = require("./list.cjs");
+const Illustration = React.forwardRef(
+  ({ className, variant: propVariant, children, ...props }, forwardRef) => {
+    const context = React.useContext(components_list_list.RootContext);
+    const variant = propVariant || (context == null ? void 0 : context.variant);
+    const classes = clsx(
+      [components_list_list.styles[`${components_list_list.rootClassName}__illustration`]],
+      {
+        [components_list_list.styles[`${components_list_list.rootClassName}__illustration--${variant}`]]: variant,
+        [components_list_list.styles[`${components_list_list.rootClassName}__illustration--icon`]]: variant == null ? void 0 : variant.includes("icon")
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: classes, ref: forwardRef, children });
+  }
+);
+Illustration.displayName = "Illustration";
+exports.Illustration = Illustration;

package/dist/components/list/list-illustration.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Variant } from './list';
+
+export type IllustrationProps = React.ComponentPropsWithoutRef<'span'> & {
+    variant?: Variant;
+};
+export declare const Illustration: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    variant?: Variant | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/list/list-illustration.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { RootContext, s as styles, rootClassName } from "./list.js";
+const Illustration = React__default.forwardRef(
+  ({ className, variant: propVariant, children, ...props }, forwardRef) => {
+    const context = React__default.useContext(RootContext);
+    const variant = propVariant || (context == null ? void 0 : context.variant);
+    const classes = clsx(
+      [styles[`${rootClassName}__illustration`]],
+      {
+        [styles[`${rootClassName}__illustration--${variant}`]]: variant,
+        [styles[`${rootClassName}__illustration--icon`]]: variant == null ? void 0 : variant.includes("icon")
+      },
+      className
+    );
+    return /* @__PURE__ */ jsx("span", { ...props, className: classes, ref: forwardRef, children });
+  }
+);
+Illustration.displayName = "Illustration";
+export {
+  Illustration
+};

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

@@ -0,0 +1,12 @@
+"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_list_list = require("./list.cjs");
+const Item = React.forwardRef(({ className, children, ...props }, forwardRef) => {
+  const classes = clsx([components_list_list.styles[`${components_list_list.rootClassName}__item`]], className);
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...props, ref: forwardRef, className: classes, children });
+});
+Item.displayName = "Item";
+exports.Item = Item;

package/dist/components/list/list-item.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export type ItemProps = React.ComponentPropsWithoutRef<'li'>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { s as styles, rootClassName } from "./list.js";
+const Item = React__default.forwardRef(({ className, children, ...props }, forwardRef) => {
+  const classes = clsx([styles[`${rootClassName}__item`]], className);
+  return /* @__PURE__ */ jsx("li", { ...props, ref: forwardRef, className: classes, children });
+});
+Item.displayName = "Item";
+export {
+  Item
+};

package/dist/components/list/list.cjs

@@ -0,0 +1,52 @@
+"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_flex_flex = require("../flex/flex.cjs");
+const reactSlot = require("@radix-ui/react-slot");
+const styles = {
+  "teddy-list__illustration": "_teddy-list__illustration_7z0zv_1",
+  "teddy-list__illustration--icon": "_teddy-list__illustration--icon_7z0zv_5",
+  "teddy-list__illustration--icon-white": "_teddy-list__illustration--icon-white_7z0zv_11",
+  "teddy-list__illustration--icon-purple": "_teddy-list__illustration--icon-purple_7z0zv_14",
+  "teddy-list__illustration--icon-gray": "_teddy-list__illustration--icon-gray_7z0zv_18",
+  "teddy-list__illustration--icon-beige": "_teddy-list__illustration--icon-beige_7z0zv_21",
+  "teddy-list--vertical": "_teddy-list--vertical_7z0zv_24",
+  "teddy-list__item": "_teddy-list__item_7z0zv_24",
+  "teddy-list--horizontal": "_teddy-list--horizontal_7z0zv_27"
+};
+const rootClassName = "teddy-list";
+const RootContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, asChild, children, variant, layout = "vertical", ...props }, forwardRef) => {
+    const Comp = asChild ? reactSlot.Slot : "ul";
+    const classes = clsx(
+      [styles[`${rootClassName}`]],
+      {
+        [styles[`${rootClassName}--${layout}`]]: layout,
+        [styles[`${rootClassName}--${variant}`]]: variant
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(RootContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      components_flex_flex.Flex,
+      {
+        p: "0",
+        m: "0",
+        direction: layout === "vertical" ? "column" : { sm: "column", md: "row" },
+        gap: "300",
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        asChild: true,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children })
+      }
+    ) });
+  }
+);
+Root.displayName = "List";
+exports.Root = Root;
+exports.RootContext = RootContext;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/list/list.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { Flex } from '../flex';
+
+export declare const rootClassName = "teddy-list";
+export type Layout = 'horizontal' | 'vertical';
+export type Variant = 'icon-white' | 'icon-beige' | 'icon-purple' | 'icon-gray' | 'image';
+export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'as'> & {
+    layout?: Layout;
+    variant?: Variant;
+};
+type RootContextType = {
+    variant?: Variant;
+};
+export declare const RootContext: React.Context<RootContextType | undefined>;
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    asChild: true;
+    as?: undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    as?: "span" | undefined;
+    asChild?: false | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & import('../../utils/generate-styling/gap').GapProps & {
+    align?: import('../../utils/generate-styling/align').Align | undefined;
+    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+} & import('../../utils/generate-styling/flex').FlexLayout & {
+    as: "div";
+    asChild?: false | undefined;
+} & React.RefAttributes<HTMLDivElement>, "ref">, "as"> & {
+    layout?: Layout | undefined;
+    variant?: Variant | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/list/list.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { Flex } from "../flex/flex.js";
+import { Slot } from "@radix-ui/react-slot";
+const styles = {
+  "teddy-list__illustration": "_teddy-list__illustration_7z0zv_1",
+  "teddy-list__illustration--icon": "_teddy-list__illustration--icon_7z0zv_5",
+  "teddy-list__illustration--icon-white": "_teddy-list__illustration--icon-white_7z0zv_11",
+  "teddy-list__illustration--icon-purple": "_teddy-list__illustration--icon-purple_7z0zv_14",
+  "teddy-list__illustration--icon-gray": "_teddy-list__illustration--icon-gray_7z0zv_18",
+  "teddy-list__illustration--icon-beige": "_teddy-list__illustration--icon-beige_7z0zv_21",
+  "teddy-list--vertical": "_teddy-list--vertical_7z0zv_24",
+  "teddy-list__item": "_teddy-list__item_7z0zv_24",
+  "teddy-list--horizontal": "_teddy-list--horizontal_7z0zv_27"
+};
+const rootClassName = "teddy-list";
+const RootContext = React__default.createContext(void 0);
+const Root = React__default.forwardRef(
+  ({ className, asChild, children, variant, layout = "vertical", ...props }, forwardRef) => {
+    const Comp = asChild ? Slot : "ul";
+    const classes = clsx(
+      [styles[`${rootClassName}`]],
+      {
+        [styles[`${rootClassName}--${layout}`]]: layout,
+        [styles[`${rootClassName}--${variant}`]]: variant
+      },
+      className
+    );
+    return /* @__PURE__ */ jsx(RootContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx(
+      Flex,
+      {
+        p: "0",
+        m: "0",
+        direction: layout === "vertical" ? "column" : { sm: "column", md: "row" },
+        gap: "300",
+        ...props,
+        ref: forwardRef,
+        className: classes,
+        asChild: true,
+        children: /* @__PURE__ */ jsx(Comp, { children })
+      }
+    ) });
+  }
+);
+Root.displayName = "List";
+export {
+  Root,
+  RootContext,
+  rootClassName,
+  styles as s
+};

package/dist/components/modal/modal.cjs

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
+require("../tooltip/index.cjs");
+require("../list/index.cjs");
 require("../scroll-area/index.cjs");
 require("../tabs/index.cjs");
 require("../drawer/index.cjs");
@@ -15,14 +17,17 @@ const components_flex_flex = require("../flex/flex.cjs");
 require("../card/card.cjs");
 require("../grid/grid.cjs");
 require("../navigation-menu/navigation-menu.cjs");
+require("../navigation-menu/global-navigation/global-navigation-my-pages.cjs");
 require("../toggle/toggle.cjs");
 require("../accordion/index.cjs");
 require("../link/link.cjs");
 require("../badge/badge.cjs");
+require("../badge/alert-badge.cjs");
+require("../badge/counter-badge.cjs");
 const components_button_button = require("../button/button.cjs");
 require("../field-error-text/field-error-text.cjs");
 require("../helper-text/helper-text.cjs");
-require("../../assets/sprite.5636ec8e-teddy.svg");
+require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 require("../input/index.cjs");
 require("../label/label.cjs");

package/dist/components/modal/modal.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import "../tooltip/index.js";
+import "../list/index.js";
 import "../scroll-area/index.js";
 import "../tabs/index.js";
 import "../drawer/index.js";
@@ -13,14 +15,17 @@ import { Flex } from "../flex/flex.js";
 import "../card/card.js";
 import "../grid/grid.js";
 import "../navigation-menu/navigation-menu.js";
+import "../navigation-menu/global-navigation/global-navigation-my-pages.js";
 import "../toggle/toggle.js";
 import "../accordion/index.js";
 import "../link/link.js";
 import "../badge/badge.js";
+import "../badge/alert-badge.js";
+import "../badge/counter-badge.js";
 import { Button } from "../button/button.js";
 import "../field-error-text/field-error-text.js";
 import "../helper-text/helper-text.js";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import "../input/index.js";
 import "../label/label.js";

package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+require("../navigation-menu.cjs");
+const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
+require("./utils.cjs");
+require("../../box/box.cjs");
+exports.Desktop = components_navigationMenu_globalNavigation_globalNavigationMyPages.Desktop;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export type DesktopProps = React.ComponentPropsWithoutRef<'div'>;
+export declare const Desktop: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../navigation-menu.js";
+import { D } from "./global-navigation-my-pages.js";
+import "./utils.js";
+import "../../box/box.js";
+export {
+  D as Desktop
+};

package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("react/jsx-runtime");
+require("react");
+const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
+require("clsx");
+require("../navigation-menu.cjs");
+require("../../flex/flex.cjs");
+require("../../box/box.cjs");
+require("../../drawer/index.cjs");
+require("../../button/button.cjs");
+require("../../../assets/sprite.269ba410-teddy.svg");
+require("../../icon/icon.cjs");
+require("./global-navigation-search-field.cjs");
+require("../../tabs/index.cjs");
+require("./utils.cjs");
+require("../../accordion/index.cjs");
+require("../../visually-hidden/visually-hidden.cjs");
+require("../../link/link.cjs");
+require("../../list/index.cjs");
+exports.Mobile = components_navigationMenu_globalNavigation_globalNavigationMyPages.Mobile;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export type MobileProps = React.ComponentPropsWithoutRef<'div'>;
+export declare const Mobile: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+import "react/jsx-runtime";
+import "react";
+import { M } from "./global-navigation-my-pages.js";
+import "clsx";
+import "../navigation-menu.js";
+import "../../flex/flex.js";
+import "../../box/box.js";
+import "../../drawer/index.js";
+import "../../button/button.js";
+import "../../../assets/sprite.269ba410-teddy.svg";
+import "../../icon/icon.js";
+import "./global-navigation-search-field.js";
+import "../../tabs/index.js";
+import "./utils.js";
+import "../../accordion/index.js";
+import "../../visually-hidden/visually-hidden.js";
+import "../../link/link.js";
+import "../../list/index.js";
+export {
+  M as Mobile
+};