@envive-ai/react-toolkit-v3 0.3.13 → 0.3.15-beta.0

package/dist/components/ImageGallery/utils/functions.cjs

@@ -0,0 +1,15 @@
+const require_utils = require('../../DesignTokens/components/utils.cjs');
+const require_theme = require('../../../packages/components-v3/tokens/theme/theme.cjs');
+const require_types = require('../types/types.cjs');
+
+//#region src/components/ImageGallery/utils/functions.ts
+const getIsTwoSideStandardOnMobile = ({ theme, resolvedLayout, isMobile }) => {
+	if (resolvedLayout !== require_types.ImageGalleryLayout.TWO_SIDE) return false;
+	if (!isMobile) return false;
+	const globalCustomTheme = require_utils.getComputedCSSVariable(`var(--${require_theme.ThemeCSSVar.GlobalCustom})`);
+	if (theme === require_theme.Theme.GLOBAL_CUSTOM && globalCustomTheme === require_theme.Theme.STANDARD) return true;
+	return theme === require_theme.Theme.STANDARD;
+};
+
+//#endregion
+exports.getIsTwoSideStandardOnMobile = getIsTwoSideStandardOnMobile;

package/dist/components/ImageGallery/utils/functions.js

@@ -0,0 +1,15 @@
+import { getComputedCSSVariable } from "../../DesignTokens/components/utils.js";
+import { Theme, ThemeCSSVar } from "../../../packages/components-v3/tokens/theme/theme.js";
+import { ImageGalleryLayout } from "../types/types.js";
+
+//#region src/components/ImageGallery/utils/functions.ts
+const getIsTwoSideStandardOnMobile = ({ theme, resolvedLayout, isMobile }) => {
+	if (resolvedLayout !== ImageGalleryLayout.TWO_SIDE) return false;
+	if (!isMobile) return false;
+	const globalCustomTheme = getComputedCSSVariable(`var(--${ThemeCSSVar.GlobalCustom})`);
+	if (theme === Theme.GLOBAL_CUSTOM && globalCustomTheme === Theme.STANDARD) return true;
+	return theme === Theme.STANDARD;
+};
+
+//#endregion
+export { getIsTwoSideStandardOnMobile };

package/dist/components/Input/Input.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/Input/Input.tsx
+const Input = react.forwardRef(({ className, type = "text", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+	type,
+	className: (0, classnames.default)("envive-tw-flex envive-tw-h-10 envive-tw-w-full envive-tw-rounded envive-tw-border envive-tw-border-input envive-tw-bg-background envive-tw-px-3 envive-tw-py-2 envive-tw-text-sm envive-tw-ring-offset-background file:envive-tw-border-0 file:envive-tw-bg-transparent file:envive-tw-text-sm file:envive-tw-font-medium placeholder:envive-tw-text-muted-foreground focus-visible:envive-tw-outline-none focus-visible:envive-tw-ring-2 focus-visible:envive-tw-ring-ring focus-visible:envive-tw-ring-offset-2 disabled:envive-tw-cursor-not-allowed disabled:envive-tw-opacity-50", className),
+	ref,
+	...props
+}));
+Input.displayName = "Input";
+
+//#endregion
+exports.Input = Input;

package/dist/components/Input/Input.d.cts

@@ -0,0 +1,7 @@
+import { InputProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/Input/Input.d.ts
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input };

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/Input/Input.d.ts
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input };

package/dist/components/Input/Input.js

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/Input/Input.tsx
+const Input = React$1.forwardRef(({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", {
+	type,
+	className: classNames("envive-tw-flex envive-tw-h-10 envive-tw-w-full envive-tw-rounded envive-tw-border envive-tw-border-input envive-tw-bg-background envive-tw-px-3 envive-tw-py-2 envive-tw-text-sm envive-tw-ring-offset-background file:envive-tw-border-0 file:envive-tw-bg-transparent file:envive-tw-text-sm file:envive-tw-font-medium placeholder:envive-tw-text-muted-foreground focus-visible:envive-tw-outline-none focus-visible:envive-tw-ring-2 focus-visible:envive-tw-ring-ring focus-visible:envive-tw-ring-offset-2 disabled:envive-tw-cursor-not-allowed disabled:envive-tw-opacity-50", className),
+	ref,
+	...props
+}));
+Input.displayName = "Input";
+
+//#endregion
+export { Input };

