@lumx/vue 4.17.1-alpha.2 → 4.17.1-alpha.3

package/_internal/components/flag/Flag.js

@@ -0,0 +1,30 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useTheme } from "../../utils/theme/useTheme.js";
+import Text$1 from "../text/Text.js";
+import { Flag as Flag$1 } from "../../packages/lumx-core/src/js/components/Flag/index.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/flag/Flag.tsx
+/**
+* Flag component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var Flag = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const defaultTheme = useTheme();
+	const className = useClassName(() => props.class);
+	return () => createVNode(Flag$1, mergeProps(props, attrs, {
+		"className": className.value,
+		"theme": props.theme || defaultTheme.value,
+		"children": slots.default?.(),
+		"Text": Text$1
+	}), null);
+}, {
+	name: "Flag",
+	inheritAttrs: false,
+	props: keysOf()("color", "icon", "truncate", "theme", "class")
+});
+//#endregion
+export { Flag as default };

package/_internal/components/flag/index.d.ts

@@ -0,0 +1,2 @@
+import { FlagProps } from "../../packages/lumx-core/src/js/components/Flag/index.js";
+import { Flag } from "./Flag.js";

package/_internal/components/flex-box/FlexBox.d.ts

@@ -0,0 +1,24 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { FlexBoxProps as FlexBoxProps$1 } from "../../packages/lumx-core/src/js/components/FlexBox/index.js";
+
+//#region src/components/flex-box/FlexBox.d.ts
+type FlexBoxProps = VueToJSXProps<FlexBoxProps$1, 'vAlign' | 'hAlign'> & {
+  /** Customize the root element. */as?: string; /** FlexBox vertical alignment */
+  verticalAlign?: FlexBoxProps$1['vAlign']; /** FlexBox horizontal alignment */
+  horizontalAlign?: FlexBoxProps$1['hAlign'];
+};
+/**
+ * FlexBox component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const FlexBox: import("vue").DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<FlexBoxProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className" | "vAlign" | "hAlign"> & {
+  class?: ClassValue;
+} & {
+  /** Customize the root element. */as?: string; /** FlexBox vertical alignment */
+  verticalAlign?: FlexBoxProps$1["vAlign"]; /** FlexBox horizontal alignment */
+  horizontalAlign?: FlexBoxProps$1["hAlign"];
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { FlexBox, FlexBoxProps };

package/_internal/components/flex-box/FlexBox.js

