@lumx/vue 4.3.2-alpha.2 → 4.3.2-alpha.21

package/components/thumbnail/useFocusPointStyle.d.ts

@@ -0,0 +1,20 @@
+import { Ref, ComputedRef, CSSProperties } from 'vue';
+import { AspectRatio } from '@lumx/core/js/constants';
+import { FocusPoint } from '@lumx/core/js/components/Thumbnail/types';
+interface FocusPointStyleParams {
+    image: Ref<string>;
+    aspectRatio: Ref<AspectRatio | undefined>;
+    focusPoint: Ref<FocusPoint | undefined>;
+    width: Ref<number | undefined>;
+    height: Ref<number | undefined>;
+    element: Ref<HTMLImageElement | undefined>;
+    isLoaded: Ref<boolean>;
+}
+/**
+ * Vue composable to compute CSS properties for focus point positioning.
+ *
+ * @param params - Focus point style parameters
+ * @returns Computed CSS properties for the image
+ */
+export declare function useFocusPointStyle(params: FocusPointStyleParams): ComputedRef<CSSProperties>;
+export {};

package/components/thumbnail/useImageLoad.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { LoadingState } from '@lumx/core/js/components/Thumbnail/types';
+/**
+ * Vue composable to track image loading state.
+ *
+ * @param imageURL - The URL of the image to track
+ * @param imgRef - Reference to the HTML image element
+ * @returns The current loading state ('hasError', 'isLoading', or 'isLoaded')
+ */
+export declare function useImageLoad(imageURL: Ref<string>, imgRef: Ref<HTMLImageElement | undefined>): Ref<LoadingState>;

package/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import { ToolbarProps as UIProps, CLASSNAME, TOOLBAR_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Toolbar';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type ToolbarProps = VueToJSXProps<UIProps, 'ref' | 'label' | 'after' | 'before'>;
+export { CLASSNAME, TOOLBAR_NAME, DEFAULT_PROPS };
+declare const Toolbar: import('vue').DefineSetupFnComponent<ToolbarProps, {}, {}, Omit<UIProps, "className" | "label" | "children" | "ref" | "onChange" | "onClick" | "after" | "before"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default Toolbar;

package/components/toolbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toolbar } from './Toolbar';
+export type { ToolbarProps } from './Toolbar';
+export { TOOLBAR_NAME } from './Toolbar';

package/composables/useTheme.d.ts

@@ -1,9 +1,10 @@
+import { ComputedRef } from 'vue';
 import { Theme } from '@lumx/core/js/constants';
 export interface UseTheme {
     defaultTheme?: Theme;
 }
 /**
- * Retrives the globally applied theme.
- * @returns theme
+ * Retrieves the globally applied theme.
+ * @returns computed theme value (auto-updates when the provided theme changes)
  */
-export declare function useTheme(options?: UseTheme): Theme | undefined;
+export declare function useTheme(options?: UseTheme): ComputedRef<Theme | undefined>;

package/index.d.ts

@@ -1,10 +1,12 @@
 export * from '@lumx/core/js/constants';
 export * from '@lumx/core/js/types';
+export * from './components/badge';
 export * from './components/button';
 export * from './components/checkbox';
 export * from './components/divider';
 export * from './components/flag';
 export * from './components/flex-box';
+export * from './components/grid-column';
 export * from './components/heading';
 export * from './components/icon';
 export * from './components/input-helper';
@@ -14,4 +16,7 @@ export * from './components/message';
 export * from './components/radio-button';
 export * from './components/skeleton';
 export * from './components/switch';
+export * from './components/table';
 export * from './components/text';
+export * from './components/thumbnail';
+export * from './components/toolbar';