package/dist/components/Input/index.cjs

@@ -0,0 +1,3 @@
+const require_Input = require('./Input.cjs');
+
+exports.Input = require_Input.Input;

package/dist/components/Input/index.d.cts

@@ -0,0 +1,3 @@
+import { InputProps } from "./types/index.cjs";
+import { Input } from "./Input.cjs";
+export { Input, type InputProps };

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

@@ -0,0 +1,3 @@
+import { InputProps } from "./types/index.js";
+import { Input } from "./Input.js";
+export { Input, type InputProps };

package/dist/components/Input/index.js

@@ -0,0 +1,3 @@
+import { Input } from "./Input.js";
+
+export { Input };

package/dist/components/Input/types/index.d.cts

@@ -0,0 +1,4 @@
+//#region src/components/Input/types/index.d.ts
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+//#endregion
+export { InputProps };

package/dist/components/Input/types/index.d.ts

@@ -0,0 +1,4 @@
+//#region src/components/Input/types/index.d.ts
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+//#endregion
+export { InputProps };

package/dist/components/InputOTP/InputOTP.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/InputOTP/InputOTP.tsx
+const InputOTP = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = react.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "InputOTPSlot" }));
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = react.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: "InputOTPSeparator" }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+//#endregion
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;

package/dist/components/InputOTP/InputOTP.d.cts

@@ -0,0 +1,10 @@
+import { InputOTPGroupProps, InputOTPSeparatorProps, InputOTPSlotProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/InputOTP/InputOTP.d.ts
+declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPGroup: React$1.ForwardRefExoticComponent<InputOTPGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<InputOTPSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/InputOTP/InputOTP.d.ts

@@ -0,0 +1,10 @@
+import { InputOTPGroupProps, InputOTPSeparatorProps, InputOTPSlotProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/InputOTP/InputOTP.d.ts
+declare const InputOTP: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPGroup: React$1.ForwardRefExoticComponent<InputOTPGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<InputOTPSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/InputOTP/InputOTP.js

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/InputOTP/InputOTP.tsx
+const InputOTP = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Fragment, { children }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(Fragment, { children: "InputOTPSlot" }));
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React$1.forwardRef((props, ref) => /* @__PURE__ */ jsx(Fragment, { children: "InputOTPSeparator" }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/InputOTP/index.cjs

@@ -0,0 +1,6 @@
+const require_InputOTP = require('./InputOTP.cjs');
+
+exports.InputOTP = require_InputOTP.InputOTP;
+exports.InputOTPGroup = require_InputOTP.InputOTPGroup;
+exports.InputOTPSeparator = require_InputOTP.InputOTPSeparator;
+exports.InputOTPSlot = require_InputOTP.InputOTPSlot;

package/dist/components/InputOTP/index.d.cts

@@ -0,0 +1,3 @@
+import { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps } from "./types/index.cjs";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./InputOTP.cjs";
+export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

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

@@ -0,0 +1,3 @@
+import { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps } from "./types/index.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./InputOTP.js";
+export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };

package/dist/components/InputOTP/index.js

@@ -0,0 +1,3 @@
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./InputOTP.js";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/InputOTP/types/index.d.cts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+
+//#region src/components/InputOTP/types/index.d.ts
+interface InputOTPProps extends React$1.ComponentPropsWithoutRef<'input'> {
+  maxLength: number;
+  containerClassName?: string;
+  render?: (props: {
+    slots: Array<{
+      char: string | null;
+      hasFakeCaret: boolean;
+      isActive: boolean;
+    }>;
+  }) => React$1.ReactNode;
+}
+interface InputOTPGroupProps extends React$1.ComponentPropsWithoutRef<'div'> {}
+interface InputOTPSlotProps extends React$1.ComponentPropsWithoutRef<'div'> {
+  index: number;
+}
+interface InputOTPSeparatorProps extends React$1.ComponentPropsWithoutRef<'div'> {}
+//#endregion
+export { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps };

package/dist/components/InputOTP/types/index.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+
+//#region src/components/InputOTP/types/index.d.ts
+interface InputOTPProps extends React$1.ComponentPropsWithoutRef<'input'> {
+  maxLength: number;
+  containerClassName?: string;
+  render?: (props: {
+    slots: Array<{
+      char: string | null;
+      hasFakeCaret: boolean;
+      isActive: boolean;
+    }>;
+  }) => React$1.ReactNode;
+}
+interface InputOTPGroupProps extends React$1.ComponentPropsWithoutRef<'div'> {}
+interface InputOTPSlotProps extends React$1.ComponentPropsWithoutRef<'div'> {
+  index: number;
+}
+interface InputOTPSeparatorProps extends React$1.ComponentPropsWithoutRef<'div'> {}
+//#endregion
+export { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps };

package/dist/components/Label/Label.cjs

@@ -0,0 +1,19 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __radix_ui_react_label = require("@radix-ui/react-label");
+__radix_ui_react_label = require_rolldown_runtime.__toESM(__radix_ui_react_label);
+
+//#region src/components/Label/Label.tsx
+const Label = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_label.Root, {
+	ref,
+	className: (0, classnames.default)("envive-tw-text-sm envive-tw-font-medium envive-tw-leading-none peer-disabled:envive-tw-cursor-not-allowed peer-disabled:envive-tw-opacity-70", className),
+	...props
+}));
+Label.displayName = "Label";
+
+//#endregion
+exports.Label = Label;