@@ -0,0 +1,30 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { getFlexBoxProps } from "../../packages/lumx-core/src/js/components/FlexBox/index.js";
+import { createVNode, defineComponent, useAttrs } from "vue";
+//#region src/components/flex-box/FlexBox.tsx
+/**
+* FlexBox component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var FlexBox = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const className = useClassName(() => props.class);
+	return () => {
+		return createVNode(props.as || "div", getFlexBoxProps({
+			...props,
+			...attrs,
+			className: className.value,
+			vAlign: props.verticalAlign,
+			hAlign: props.horizontalAlign
+		}), { default: () => [slots.default?.()] });
+	};
+}, {
+	name: "FlexBox",
+	inheritAttrs: false,
+	props: keysOf()("as", "fillSpace", "gap", "horizontalAlign", "marginAuto", "noShrink", "orientation", "verticalAlign", "wrap", "class")
+});
+//#endregion
+export { FlexBox as default };

package/_internal/components/flex-box/index.d.ts

@@ -0,0 +1,2 @@
+import { FlexHorizontalAlignment, FlexVerticalAlignment, GapSize, MarginAutoAlignment } from "../../packages/lumx-core/src/js/components/FlexBox/types.js";
+import { FlexBox, FlexBoxProps } from "./FlexBox.js";

package/_internal/components/generic-block/GenericBlock.d.ts

@@ -0,0 +1,59 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { FlexBoxProps } from "../flex-box/FlexBox.js";
+import { GenericBlockProps as GenericBlockProps$1, GenericBlockPropsToOverride } from "../../packages/lumx-core/src/js/components/GenericBlock/index.js";
+import { CSSProperties } from "vue";
+
+//#region src/components/generic-block/GenericBlock.d.ts
+/** FlexBox section props extended with standard HTML style. */
+type SectionProps = FlexBoxProps & {
+  style?: CSSProperties;
+};
+type GenericBlockProps = VueToJSXProps<GenericBlockProps$1, GenericBlockPropsToOverride | 'figure' | 'actions' | 'vAlign' | 'hAlign' | 'actionsProps' | 'contentProps' | 'figureProps'> & {
+  /** Customize the root element tag. */as?: string; /** Vertical alignment (maps to core's vAlign). */
+  verticalAlign?: GenericBlockProps$1['vAlign']; /** Horizontal alignment (maps to core's hAlign). */
+  horizontalAlign?: GenericBlockProps$1['hAlign'];
+  /**
+   * The props to forward to the content.
+   * By default, the content will have the same alignment as wrapper.
+   */
+  contentProps?: SectionProps;
+  /**
+   * props to forward to the actions element.
+   */
+  actionsProps?: SectionProps;
+  /**
+   * props to forward to the figure element.
+   */
+  figureProps?: SectionProps;
+};
+/**
+ * The GenericBlock is a layout component made of 3 sections that can be
+ * displayed either horizontally or vertically with the same gap between each section.
+ *
+ * The sections are provided via named slots:
+ * - `figure` slot => A visual element to display before the main content.
+ * - default slot => The main content displayed.
+ * - `actions` slot => One or more actions to set after the element.
+ */
+declare const GenericBlock: import("vue").DefineSetupFnComponent<GenericBlockProps, {}, {}, Omit<GenericBlockProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className" | "figure" | "vAlign" | "hAlign" | GenericBlockPropsToOverride | "actions" | "actionsProps" | "contentProps" | "figureProps"> & {
+  class?: ClassValue;
+} & {
+  /** Customize the root element tag. */as?: string; /** Vertical alignment (maps to core's vAlign). */
+  verticalAlign?: GenericBlockProps$1["vAlign"]; /** Horizontal alignment (maps to core's hAlign). */
+  horizontalAlign?: GenericBlockProps$1["hAlign"];
+  /**
+   * The props to forward to the content.
+   * By default, the content will have the same alignment as wrapper.
+   */
+  contentProps?: SectionProps;
+  /**
+   * props to forward to the actions element.
+   */
+  actionsProps?: SectionProps;
+  /**
+   * props to forward to the figure element.
+   */
+  figureProps?: SectionProps;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { GenericBlock, GenericBlockProps };

package/_internal/components/generic-block/GenericBlock.js

@@ -0,0 +1,55 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import FlexBox from "../flex-box/FlexBox.js";
+import { GenericBlock as GenericBlock$1 } from "../../packages/lumx-core/src/js/components/GenericBlock/index.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/generic-block/GenericBlock.tsx
+/** FlexBox section props extended with standard HTML style. */
+/**
+* The GenericBlock is a layout component made of 3 sections that can be
+* displayed either horizontally or vertically with the same gap between each section.
+*
+* The sections are provided via named slots:
+* - `figure` slot => A visual element to display before the main content.
+* - default slot => The main content displayed.
+* - `actions` slot => One or more actions to set after the element.
+*/
+var GenericBlock = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const className = useClassName(() => props.class);
+	return () => {
+		const figure = slots.figure?.();
+		const content = slots.default?.();
+		const actions = slots.actions?.();
+		const alignProps = {
+			verticalAlign: props.verticalAlign,
+			horizontalAlign: props.horizontalAlign
+		};
+		const { class: _, ...restProps } = props;
+		return createVNode(GenericBlock$1, mergeProps(restProps, attrs, {
+			"className": className.value,
+			"FlexBox": FlexBox,
+			"figure": figure,
+			"content": content,
+			"actions": actions,
+			"figureProps": {
+				...alignProps,
+				...props.figureProps
+			},
+			"contentProps": {
+				...alignProps,
+				...props.contentProps
+			},
+			"actionsProps": {
+				...alignProps,
+				...props.actionsProps
+			}
+		}), null);
+	};
+}, {
+	name: "LumxGenericBlock",
+	inheritAttrs: false,
+	props: keysOf()("as", "orientation", "verticalAlign", "horizontalAlign", "gap", "fillSpace", "wrap", "marginAuto", "noShrink", "figureProps", "contentProps", "actionsProps", "class")
+});
+//#endregion
+export { GenericBlock as default };

