@telia/teddy 0.0.33 → 0.0.35

package/dist/components/expandable-card/expandable-card-hidden.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const HiddenContainer = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__hidden`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+exports.HiddenContainer = HiddenContainer;

package/dist/components/expandable-card/expandable-card-hidden.d.ts

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

package/dist/components/expandable-card/expandable-card-hidden.js

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

package/dist/components/expandable-card/expandable-card-indicator.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+require("../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const Indicator = React.forwardRef(
+  ({ className, children, name = "chevron-down", ...props }, forwardRef) => {
+    const classes = clsx([components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Indicator.displayName = "Indicator";
+exports.Indicator = Indicator;

package/dist/components/expandable-card/expandable-card-indicator.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IconProps } from '../icon';
+
+export type IndicatorProps = Partial<IconProps> & {
+    name?: IconProps['name'];
+};
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/expandable-card/expandable-card-indicator.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { s as styles, rootClassName } from "./expandable-card-root.js";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon } from "../icon/icon.js";
+const Indicator = React__default.forwardRef(
+  ({ className, children, name = "chevron-down", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Indicator.displayName = "Indicator";
+export {
+  Indicator
+};

package/dist/components/expandable-card/expandable-card-item.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const AccordionPrimitive = require("@radix-ui/react-accordion");
+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 AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
+const Item = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__item`]],
+      {},
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Item.displayName = "Item";
+exports.Item = Item;

package/dist/components/expandable-card/expandable-card-item.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+export type ItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/expandable-card/expandable-card-item.js

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

package/dist/components/expandable-card/expandable-card-line.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 components_box_box = require("../box/box.cjs");
+const clsx = require("clsx");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const tokens_spacing_variables = require("../../tokens/spacing/variables.cjs");
+const Line = React.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx(
+    [components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__line`]],
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", p: "0", m: `${tokens_spacing_variables.teddySpacing200} 0`, ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("hr", {}) });
+});
+exports.Line = Line;

package/dist/components/expandable-card/expandable-card-line.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Box } from '../box';
+
+/** -------------------------------------------------------------------------------------------------
+ * Line
+ * -----------------------------------------------------------------------------------------------*/
+export type LineProps = Omit<React.ComponentPropsWithoutRef<typeof Box>, 'asChild' | 'as' | 'children'>;
+export declare const Line: React.ForwardRefExoticComponent<LineProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/expandable-card/expandable-card-line.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Box } from "../box/box.js";
+import clsx from "clsx";
+import { s as styles, rootClassName } from "./expandable-card-root.js";
+import { teddySpacing200 } from "../../tokens/spacing/variables.js";
+const Line = React__default.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx(
+    [styles[`${rootClassName}__line`]],
+    className
+  );
+  return /* @__PURE__ */ jsx(Box, { width: "100%", p: "0", m: `${teddySpacing200} 0`, ...props, ref: forwardRef, className: classes, asChild: true, children: /* @__PURE__ */ jsx("hr", {}) });
+});
+export {
+  Line
+};

package/dist/components/expandable-card/expandable-card-price.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const Price = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__price`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, ...props, ref: forwardRef, children });
+  }
+);
+exports.Price = Price;

package/dist/components/expandable-card/expandable-card-price.d.ts

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

package/dist/components/expandable-card/expandable-card-price.js

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