package/dist/components/Label/Label.d.cts

@@ -0,0 +1,7 @@
+import { LabelProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/Label/Label.d.ts
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<never>>;
+//#endregion
+export { Label };

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,7 @@
+import { LabelProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/Label/Label.d.ts
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<never>>;
+//#endregion
+export { Label };

package/dist/components/Label/Label.js

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/Label/Label.tsx
+const Label = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+	ref,
+	className: classNames("envive-tw-text-sm envive-tw-font-medium envive-tw-leading-none peer-disabled:envive-tw-cursor-not-allowed peer-disabled:envive-tw-opacity-70", className),
+	...props
+}));
+Label.displayName = "Label";
+
+//#endregion
+export { Label };

package/dist/components/Label/index.cjs

@@ -0,0 +1,3 @@
+const require_Label = require('./Label.cjs');
+
+exports.Label = require_Label.Label;

package/dist/components/Label/index.d.cts

@@ -0,0 +1,3 @@
+import { LabelProps } from "./types/index.cjs";
+import { Label } from "./Label.cjs";
+export { Label, type LabelProps };

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

@@ -0,0 +1,3 @@
+import { LabelProps } from "./types/index.js";
+import { Label } from "./Label.js";
+export { Label, type LabelProps };

package/dist/components/Label/index.js

@@ -0,0 +1,3 @@
+import { Label } from "./Label.js";
+
+export { Label };

package/dist/components/Label/types/index.d.cts

@@ -0,0 +1,6 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/Label/types/index.d.ts
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {}
+//#endregion
+export { LabelProps };

package/dist/components/Label/types/index.d.ts

@@ -0,0 +1,6 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/Label/types/index.d.ts
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {}
+//#endregion
+export { LabelProps };

package/dist/components/MarkdownProcessor/MarkdownProcessor.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_index = require('./components/index.cjs');
+const require_functions = require('./utils/functions.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_markdown = require("react-markdown");
+react_markdown = require_rolldown_runtime.__toESM(react_markdown);
+
+//#region src/components/MarkdownProcessor/MarkdownProcessor.tsx
+const MarkdownProcessor = ({ content, clampParagraphs = void 0, textColor, textVariant, onLinkClick }) => {
+	const processedContent = content.replace(/<br\s*[\\/]?>/gi, "\n\n");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, {
+		components: (0, react.useMemo)(() => ({
+			li: require_index.MarkdownProcessorComponents.MarkdownListItem,
+			ul: require_index.MarkdownProcessorComponents.MarkdownUnorderedList,
+			ol: require_index.MarkdownProcessorComponents.MarkdownOrderedList,
+			a: require_functions.createMarkdownLinkComponent({ onLinkClick }),
+			p: require_functions.createMarkdownParagraphComponent({
+				clampParagraphs,
+				textColor,
+				textVariant
+			})
+		}), [
+			clampParagraphs,
+			textColor,
+			textVariant
+		]),
+		children: processedContent
+	});
+};
+
+//#endregion
+exports.MarkdownProcessor = MarkdownProcessor;

package/dist/components/MarkdownProcessor/MarkdownProcessor.d.cts

