@flux-ui/components 3.0.0 → 3.1.0

package/dist/component/FluxBreadcrumb.vue.d.ts

@@ -0,0 +1,15 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly ariaLabel?: string;
+};
+type __VLS_Slots = {
+    default(): VNode[];
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxBreadcrumbItem.vue.d.ts

@@ -0,0 +1,23 @@
+import { FluxIconName, FluxTo } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly href?: string;
+    readonly icon?: FluxIconName;
+    readonly label?: string;
+    readonly to?: FluxTo;
+};
+type __VLS_Slots = {
+    default(): VNode[];
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (args_0: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (args_0: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/{FluxCheckbox.vue.d.ts → FluxFormCheckbox.vue.d.ts}

@@ -1,7 +1,10 @@
 import { FluxFormInputBaseProps } from '@flux-ui/types';
+import { FluxFormCheckboxGroupValue } from '../data';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Pick<FluxFormInputBaseProps, 'disabled' | 'error' | 'isReadonly'> & {
     readonly label?: string;
+    readonly subLabel?: string;
+    readonly value?: FluxFormCheckboxGroupValue;
 };
 type __VLS_ModelProps = {
     modelValue?: boolean | null;

package/dist/component/FluxFormCheckboxGroup.vue.d.ts

@@ -0,0 +1,26 @@
+import { FluxFormInputBaseProps } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FluxFormCheckboxGroupValue } from '../data';
+type __VLS_Props = Pick<FluxFormInputBaseProps, 'disabled' | 'error' | 'isReadonly'> & {
+    readonly ariaLabel?: string;
+    readonly isInline?: boolean;
+};
+type __VLS_Slots = {
+    default(): VNode[];
+};
+type __VLS_ModelProps = {
+    modelValue?: FluxFormCheckboxGroupValue[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: FluxFormCheckboxGroupValue[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: FluxFormCheckboxGroupValue[]) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxFormField.vue.d.ts

@@ -1,5 +1,6 @@
 import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
+    readonly as?: 'field' | 'group';
     readonly currentLength?: number;
     readonly error?: string;
     readonly hint?: string;

package/dist/component/FluxFormNumberInput.vue.d.ts

@@ -0,0 +1,26 @@
+import { FluxFormInputBaseProps } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = FluxFormInputBaseProps & {
+    readonly max?: number;
+    readonly min?: number;
+    readonly step?: number;
+};
+declare function blur(): void;
+declare function focus(): void;
+type __VLS_ModelProps = {
+    modelValue?: number | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const _default: DefineComponent<__VLS_PublicProps, {
+    blur: typeof blur;
+    focus: typeof focus;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    blur: () => any;
+    focus: () => any;
+    "update:modelValue": (value: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: () => any;
+    onFocus?: () => any;
+    "onUpdate:modelValue"?: (value: number) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/component/FluxFormRadio.vue.d.ts

@@ -0,0 +1,18 @@
+import { FluxFormRadioGroupValue } from '../data';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly value: FluxFormRadioGroupValue;
+    readonly disabled?: boolean;
+    readonly label?: string;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxFormRadioGroup.vue.d.ts

@@ -0,0 +1,27 @@
+import { FluxFormInputBaseProps } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FluxFormRadioGroupValue } from '../data';
+type __VLS_Props = Pick<FluxFormInputBaseProps, 'disabled' | 'error' | 'isReadonly'> & {
+    readonly ariaLabel?: string;
+    readonly isInline?: boolean;
+    readonly name?: string;
+};
+type __VLS_Slots = {
+    default(): VNode[];
+};
+type __VLS_ModelProps = {
+    modelValue?: FluxFormRadioGroupValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: FluxFormRadioGroupValue) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: FluxFormRadioGroupValue) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxSkeleton.vue.d.ts

@@ -0,0 +1,9 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly height?: string | number;
+    readonly is?: string;
+    readonly variant?: 'text' | 'circle' | 'rectangle' | 'rounded';
+    readonly width?: string | number;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/component/index.d.ts

@@ -12,12 +12,13 @@ export { default as FluxBadgeStack } from './FluxBadgeStack.vue';
 export { default as FluxBorderBeam } from './FluxBorderBeam.vue';
 export { default as FluxBorderShine } from './FluxBorderShine.vue';
 export { default as FluxBoxedIcon } from './FluxBoxedIcon.vue';
+export { default as FluxBreadcrumb } from './FluxBreadcrumb.vue';
+export { default as FluxBreadcrumbItem } from './FluxBreadcrumbItem.vue';
 export { default as FluxButton } from './FluxButton.vue';
 export { default as FluxButtonGroup } from './FluxButtonGroup.vue';
 export { default as FluxButtonStack } from './FluxButtonStack.vue';
 export { default as FluxCalendar } from './FluxCalendar.vue';
 export { default as FluxCalendarItem } from './FluxCalendarItem.vue';
-export { default as FluxCheckbox } from './FluxCheckbox.vue';
 export { default as FluxChip } from './FluxChip.vue';
 export { default as FluxClickablePane } from './FluxClickablePane.vue';
 export { default as FluxCommandPalette } from './FluxCommandPalette.vue';
@@ -55,6 +56,8 @@ export { default as FluxFlyout } from './FluxFlyout.vue';
 export { default as FluxFocalPointEditor } from './FluxFocalPointEditor.vue';
 export { default as FluxFocalPointImage } from './FluxFocalPointImage.vue';
 export { default as FluxForm } from './FluxForm.vue';
+export { default as FluxFormCheckbox } from './FluxFormCheckbox.vue';
+export { default as FluxFormCheckboxGroup } from './FluxFormCheckboxGroup.vue';
 export { default as FluxFormColumn } from './FluxFormColumn.vue';
 export { default as FluxFormDateInput } from './FluxFormDateInput.vue';
 export { default as FluxFormDateRangeInput } from './FluxFormDateRangeInput.vue';
@@ -65,7 +68,10 @@ export { default as FluxFormGrid } from './FluxFormGrid.vue';
 export { default as FluxFormInput } from './FluxFormInput.vue';
 export { default as FluxFormInputAddition } from './FluxFormInputAddition.vue';
 export { default as FluxFormInputGroup } from './FluxFormInputGroup.vue';
+export { default as FluxFormNumberInput } from './FluxFormNumberInput.vue';
 export { default as FluxFormPinInput } from './FluxFormPinInput.vue';
+export { default as FluxFormRadio } from './FluxFormRadio.vue';
+export { default as FluxFormRadioGroup } from './FluxFormRadioGroup.vue';
 export { default as FluxFormRangeSlider } from './FluxFormRangeSlider.vue';
 export { default as FluxFormRow } from './FluxFormRow.vue';
 export { default as FluxFormSection } from './FluxFormSection.vue';
@@ -131,6 +137,7 @@ export { default as FluxSecondaryLinkButton } from './FluxSecondaryLinkButton.vu
 export { default as FluxSegmentedControl } from './FluxSegmentedControl.vue';
 export { default as FluxSegmentedControlItem } from './FluxSegmentedControlItem.vue';
 export { default as FluxSeparator } from './FluxSeparator.vue';
+export { default as FluxSkeleton } from './FluxSkeleton.vue';
 export { default as FluxSlideOver } from './FluxSlideOver.vue';
 export { default as FluxSnackbar } from './FluxSnackbar.vue';
 export { default as FluxSnackbarProvider } from './FluxSnackbarProvider.vue';

package/dist/composable/index.d.ts

@@ -6,7 +6,9 @@ export { default as useDisabledInjection } from './useDisabledInjection';
 export { default as useExpandableGroupInjection } from './useExpandableGroupInjection';
 export { default as useFilterInjection } from './useFilterInjection';
 export { default as useFlyoutInjection } from './useFlyoutInjection';
+export { default as useFormCheckboxGroupInjection } from './useFormCheckboxGroupInjection';
 export { default as useFormFieldInjection } from './useFormFieldInjection';
+export { default as useFormRadioGroupInjection } from './useFormRadioGroupInjection';
 export { default as useKanbanInjection } from './useKanbanInjection';
 export { default as useSegmentedControlInjection } from './useSegmentedControlInjection';
 export { default as useTabBarInjection } from './useTabBarInjection';

package/dist/composable/useFormCheckboxGroupInjection.d.ts

@@ -0,0 +1,2 @@
+import { FluxFormCheckboxGroupInjection } from '../data';
+export default function (): FluxFormCheckboxGroupInjection;

package/dist/composable/useFormFieldInjection.d.ts

@@ -1,2 +1,3 @@
-import { FluxFormFieldInjection } from '../data';
-export default function (): FluxFormFieldInjection;
+export default function (): {
+    id: string;
+};

package/dist/composable/useFormRadioGroupInjection.d.ts

@@ -0,0 +1,2 @@
+import { FluxFormRadioGroupInjection } from '../data';
+export default function (): FluxFormRadioGroupInjection;

package/dist/data/di.d.ts

@@ -8,7 +8,9 @@ export declare const FluxKanbanInjectionKey: InjectionKey<FluxKanbanInjection>;
 export declare const FluxExpandableGroupInjectionKey: InjectionKey<FluxExpandableGroupInjection>;
 export declare const FluxFlyoutInjectionKey: InjectionKey<FluxFlyoutInjection>;
 export declare const FluxFilterInjectionKey: InjectionKey<FluxFilterInjection>;
+export declare const FluxFormCheckboxGroupInjectionKey: InjectionKey<FluxFormCheckboxGroupInjection>;
 export declare const FluxFormFieldInjectionKey: InjectionKey<FluxFormFieldInjection>;
+export declare const FluxFormRadioGroupInjectionKey: InjectionKey<FluxFormRadioGroupInjection>;
 export declare const FluxSegmentedControlInjectionKey: InjectionKey<FluxSegmentedControlInjection>;
 export declare const FluxSplitViewInjectionKey: InjectionKey<FluxSplitViewInjection>;
 export declare const FluxTabBarInjectionKey: InjectionKey<FluxTabBarInjection>;
@@ -128,6 +130,18 @@ export type FluxFlyoutInjection = {
 };
 export type FluxFormFieldInjection = {
     readonly id?: string;
+    readonly labelId?: string;
+    readonly isGroup?: boolean;
+    registerControl?(): string;
+};
+export type FluxFormCheckboxGroupValue = string | number | boolean;
+export type FluxFormCheckboxGroupInjection = {
+    readonly modelValue: Ref<FluxFormCheckboxGroupValue[]>;
+    readonly disabled: Ref<boolean>;
+    readonly isReadonly: Ref<boolean>;
+    readonly error: Ref<string | null | undefined>;
+    has(value: FluxFormCheckboxGroupValue): boolean;
+    toggle(value: FluxFormCheckboxGroupValue): void;
 };
 export type FluxSplitViewPaneSpec = {
     readonly id: number;
@@ -143,6 +157,15 @@ export type FluxSplitViewInjection = {
     unregisterPane(id: number): void;
     getPaneIndex(id: number): number;
 };
+export type FluxFormRadioGroupValue = string | number | boolean;
+export type FluxFormRadioGroupInjection = {
+    readonly name: string;
+    readonly modelValue: Ref<FluxFormRadioGroupValue | undefined>;
+    readonly disabled: Ref<boolean>;
+    readonly isReadonly: Ref<boolean>;
+    readonly error: Ref<string | null | undefined>;
+    select(value: FluxFormRadioGroupValue): void;
+};
 export type FluxSegmentedControlValue = string | number;
 export type FluxSegmentedControlInjection = {
     readonly modelValue: Ref<FluxSegmentedControlValue | undefined>;