package/dist/components/expandable-card/expandable-card-root.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const AccordionPrimitive = require("@radix-ui/react-accordion");
+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 AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
+const styles = {
+  "teddy-expandable-card": "_teddy-expandable-card_12yyw_1",
+  "teddy-expandable-card__item": "_teddy-expandable-card__item_12yyw_6",
+  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_12yyw_14",
+  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_12yyw_38",
+  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_12yyw_50",
+  "teddy-expandable-card__line": "_teddy-expandable-card__line_12yyw_56",
+  "teddy-expandable-card__content": "_teddy-expandable-card__content_12yyw_59",
+  "teddy-expandable-card__description": "_teddy-expandable-card__description_12yyw_68",
+  "teddy-expandable-card__price": "_teddy-expandable-card__price_12yyw_79",
+  "teddy-expandable-card__header": "_teddy-expandable-card__header_12yyw_83",
+  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_12yyw_91",
+  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_12yyw_96",
+  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_12yyw_99",
+  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_12yyw_112",
+  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_12yyw_115"
+};
+const rootClassName = "teddy-expandable-card";
+const Root = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Root.displayName = "Root";
+exports.Root = Root;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/expandable-card/expandable-card-root.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+export declare const rootClassName = "teddy-expandable-card";
+export type RootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
+export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/expandable-card/expandable-card-root.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+const styles = {
+  "teddy-expandable-card": "_teddy-expandable-card_12yyw_1",
+  "teddy-expandable-card__item": "_teddy-expandable-card__item_12yyw_6",
+  "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_12yyw_14",
+  "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_12yyw_38",
+  "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_12yyw_50",
+  "teddy-expandable-card__line": "_teddy-expandable-card__line_12yyw_56",
+  "teddy-expandable-card__content": "_teddy-expandable-card__content_12yyw_59",
+  "teddy-expandable-card__description": "_teddy-expandable-card__description_12yyw_68",
+  "teddy-expandable-card__price": "_teddy-expandable-card__price_12yyw_79",
+  "teddy-expandable-card__header": "_teddy-expandable-card__header_12yyw_83",
+  "teddy-expandable-card__slot": "_teddy-expandable-card__slot_12yyw_91",
+  "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_12yyw_96",
+  "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_12yyw_99",
+  "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_12yyw_112",
+  "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_12yyw_115"
+};
+const rootClassName = "teddy-expandable-card";
+const Root = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Root.displayName = "Root";
+export {
+  Root,
+  rootClassName,
+  styles as s
+};

package/dist/components/expandable-card/expandable-card-slot.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_box_box = require("../box/box.cjs");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const Slot = React.forwardRef(({ className, align, ...props }, forwardRef) => {
+  const classes = clsx(
+    [
+      components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__slot`],
+      {
+        [components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__slot--center`]]: align === "top" || align === "bottom",
+        [components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.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")) ? "300" : (align == null ? void 0 : align.includes("right")) ? void 0 : "50%",
+      right: (align == null ? void 0 : align.includes("right")) ? "300" : void 0,
+      ...props,
+      ref: forwardRef,
+      className: classes
+    }
+  );
+});
+exports.Slot = Slot;

package/dist/components/expandable-card/expandable-card-slot.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Box } from '../box';
+
+export type SlotProps = React.ComponentPropsWithoutRef<typeof Box> & {
+    align?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+};
+/** An element that has absolute position, used to place content on the edge of the card */
+export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/expandable-card/expandable-card-slot.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { Box } from "../box/box.js";
+import { s as styles, rootClassName } from "./expandable-card-root.js";
+const Slot = React__default.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__ */ jsx(
+    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")) ? "300" : (align == null ? void 0 : align.includes("right")) ? void 0 : "50%",
+      right: (align == null ? void 0 : align.includes("right")) ? "300" : void 0,
+      ...props,
+      ref: forwardRef,
+      className: classes
+    }
+  );
+});
+export {
+  Slot
+};

package/dist/components/expandable-card/expandable-card-trigger.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const AccordionPrimitive = require("@radix-ui/react-accordion");
+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 AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
+const Trigger = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [components_expandableCard_expandableCardRoot.styles[`${components_expandableCard_expandableCardRoot.rootClassName}__trigger`]],
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Trigger, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Trigger.displayName = "Trigger";
+exports.Trigger = Trigger;