@@ -0,0 +1,13 @@
+import { MarkdownProcessorProps } from "./types/types.cjs";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
+declare const MarkdownProcessor: ({
+  content,
+  clampParagraphs,
+  textColor,
+  textVariant,
+  onLinkClick
+}: MarkdownProcessorProps) => react_jsx_runtime72.JSX.Element;
+//#endregion
+export { MarkdownProcessor };

package/dist/components/MarkdownProcessor/MarkdownProcessor.d.ts

@@ -0,0 +1,13 @@
+import { MarkdownProcessorProps } from "./types/types.js";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+
+//#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
+declare const MarkdownProcessor: ({
+  content,
+  clampParagraphs,
+  textColor,
+  textVariant,
+  onLinkClick
+}: MarkdownProcessorProps) => react_jsx_runtime23.JSX.Element;
+//#endregion
+export { MarkdownProcessor };

package/dist/components/MarkdownProcessor/MarkdownProcessor.js

@@ -0,0 +1,31 @@
+import { MarkdownProcessorComponents } from "./components/index.js";
+import { createMarkdownLinkComponent, createMarkdownParagraphComponent } from "./utils/functions.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+
+//#region src/components/MarkdownProcessor/MarkdownProcessor.tsx
+const MarkdownProcessor = ({ content, clampParagraphs = void 0, textColor, textVariant, onLinkClick }) => {
+	const processedContent = content.replace(/<br\s*[\\/]?>/gi, "\n\n");
+	return /* @__PURE__ */ jsx(ReactMarkdown, {
+		components: useMemo(() => ({
+			li: MarkdownProcessorComponents.MarkdownListItem,
+			ul: MarkdownProcessorComponents.MarkdownUnorderedList,
+			ol: MarkdownProcessorComponents.MarkdownOrderedList,
+			a: createMarkdownLinkComponent({ onLinkClick }),
+			p: createMarkdownParagraphComponent({
+				clampParagraphs,
+				textColor,
+				textVariant
+			})
+		}), [
+			clampParagraphs,
+			textColor,
+			textVariant
+		]),
+		children: processedContent
+	});
+};
+
+//#endregion
+export { MarkdownProcessor };

package/dist/components/MarkdownProcessor/components/MarkdownLink.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+require('../../Typography/index.cjs');
+const require_LinkButton = require('../../Message/components/LinkButton.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/MarkdownProcessor/components/MarkdownLink.tsx
+const MarkdownLink = ({ href, onClick, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LinkButton.LinkButton, {
+	url: href,
+	text: children?.toString(),
+	typographyColor: require_index.TypographyColor.TEXT_SECONDARY,
+	onClick
+});
+
+//#endregion
+exports.MarkdownLink = MarkdownLink;

package/dist/components/MarkdownProcessor/components/MarkdownLink.js

@@ -0,0 +1,15 @@
+import { TypographyColor } from "../../Typography/types/index.js";
+import "../../Typography/index.js";
+import { LinkButton } from "../../Message/components/LinkButton.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/MarkdownProcessor/components/MarkdownLink.tsx
+const MarkdownLink = ({ href, onClick, children }) => /* @__PURE__ */ jsx(LinkButton, {
+	url: href,
+	text: children?.toString(),
+	typographyColor: TypographyColor.TEXT_SECONDARY,
+	onClick
+});
+
+//#endregion
+export { MarkdownLink };

package/dist/components/MarkdownProcessor/components/MarkdownListItem.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/MarkdownProcessor/components/MarkdownListItem.tsx
+const MarkdownListItem = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+	variant: require_index.TypographyVariant.B3_RG,
+	color: require_index.TypographyColor.TEXT_PRIMARY,
+	className: "envive-tw-inline",
+	children
+}) });
+
+//#endregion
+exports.MarkdownListItem = MarkdownListItem;

package/dist/components/MarkdownProcessor/components/MarkdownOrderedList.cjs

@@ -0,0 +1,11 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/MarkdownProcessor/components/MarkdownOrderedList.tsx
+const MarkdownOrderedList = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+	className: "envive-tw-typography-ol",
+	children
+});
+
+//#endregion
+exports.MarkdownOrderedList = MarkdownOrderedList;