package/_internal/components/generic-block/index.d.ts

@@ -0,0 +1,2 @@
+import { GenericBlockGapSize } from "../../packages/lumx-core/src/js/components/GenericBlock/constants.js";
+import { GenericBlock, GenericBlockProps } from "./GenericBlock.js";

package/_internal/components/grid-column/GridColumn.d.ts

@@ -0,0 +1,9 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { GridColumnGapSize, GridColumnProps as GridColumnProps$1 } from "../../packages/lumx-core/src/js/components/GridColumn/GridColumn.js";
+//#region src/components/grid-column/GridColumn.d.ts
+type GridColumnProps = VueToJSXProps<GridColumnProps$1>;
+declare const GridColumn: import("vue").DefineSetupFnComponent<GridColumnProps, {}, {}, Omit<GridColumnProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className"> & {
+  class?: ClassValue;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { GridColumn, GridColumnProps };

package/_internal/components/grid-column/GridColumn.js

@@ -0,0 +1,19 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { GridColumn as GridColumn$1 } from "../../packages/lumx-core/src/js/components/GridColumn/GridColumn.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/grid-column/GridColumn.tsx
+var GridColumn = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const className = useClassName(() => props.class);
+	return () => createVNode(GridColumn$1, mergeProps(props, attrs, {
+		"className": className.value,
+		"children": slots.default?.()
+	}), null);
+}, {
+	name: "LumxGridColumn",
+	inheritAttrs: false,
+	props: keysOf()("as", "class", "gap", "itemMinWidth", "maxColumns", "style")
+});
+//#endregion
+export { GridColumn as default };

package/_internal/components/grid-column/index.d.ts

@@ -0,0 +1,2 @@
+import { GridColumnGapSize } from "../../packages/lumx-core/src/js/components/GridColumn/GridColumn.js";
+import { GridColumn, GridColumnProps } from "./GridColumn.js";