package/dist/components/expandable-card/expandable-card-trigger.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+/** -------------------------------------------------------------------------------------------------
+ * Trigger
+ * -----------------------------------------------------------------------------------------------*/
+export type TriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/expandable-card/expandable-card-trigger.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { s as styles, rootClassName } from "./expandable-card-root.js";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+const Trigger = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx(
+      [styles[`${rootClassName}__trigger`]],
+      className
+    );
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Trigger.displayName = "Trigger";
+export {
+  Trigger
+};

package/dist/components/expandable-card/index.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_expandableCard_expandableCardContent = require("./expandable-card-content.cjs");
+const components_expandableCard_expandableCardHeader = require("./expandable-card-header.cjs");
+const components_expandableCard_expandableCardItem = require("./expandable-card-item.cjs");
+const components_expandableCard_expandableCardLine = require("./expandable-card-line.cjs");
+const components_expandableCard_expandableCardRoot = require("./expandable-card-root.cjs");
+const components_expandableCard_expandableCardTrigger = require("./expandable-card-trigger.cjs");
+const components_expandableCard_expandableCardSlot = require("./expandable-card-slot.cjs");
+const components_expandableCard_expandableCardHidden = require("./expandable-card-hidden.cjs");
+const components_expandableCard_expandableCardButton = require("./expandable-card-button.cjs");
+const components_expandableCard_expandableCardDescription = require("./expandable-card-description.cjs");
+const components_expandableCard_expandableCardPrice = require("./expandable-card-price.cjs");
+components_expandableCard_expandableCardRoot.Root.displayName = "ExpandableCard";
+components_expandableCard_expandableCardItem.Item.displayName = "ExpandableCard.Item";
+components_expandableCard_expandableCardLine.Line.displayName = "ExpandableCard.Line";
+components_expandableCard_expandableCardContent.Content.displayName = "ExpandableCard.Content";
+components_expandableCard_expandableCardTrigger.Trigger.displayName = "ExpandableCard.Trigger";
+components_expandableCard_expandableCardHeader.Header.displayName = "ExpandableCard.Header";
+components_expandableCard_expandableCardDescription.Description.displayName = "ExpandableCard.Description";
+components_expandableCard_expandableCardPrice.Price.displayName = "ExpandableCard.Price";
+components_expandableCard_expandableCardSlot.Slot.displayName = "ExpandableCard.Slot";
+components_expandableCard_expandableCardHidden.HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
+components_expandableCard_expandableCardButton.Button.displayName = "ExpandableCard.Button";
+const ExpandableCard = Object.assign(components_expandableCard_expandableCardRoot.Root, {
+  Item: components_expandableCard_expandableCardItem.Item,
+  Line: components_expandableCard_expandableCardLine.Line,
+  Content: components_expandableCard_expandableCardContent.Content,
+  Trigger: components_expandableCard_expandableCardTrigger.Trigger,
+  Header: components_expandableCard_expandableCardHeader.Header,
+  Description: components_expandableCard_expandableCardDescription.Description,
+  Price: components_expandableCard_expandableCardPrice.Price,
+  Slot: components_expandableCard_expandableCardSlot.Slot,
+  HiddenContainer: components_expandableCard_expandableCardHidden.HiddenContainer,
+  Button: components_expandableCard_expandableCardButton.Button
+});
+exports.ExpandableCard = ExpandableCard;

package/dist/components/expandable-card/index.d.ts