package/dist/components/MarkdownProcessor/components/MarkdownParagraph.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../../Typography/types/index.cjs');
+const require_Typography = require('../../Typography/Typography.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/MarkdownProcessor/components/MarkdownParagraph.tsx
+const MarkdownParagraph = ({ children, clampParagraphs, textColor, textVariant }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+	as: "p",
+	numberOfLines: clampParagraphs ?? void 0,
+	variant: textVariant ?? require_index.TypographyVariant.B3_RG,
+	color: textColor ?? require_index.TypographyColor.TEXT_PRIMARY,
+	children
+});
+
+//#endregion
+exports.MarkdownParagraph = MarkdownParagraph;

package/dist/components/MarkdownProcessor/components/MarkdownUnorderedList.cjs

@@ -0,0 +1,11 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/MarkdownProcessor/components/MarkdownUnorderedList.tsx
+const MarkdownUnorderedList = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+	className: "envive-tw-typography-ul",
+	children
+});
+
+//#endregion
+exports.MarkdownUnorderedList = MarkdownUnorderedList;

package/dist/components/MarkdownProcessor/types/types.d.cts

@@ -0,0 +1,48 @@
+import { TypographyColor, TypographyVariant } from "../../Typography/types/index.cjs";
+
+//#region src/components/MarkdownProcessor/types/types.d.ts
+
+/**
+ * Props for the MarkdownProcessor component.
+ *
+ * @interface MarkdownProcessorProps
+ */
+type MarkdownProcessorProps = {
+  /**
+   * The markdown content to be processed and rendered.
+   */
+  content: string;
+  /**
+   * The maximum number of lines to clamp paragraph text to.
+   * When set, paragraphs will be truncated with an ellipsis if they exceed the specified number of lines.
+   * If not set, paragraphs will not be truncated.
+   * @default undefined
+   */
+  clampParagraphs?: number | undefined;
+  /**
+   * The color variant for regular text elements (paragraphs, list items, etc.).
+   * @default TypographyColor.TEXT_PRIMARY
+   */
+  textColor?: TypographyColor;
+  /**
+   * The typography variant for regular text elements (paragraphs, list items, etc.).
+   * @default TypographyVariant.B3_RG
+   */
+  textVariant?: TypographyVariant;
+  /**
+   * The color variant for subscript text elements.
+   * @default TypographyColor.TEXT_SECONDARY
+   */
+  subTextColor?: TypographyColor;
+  /**
+   * The typography variant for subscript text elements.
+   * @default TypographyVariant.B5_RG
+   */
+  subTextVariant?: TypographyVariant;
+  /**
+   * Callback invoked when a markdown link is clicked. Receives the link URL as an argument.
+   */
+  onLinkClick?: (url: string) => void;
+};
+//#endregion
+export { MarkdownProcessorProps };

package/dist/components/MarkdownProcessor/types/types.d.ts

@@ -0,0 +1,48 @@
+import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
+
+//#region src/components/MarkdownProcessor/types/types.d.ts
+
+/**
+ * Props for the MarkdownProcessor component.
+ *
+ * @interface MarkdownProcessorProps
+ */
+type MarkdownProcessorProps = {
+  /**
+   * The markdown content to be processed and rendered.
+   */
+  content: string;
+  /**
+   * The maximum number of lines to clamp paragraph text to.
+   * When set, paragraphs will be truncated with an ellipsis if they exceed the specified number of lines.
+   * If not set, paragraphs will not be truncated.
+   * @default undefined
+   */
+  clampParagraphs?: number | undefined;
+  /**
+   * The color variant for regular text elements (paragraphs, list items, etc.).
+   * @default TypographyColor.TEXT_PRIMARY
+   */
+  textColor?: TypographyColor;
+  /**
+   * The typography variant for regular text elements (paragraphs, list items, etc.).
+   * @default TypographyVariant.B3_RG
+   */
+  textVariant?: TypographyVariant;
+  /**
+   * The color variant for subscript text elements.
+   * @default TypographyColor.TEXT_SECONDARY
+   */
+  subTextColor?: TypographyColor;
+  /**
+   * The typography variant for subscript text elements.
+   * @default TypographyVariant.B5_RG
+   */
+  subTextVariant?: TypographyVariant;
+  /**
+   * Callback invoked when a markdown link is clicked. Receives the link URL as an argument.
+   */
+  onLinkClick?: (url: string) => void;
+};
+//#endregion
+export { MarkdownProcessorProps };