package/_internal/components/heading/Heading.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { HeadingProps } from "../../packages/lumx-core/src/js/components/Heading/index.js";
+
+//#region src/components/heading/Heading.d.ts
+type HeadingVueProps = VueToJSXProps<HeadingProps>;
+/**
+ * Heading component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Heading: import("vue").DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, import("@lumx/core/js/types").PropsToOverride | "children" | "className"> & {
+  class?: ClassValue;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { Heading };

package/_internal/components/heading/Heading.js

@@ -0,0 +1,36 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useHeadingLevel } from "./useHeadingLevel.js";
+import Text$1 from "../text/Text.js";
+import { getHeadingProps } from "../../packages/lumx-core/src/js/components/Heading/index.js";
+import { computed, createVNode, defineComponent, useAttrs } from "vue";
+//#region src/components/heading/Heading.tsx
+/**
+* Heading component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var Heading = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const context = useHeadingLevel();
+	const mergedClassName = useClassName(() => props.class);
+	const uiProps = computed(() => {
+		const { className, ...headingProps } = getHeadingProps({
+			...attrs,
+			...props,
+			className: mergedClassName.value
+		}, context.headingElement);
+		return {
+			...headingProps,
+			class: className
+		};
+	});
+	return () => createVNode(Text$1, uiProps.value, { default: () => [slots.default?.()] });
+}, {
+	name: "Heading",
+	inheritAttrs: false,
+	props: keysOf()("as", "color", "colorVariant", "typography", "truncate", "noWrap", "whiteSpace", "style", "class")
+});
+//#endregion
+export { Heading as default };

package/_internal/components/heading/HeadingLevelProvider.d.ts

@@ -0,0 +1,14 @@
+//#region src/components/heading/HeadingLevelProvider.d.ts
+interface HeadingLevelProviderProps {
+  /** The heading level to start at. If left undefined, the parent context will be used, if any. */
+  level?: number;
+}
+/**
+ * HeadingLevelProvider component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const HeadingLevelProvider: import("vue").DefineSetupFnComponent<HeadingLevelProviderProps, {}, {}, HeadingLevelProviderProps & {}, import("vue").PublicProps>;
+//#endregion
+export { HeadingLevelProvider };

package/_internal/components/heading/HeadingLevelProvider.js

@@ -0,0 +1,29 @@
+import { keysOf } from "../../utils/VueToJSX.js";
+import { computeHeadingLevel } from "../../packages/lumx-core/src/js/components/Heading/utils.js";
+import { HeadingLevelContextKey } from "./context.js";
+import { useHeadingLevel } from "./useHeadingLevel.js";
+import { computed, defineComponent, provide, reactive, toRefs } from "vue";
+//#region src/components/heading/HeadingLevelProvider.tsx
+/**
+* HeadingLevelProvider component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var HeadingLevelProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const { level: propLevel } = toRefs(props);
+	const parentContext = useHeadingLevel();
+	const nextLevel = computed(() => {
+		return computeHeadingLevel(propLevel?.value, parentContext.level);
+	});
+	provide(HeadingLevelContextKey, reactive({
+		level: nextLevel,
+		headingElement: computed(() => `h${nextLevel.value}`)
+	}));
+	return () => slots.default?.();
+}, {
+	name: "HeadingLevelProvider",
+	props: keysOf()("level")
+});
+//#endregion
+export { HeadingLevelProvider as default };

package/_internal/components/heading/context.js

@@ -0,0 +1,4 @@
+//#region src/components/heading/context.ts
+var HeadingLevelContextKey = Symbol("HeadingLevelContext");
+//#endregion
+export { HeadingLevelContextKey };

package/_internal/components/heading/index.d.ts

@@ -0,0 +1,4 @@
+import { HeadingProps } from "../../packages/lumx-core/src/js/components/Heading/index.js";
+import { Heading } from "./Heading.js";
+import { HeadingLevelProvider } from "./HeadingLevelProvider.js";
+import { useHeadingLevel } from "./useHeadingLevel.js";

package/_internal/components/heading/useHeadingLevel.d.ts

@@ -0,0 +1,11 @@
+import { HeadingLevelContext } from "../../packages/lumx-core/src/js/components/Heading/constants.js";
+
+//#region src/components/heading/useHeadingLevel.d.ts
+/**
+ * Hook to get the current heading level from the context.
+ *
+ * @return The current heading level and element.
+ */
+declare const useHeadingLevel: () => HeadingLevelContext;
+//#endregion
+export { useHeadingLevel };

package/_internal/components/heading/useHeadingLevel.js

@@ -0,0 +1,14 @@
+import { defaultContext } from "../../packages/lumx-core/src/js/components/Heading/constants.js";
+import { HeadingLevelContextKey } from "./context.js";
+import { inject } from "vue";
+//#region src/components/heading/useHeadingLevel.ts
+/**
+* Hook to get the current heading level from the context.
+*
+* @return The current heading level and element.
+*/
+var useHeadingLevel = () => {
+	return inject(HeadingLevelContextKey, defaultContext);
+};
+//#endregion
+export { useHeadingLevel };

package/_internal/components/icon/Icon.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { IconProps as IconProps$1 } from "../../packages/lumx-core/src/js/components/Icon/index.js";
+
+//#region src/components/icon/Icon.d.ts
+type IconProps = VueToJSXProps<IconProps$1>;
+/**
+ * Icon component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Icon: import("vue").DefineSetupFnComponent<IconProps, {}, {}, Omit<IconProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className"> & {
+  class?: ClassValue;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { Icon };

package/_internal/components/icon/Icon.js

@@ -0,0 +1,27 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useTheme } from "../../utils/theme/useTheme.js";
+import { Icon as Icon$1 } from "../../packages/lumx-core/src/js/components/Icon/index.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/icon/Icon.tsx
+/**
+* Icon component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var Icon = /* @__PURE__ */ defineComponent((props) => {
+	const attrs = useAttrs();
+	const defaultTheme = useTheme({ defaultTheme: void 0 });
+	const className = useClassName(() => props.class);
+	return () => createVNode(Icon$1, mergeProps(props, attrs, {
+		"className": className.value,
+		"theme": props.theme || defaultTheme.value
+	}), null);
+}, {
+	name: "Icon",
+	inheritAttrs: false,
+	props: keysOf()("icon", "color", "colorVariant", "hasShape", "size", "alt", "verticalAlign", "theme", "class")
+});
+//#endregion
+export { Icon as default };