@@ -0,0 +1,61 @@
+import { ContentProps } from './expandable-card-content';
+import { HeaderProps } from './expandable-card-header';
+import { ItemProps } from './expandable-card-item';
+import { LineProps } from './expandable-card-line';
+import { RootProps } from './expandable-card-root';
+import { SlotProps } from './expandable-card-slot';
+import { HiddenContainerProps } from './expandable-card-hidden';
+import { ButtonProps } from './expandable-card-button';
+import { DescriptionProps } from './expandable-card-description';
+import { PriceProps } from './expandable-card-price';
+
+export declare const ExpandableCard: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Line: import('react').ForwardRefExoticComponent<LineProps & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Header: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Description: import('react').ForwardRefExoticComponent<DescriptionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Price: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Slot: import('react').ForwardRefExoticComponent<SlotProps & import('react').RefAttributes<HTMLDivElement>>;
+    HiddenContainer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Button: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & 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;
+    } & {
+        asChild?: boolean | undefined;
+        loading?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    } & {
+        iconOnly: true;
+        "aria-label": string;
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & 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;
+    } & {
+        asChild?: boolean | undefined;
+        loading?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    } & {
+        iconOnly?: false | undefined;
+        "aria-label"?: string | undefined;
+    } & import('react').RefAttributes<HTMLButtonElement>, "ref">, "variant"> & {
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        position?: "left" | "right" | undefined;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export type ExpandableCardProps = {
+    Root: RootProps;
+    Item: ItemProps;
+    Line: LineProps;
+    Content: ContentProps;
+    Trigger: ContentProps;
+    Header: HeaderProps;
+    Description: DescriptionProps;
+    Price: PriceProps;
+    Slot: SlotProps;
+    HiddenContainer: HiddenContainerProps;
+    Button: ButtonProps;
+};

package/dist/components/expandable-card/index.js

@@ -0,0 +1,37 @@
+import { Content } from "./expandable-card-content.js";
+import { Header } from "./expandable-card-header.js";
+import { Item } from "./expandable-card-item.js";
+import { Line } from "./expandable-card-line.js";
+import { Root } from "./expandable-card-root.js";
+import { Trigger } from "./expandable-card-trigger.js";
+import { Slot } from "./expandable-card-slot.js";
+import { HiddenContainer } from "./expandable-card-hidden.js";
+import { Button } from "./expandable-card-button.js";
+import { Description } from "./expandable-card-description.js";
+import { Price } from "./expandable-card-price.js";
+Root.displayName = "ExpandableCard";
+Item.displayName = "ExpandableCard.Item";
+Line.displayName = "ExpandableCard.Line";
+Content.displayName = "ExpandableCard.Content";
+Trigger.displayName = "ExpandableCard.Trigger";
+Header.displayName = "ExpandableCard.Header";
+Description.displayName = "ExpandableCard.Description";
+Price.displayName = "ExpandableCard.Price";
+Slot.displayName = "ExpandableCard.Slot";
+HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
+Button.displayName = "ExpandableCard.Button";
+const ExpandableCard = Object.assign(Root, {
+  Item,
+  Line,
+  Content,
+  Trigger,
+  Header,
+  Description,
+  Price,
+  Slot,
+  HiddenContainer,
+  Button
+});
+export {
+  ExpandableCard
+};

package/dist/components/flex/flex.cjs

@@ -10,9 +10,9 @@ const styles = {
 };
 const rootClassName = "teddy-flex";
 const Flex = React.forwardRef((props, forwardRef) => {
-  const { className, asChild, ...rest } = utils_generateStyling_index.extractProps(props);
+  const { className, asChild, as = "div", ...rest } = utils_generateStyling_index.extractProps(props);
   const classes = clsx([styles[`${rootClassName}`]], className);
-  const Comp = asChild ? reactSlot.Slot : "div";
+  const Comp = asChild ? reactSlot.Slot : as;
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest, ref: forwardRef, className: classes });
 });
 Flex.displayName = "Flex";

package/dist/components/flex/flex.js

@@ -8,9 +8,9 @@ const styles = {
 };
 const rootClassName = "teddy-flex";
 const Flex = React__default.forwardRef((props, forwardRef) => {
-  const { className, asChild, ...rest } = extractProps(props);
+  const { className, asChild, as = "div", ...rest } = extractProps(props);
   const classes = clsx([styles[`${rootClassName}`]], className);
-  const Comp = asChild ? Slot : "div";
+  const Comp = asChild ? Slot : as;
   return /* @__PURE__ */ jsx(Comp, { ...rest, ref: forwardRef, className: classes });
 });
 Flex.displayName = "Flex";