@lumx/vue 4.2.1-alpha.9 → 4.3.0

package/components/button/Button.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Button: import('vue').DefineSetupFnComponent<ButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/button/ButtonGroup.d.ts

@@ -7,7 +7,7 @@ export type ButtonGroupProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default ButtonGroup;

package/components/button/IconButton.d.ts

@@ -12,7 +12,7 @@ export declare const emitSchema: {
  */
 declare const IconButton: import('vue').DefineSetupFnComponent<IconButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import { CheckboxProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, INTERMEDIATE_STATE } from '@lumx/core/js/components/Checkbox';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type CheckboxProps = VueToJSXProps<UIProps, 'inputId' | 'inputRef'>;
+export declare const emitSchema: {
+    change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, INTERMEDIATE_STATE };
+/**
+ * Checkbox component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Checkbox: import('vue').DefineSetupFnComponent<CheckboxProps, {
+    change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
+}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange" | "inputRef" | "inputId"> & {
+    class?: string;
+} & {
+    onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Checkbox;

package/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Checkbox, CheckboxProps } from './Checkbox';
+export { Checkbox };
+export type { CheckboxProps };

package/components/flag/Flag.d.ts

@@ -7,7 +7,7 @@ export type FlagProps = VueToJSXProps<UIProps, 'Text'>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "Text"> & {
+declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange" | "Text"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Flag;

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

@@ -11,7 +11,7 @@ export { CLASSNAME, COMPONENT_NAME };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {
     /** Customize the root element. */

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

@@ -1,4 +1,4 @@
-import { default as FlexBox } from './FlexBox';
+import { default as FlexBox, FlexBoxProps } from './FlexBox';
 export { FlexBox };
-export type { FlexBoxProps } from './FlexBox';
+export type { FlexBoxProps };
 export type { MarginAutoAlignment, GapSize, FlexVerticalAlignment, FlexHorizontalAlignment, } from '@lumx/core/js/components/FlexBox';

package/components/heading/Heading.d.ts

@@ -7,7 +7,7 @@ export type HeadingVueProps = VueToJSXProps<HeadingProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Heading;

package/components/icon/Icon.d.ts

@@ -7,7 +7,7 @@ export type IconProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Icon;

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

@@ -7,7 +7,7 @@ export type InputHelperProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputHelper;

package/components/input-label/InputLabel.d.ts

@@ -7,7 +7,7 @@ export type InputLabelProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputLabel;

package/components/message/Message.d.ts

@@ -14,7 +14,7 @@ export interface MessageEmits {
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {
     /** label to be used for the close button */

package/components/text/Text.d.ts

@@ -1,13 +1,13 @@
-import { TextProps } from '@lumx/core/js/components/Text';
+import { TextProps as UIProps } from '@lumx/core/js/components/Text';
 import { VueToJSXProps } from '../../utils/VueToJSX';
-export type TextVueProps = VueToJSXProps<TextProps>;
+export type TextProps = VueToJSXProps<UIProps>;
 /**
  * Text component.
  *
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Text: import('vue').DefineSetupFnComponent<TextVueProps, {}, {}, Omit<TextProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "ref" | "children" | "onClick" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Text;

package/components/text/index.d.ts

@@ -1,4 +1,3 @@
-import { TextProps } from '@lumx/core/js/components/Text';
-import { default as Text } from './Text';
+import { default as Text, TextProps } from './Text';
 export { Text };
 export type { TextProps };

package/composables/useDisableStateProps.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue';
-import { GenericProps, DisabledState } from '@lumx/core/js/utils/disabledState';
-interface Output<TProps extends GenericProps> {
+import { DisabledProps, DisabledState } from '@lumx/core/js/utils/disabledState';
+interface Output<TProps extends DisabledProps> {
     /** Is disabled or aria-disabled */
     isAnyDisabled: ComputedRef<boolean | undefined>;
     disabledStateProps: ComputedRef<DisabledState>;
@@ -12,5 +12,5 @@ interface Output<TProps extends GenericProps> {
  *
  * @params component props
  */
-export declare function useDisableStateProps<TProps extends GenericProps>(props: TProps | ComputedRef<TProps> | (() => TProps)): Output<TProps>;
+export declare function useDisableStateProps<TProps extends DisabledProps>(props: TProps | ComputedRef<TProps> | (() => TProps)): Output<TProps>;
 export {};

package/composables/useId.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generate a unique ID for use in components.
+ * This is a simple implementation that generates sequential IDs.
+ *
+ * @return A unique ID string.
+ */
+export declare function useId(): string;

package/index.d.ts

@@ -1,11 +1,12 @@
 export * from '@lumx/core/js/constants';
 export * from '@lumx/core/js/types';
-export * from './components/input-helper';
-export * from './components/input-label';
 export * from './components/button';
-export * from './components/icon';
-export * from './components/text';
-export * from './components/heading';
-export * from './components/message';
+export * from './components/checkbox';
 export * from './components/flag';
 export * from './components/flex-box';
+export * from './components/heading';
+export * from './components/icon';
+export * from './components/input-helper';
+export * from './components/input-label';
+export * from './components/message';
+export * from './components/text';