@lumx/vue 4.2.1-alpha.8 → 4.3.0

package/package.json

@@ -20,10 +20,10 @@
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": false,
-  "version": "4.2.1-alpha.8",
+  "version": "4.3.0",
   "dependencies": {
-    "@lumx/core": "^4.2.1-alpha.8",
-    "@lumx/icons": "^4.2.1-alpha.8",
+    "@lumx/core": "^4.3.0",
+    "@lumx/icons": "^4.3.0",
     "@vueuse/core": "^14.1.0"
   },
   "peerDependencies": {
@@ -53,6 +53,5 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.0.18",
     "vue": "^3.5.27"
-  },
-  "stableVersion": "4.2.0"
+  }
 }

package/stories/decorators/withCombinations.d.ts

@@ -0,0 +1,6 @@
+import { CombinationsOptions } from '@lumx/core/stories/utils/combinations';
+export type { CombinationsOptions, Combination, PropEntry } from '@lumx/core/stories/utils/combinations';
+/**
+ * SB decorator generating a tables of combination of props (max 3 levels of props)
+ */
+export declare const withCombinations: (options: CombinationsOptions) => (story: any, ctx: any) => () => import("vue/jsx-runtime").JSX.Element;

package/stories/decorators/withThemedBackground.d.ts

@@ -0,0 +1,12 @@
+/**
+ * SB decorator adding a background adapted to the current theme.
+ */
+export declare const withThemedBackground: () => (story: any, { args }: any) => {
+    setup(): {
+        wrapperStyle: {
+            backgroundColor: string;
+            padding: string;
+        };
+    };
+    template: string;
+};

package/utils/VueToJSX.d.ts

@@ -1,46 +1,12 @@
-import { VNode, SetupContext, EmitsOptions, FunctionalComponent } from 'vue';
-import { NestedComponents } from '@lumx/core/js/types';
-import { VueToJSXProps } from './VueToJSXProps';
 /**
- * Props type that includes optional children for JSX compatibility.
- */
-type GenericPropsWithChildren = Record<string, any>;
-export type { VueToJSXProps } from './VueToJSXProps';
-type VueEmits = EmitsOptions | Record<string, any[]>;
-/**
- * Options for configuring VueToJSX wrapper behavior.
- */
-export interface VueToJSXOptions<Emits extends VueEmits = Record<string, never>> {
-    /** Vue emit function to handle events */
-    emit?: SetupContext<Emits>['emit'];
-    /** List of event names to bind (e.g., ['click', 'focus']) */
-    events?: string[];
-    nestedComponents?: NestedComponents;
-}
-export declare const keysOf: <T>() => <K extends readonly (keyof T)[]>(...keys: [keyof T] extends [K[number]] ? K : [Error: "\u274C Missing keys in your list:", Exclude<keyof T, K[number]>]) => K;
-/**
- * Higher-order component that wraps a LumX Core component (which uses JSX patterns)
- * to be used as a Vue functional component.
+ * Props interface for components wrapped with VueToJSX.
+ * It omits JSX-specific props like `children` and `className` and adds Vue's `class`.
  *
- * It specifically handles:
- * - Mapping Vue's `class` prop to LumX Core's `className` prop.
- * - Mapping Vue's default slot to LumX Core's `children` prop.
- * - Optionally binding Vue events to JSX event handlers.
- *
- * @param Component The LumX Core component to wrap.
- * @param options Optional configuration for event handling.
- * @returns A Vue functional component.
- *
- * @example
- * // Simple usage (no events)
- * const ui = VueToJSX(IconUI);
- *
- * @example
- * // With event handling
- * const emit = defineEmits(emitSchema);
- * const ui = VueToJSX<ButtonProps, typeof emitSchema>(ButtonUI, {
- *   emit,
- *   events: Object.keys(emitSchema)
- * });
+ * @template Props - The base props type
+ * @template OmitProps - Additional props to omit beyond the defaults (children, className, ref)
  */
-export declare const VueToJSX: <Props extends GenericPropsWithChildren, Emits extends VueEmits = Record<string, never>>(Component: (props: Props, nestedComponents?: NestedComponents) => VNode, options?: VueToJSXOptions<Emits>) => FunctionalComponent<VueToJSXProps<Props>, Emits>;
+export type VueToJSXProps<Props, OmitProps extends keyof Props = never> = Omit<Props, 'children' | 'className' | 'ref' | 'onClick' | 'onChange' | OmitProps> & {
+    /** Class name forwarded to the root element of the component. */
+    class?: string;
+};
+export declare const keysOf: <T>() => <K extends readonly (keyof T)[]>(...keys: [keyof T] extends [K[number]] ? K : [Error: "\u274C Missing keys in your list:", Exclude<keyof T, K[number]>]) => K;

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

@@ -1,18 +0,0 @@
-import { HeadingProps } from '@lumx/core/js/components/Heading';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<HeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,21 +0,0 @@
-type __VLS_Props = {
-    /** The heading level to start at. If left undefined, the parent context will be used, if any. */
-    level?: number;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/text/Text.vue.d.ts

@@ -1,5 +0,0 @@
-import { TextProps } from '@lumx/core/js/components/Text';
-declare const _default: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    'tooltip-label': unknown;
-}, any>;
-export default _default;

package/utils/VueToJSXProps.d.ts

@@ -1,11 +0,0 @@
-/**
- * Props interface for components wrapped with VueToJSX.
- * It omits JSX-specific props like `children` and `className` and adds Vue's `class`.
- *
- * @template Props - The base props type
- * @template OmitProps - Additional props to omit beyond the defaults (children, className, ref)
- */
-export type VueToJSXProps<Props, OmitProps extends keyof Props = never> = Omit<Props, 'children' | 'className' | 'ref' | OmitProps> & {
-    /** Class name forwarded to the root element of the component. */
-    class?: string;
-};