@lumx/vue 4.2.1-alpha.1 → 4.2.1-alpha.3

package/package.json

@@ -20,10 +20,10 @@
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": false,
-  "version": "4.2.1-alpha.1",
+  "version": "4.2.1-alpha.3",
   "dependencies": {
-    "@lumx/core": "^4.2.1-alpha.1",
-    "@lumx/icons": "^4.2.1-alpha.1",
+    "@lumx/core": "^4.2.1-alpha.3",
+    "@lumx/icons": "^4.2.1-alpha.3",
     "@vueuse/core": "^14.1.0"
   },
   "peerDependencies": {

package/utils/VueToJSX.d.ts

@@ -1,18 +1,11 @@
 import { VNode, SetupContext, EmitsOptions, FunctionalComponent } from 'vue';
-import { GenericProps, JSXElement, NestedComponents } from '@lumx/core/js/types';
+import { NestedComponents } from '@lumx/core/js/types';
+import { VueToJSXProps } from './VueToJSXProps';
 /**
  * Props type that includes optional children for JSX compatibility.
  */
-type GenericPropsWithChildren = GenericProps & {
-    children?: JSXElement;
-};
-/**
- * Props interface for components wrapped with VueToJSX.
- * It omits JSX-specific props like `children` and `className` and adds Vue's `class`.
- */
-export type VueToJSXProps<Props extends GenericPropsWithChildren> = Omit<Props, 'children' | 'className'> & {
-    class?: string;
-};
+type GenericPropsWithChildren = Record<string, any>;
+export type { VueToJSXProps } from './VueToJSXProps';
 type VueEmits = EmitsOptions | Record<string, any[]>;
 /**
  * Options for configuring VueToJSX wrapper behavior.
@@ -24,6 +17,7 @@ export interface VueToJSXOptions<Emits extends VueEmits = Record<string, never>>
     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.
@@ -50,4 +44,3 @@ export interface VueToJSXOptions<Emits extends VueEmits = Record<string, never>>
  * });
  */
 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 {};

package/utils/VueToJSXProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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;
+};

package/components/button/Button.vue.d.ts

@@ -1,9 +0,0 @@
-export declare const emitSchema: {
-    click: (event: MouseEvent) => boolean;
-};
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/components/button/ButtonGroup.vue.d.ts

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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/button/IconButton.vue.d.ts

@@ -1,9 +0,0 @@
-export declare const emitSchema: {
-    click: (event: MouseEvent) => boolean;
-};
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/components/flag/Flag.vue.d.ts

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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/flex-box/FlexBox.vue.d.ts

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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/flex-box/types.d.ts

@@ -1,5 +0,0 @@
-import { FlexBoxProps as CoreFlexBoxProps } from '@lumx/core/js/components/FlexBox';
-export interface FlexBoxProps extends Omit<CoreFlexBoxProps, 'children'> {
-    /** Customize the root element. */
-    as?: string;
-}

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

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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/input-label/InputLabel.vue.d.ts

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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/message/Message.vue.d.ts

@@ -1,17 +0,0 @@
-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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & 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;
-    };
-};