package/_internal/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+import { IconProps, IconSizes } from "../../packages/lumx-core/src/js/components/Icon/index.js";
+import { Icon } from "./Icon.js";

package/_internal/components/image-block/ImageBlock.d.ts

@@ -0,0 +1,19 @@
+import { VueToJSXProps } from "../../utils/VueToJSX.js";
+import { ThumbnailProps } from "../thumbnail/Thumbnail.js";
+import { ImageBlockCaptionPosition, ImageBlockProps as ImageBlockProps$1, ImageBlockPropsToOverride } from "../../packages/lumx-core/src/js/components/ImageBlock/index.js";
+
+//#region src/components/image-block/ImageBlock.d.ts
+type ImageBlockProps = Omit<VueToJSXProps<ImageBlockProps$1, ImageBlockPropsToOverride>, never> & {
+  /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight' | 'alt'>;
+};
+/**
+ * ImageBlock component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const ImageBlock: import("vue").DefineSetupFnComponent<ImageBlockProps, {}, {}, Omit<VueToJSXProps<ImageBlockProps$1, ImageBlockPropsToOverride>, never> & {
+  /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */thumbnailProps?: Omit<ThumbnailProps, "image" | "size" | "theme" | "align" | "fillHeight" | "alt">;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { ImageBlock, ImageBlockProps };

package/_internal/components/image-block/ImageBlock.js

@@ -0,0 +1,38 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useTheme } from "../../utils/theme/useTheme.js";
+import Thumbnail from "../thumbnail/Thumbnail.js";
+import { ImageBlock as ImageBlock$1 } from "../../packages/lumx-core/src/js/components/ImageBlock/index.js";
+import ImageCaption from "./ImageCaption.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/image-block/ImageBlock.tsx
+/**
+* ImageBlock component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var ImageBlock = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const defaultTheme = useTheme();
+	const className = useClassName(() => props.class);
+	return () => {
+		const { class: _class, theme, tags: tagsProp, actions: actionsProp, ...restProps } = props;
+		const tags = slots.tags?.() ?? tagsProp;
+		const actions = slots.actions?.() ?? actionsProp;
+		return createVNode(ImageBlock$1, mergeProps(restProps, attrs, {
+			"className": className.value,
+			"theme": theme || defaultTheme.value,
+			"tags": tags,
+			"actions": actions,
+			"Thumbnail": Thumbnail,
+			"ImageCaption": ImageCaption
+		}), null);
+	};
+}, {
+	name: "LumxImageBlock",
+	inheritAttrs: false,
+	props: keysOf()("actions", "align", "alt", "captionPosition", "captionStyle", "class", "description", "descriptionProps", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title", "titleProps")
+});
+//#endregion
+export { ImageBlock as default };

package/_internal/components/image-block/ImageCaption.js

@@ -0,0 +1,30 @@
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useTheme } from "../../utils/theme/useTheme.js";
+import Text$1 from "../text/Text.js";
+import FlexBox from "../flex-box/FlexBox.js";
+import { ImageCaption as ImageCaption$1 } from "../../packages/lumx-core/src/js/components/ImageBlock/ImageCaption.js";
+import { createVNode, defineComponent, mergeProps } from "vue";
+//#region src/components/image-block/ImageCaption.tsx
+/** Internal component used to render image captions */
+var ImageCaption = /* @__PURE__ */ defineComponent((props) => {
+	const defaultTheme = useTheme();
+	return () => {
+		const { class: _class, theme, align, ...restProps } = props;
+		return createVNode(ImageCaption$1, mergeProps(restProps, {
+			"align": align,
+			"theme": theme || defaultTheme.value,
+			"FlexBox": FlexBox,
+			"Text": Text$1,
+			"wrapperProps": {
+				verticalAlign: align,
+				horizontalAlign: align === "center" ? align : void 0
+			}
+		}), null);
+	};
+}, {
+	name: "LumxImageCaption",
+	inheritAttrs: false,
+	props: keysOf()("align", "as", "baseClassName", "captionStyle", "class", "description", "descriptionProps", "tags", "theme", "title", "titleProps", "truncate")
+});
+//#endregion
+export { ImageCaption as default };

