@lumx/vue 4.3.2-alpha.8 → 4.4.0

package/package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "build": "vite build",
     "type-check": "vue-tsc",
-    "start:storybook": "storybook dev -p 9000",
+    "start:storybook": "storybook dev -p 9001",
     "build:storybook": "storybook build",
     "test": "vitest run --run",
     "test:storybook": "vitest -c .storybook/vitest.config.mts run --run"
@@ -20,11 +20,17 @@
   "module": "index.js",
   "main": "index.js",
   "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    }
+  },
   "sideEffects": false,
-  "version": "4.3.2-alpha.8",
+  "version": "4.4.0",
   "dependencies": {
-    "@lumx/core": "^4.3.2-alpha.8",
-    "@lumx/icons": "^4.3.2-alpha.8",
+    "@lumx/core": "^4.4.0",
+    "@lumx/icons": "^4.4.0",
     "@vueuse/core": "^14.1.0"
   },
   "peerDependencies": {
@@ -58,6 +64,5 @@
     "vitest": "^4.0.18",
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.4"
-  },
-  "stableVersion": "4.3.1"
+  }
 }

package/stories/decorators/withResizableBox.d.ts

@@ -1,7 +1,7 @@
 /** Storybook decorator wrapping story in a resizable box  */
 export declare const withResizableBox: ({ width, height, ...style }?: {
-    width?: number | string;
-    height?: number | string;
+    width?: string;
+    height?: string;
     [key: string]: any;
 }) => (story: any, context: any) => {
     setup(): {

package/stories/utils/CustomLink.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Example custom link that can be used in linkAs props.
+ */
+type __VLS_Props = {
+    to?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        linkRef: HTMLAnchorElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    linkRef: import('vue').Ref<HTMLAnchorElement | undefined, HTMLAnchorElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    linkRef: HTMLAnchorElement;
+}, 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/utils/VueToJSX.d.ts

@@ -1,3 +1,4 @@
+import { PropsToOverride } from '@lumx/core/js/types';
 /**
  * Props interface for components wrapped with VueToJSX.
  * It omits JSX-specific props like `children` and `className` and adds Vue's `class`.
@@ -5,7 +6,7 @@
  * @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' | 'onClick' | 'onChange' | OmitProps> & {
+export type VueToJSXProps<Props, OmitProps extends keyof Props = never> = Omit<Props, PropsToOverride | 'children' | 'className' | OmitProps> & {
     /** Class name forwarded to the root element of the component. */
     class?: string;
 };