package/_internal/components/image-block/index.d.ts

@@ -0,0 +1,2 @@
+import { ImageBlockCaptionPosition } from "../../packages/lumx-core/src/js/components/ImageBlock/index.js";
+import { ImageBlock, ImageBlockProps } from "./ImageBlock.js";

package/_internal/components/inline-list/InlineList.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { InlineListProps as InlineListProps$1 } from "../../packages/lumx-core/src/js/components/InlineList/index.js";
+
+//#region src/components/inline-list/InlineList.d.ts
+type InlineListProps = VueToJSXProps<InlineListProps$1, 'items'>;
+/**
+ * InlineList component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const InlineList: import("vue").DefineSetupFnComponent<InlineListProps, {}, {}, Omit<InlineListProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className" | "items"> & {
+  class?: ClassValue;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { InlineList, InlineListProps };

package/_internal/components/inline-list/InlineList.js

@@ -0,0 +1,25 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { InlineList as InlineList$1 } from "../../packages/lumx-core/src/js/components/InlineList/index.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/inline-list/InlineList.tsx
+/**
+* InlineList component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var InlineList = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const className = useClassName(() => props.class);
+	return () => createVNode(InlineList$1, mergeProps(props, attrs, {
+		"className": className.value,
+		"items": slots.default?.()
+	}), null);
+}, {
+	name: "LumxInlineList",
+	inheritAttrs: false,
+	props: keysOf()("color", "colorVariant", "typography", "wrap", "class")
+});
+//#endregion
+export { InlineList as default };

package/_internal/components/inline-list/index.d.ts

@@ -0,0 +1 @@
+import { InlineList, InlineListProps } from "./InlineList.js";

package/_internal/components/input-helper/InputHelper.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue, VueToJSXProps } from "../../utils/VueToJSX.js";
+import { InputHelperProps as InputHelperProps$1 } from "../../packages/lumx-core/src/js/components/InputHelper/index.js";
+
+//#region src/components/input-helper/InputHelper.d.ts
+type InputHelperProps = VueToJSXProps<InputHelperProps$1>;
+/**
+ * InputHelper component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const InputHelper: import("vue").DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<InputHelperProps$1, import("@lumx/core/js/types").PropsToOverride | "children" | "className"> & {
+  class?: ClassValue;
+} & {}, import("vue").PublicProps>;
+//#endregion
+export { InputHelper, InputHelperProps };

package/_internal/components/input-helper/InputHelper.js

@@ -0,0 +1,28 @@
+import { useClassName } from "../../composables/useClassName.js";
+import { keysOf } from "../../utils/VueToJSX.js";
+import { useTheme } from "../../utils/theme/useTheme.js";
+import { InputHelper as InputHelper$1 } from "../../packages/lumx-core/src/js/components/InputHelper/index.js";
+import { createVNode, defineComponent, mergeProps, useAttrs } from "vue";
+//#region src/components/input-helper/InputHelper.tsx
+/**
+* InputHelper component.
+*
+* @param  props Component props.
+* @return Vue element.
+*/
+var InputHelper = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	const attrs = useAttrs();
+	const defaultTheme = useTheme();
+	const className = useClassName(() => props.class);
+	return () => createVNode(InputHelper$1, mergeProps(props, attrs, {
+		"className": className.value,
+		"theme": props.theme || defaultTheme.value,
+		"children": slots.default?.()
+	}), null);
+}, {
+	name: "InputHelper",
+	inheritAttrs: false,
+	props: keysOf()("kind", "theme", "class", "id")
+});
+//#endregion
+export { InputHelper as default };

package/_internal/components/input-helper/index.d.ts

@@ -0,0 +1 @@
+import { InputHelper, InputHelperProps } from "./InputHelper.js";