@flux-ui/components 3.0.0-next.72 → 3.0.0-next.74

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

@@ -4,7 +4,7 @@ type __VLS_Props = {
     readonly error?: string;
     readonly hint?: string;
     readonly isOptional?: boolean;
-    readonly label: string;
+    readonly label?: string;
     readonly maxLength?: number;
 };
 type __VLS_Slots = {
@@ -28,7 +28,7 @@ type __VLS_Slots = {
         readonly maxLength?: number;
     }): VNode[];
 };
-declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+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 & {

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

@@ -2,7 +2,7 @@ import { FluxIconName } from '@flux-ui/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly columnId: string | number;
-    readonly count: string | number;
+    readonly count?: string | number;
     readonly disabled?: boolean;
     readonly icon?: FluxIconName;
     readonly label: string;

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

@@ -1,17 +1,27 @@
-import { FluxSegmentedControlItemObject } from '@flux-ui/types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FluxSize } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { FluxSegmentedControlValue } from '../data';
 type __VLS_Props = {
     readonly ariaLabel?: string;
     readonly isFill?: boolean;
-    readonly items: FluxSegmentedControlItemObject[];
+    readonly size?: FluxSize;
+};
+type __VLS_Slots = {
+    default(): VNode[];
 };
 type __VLS_ModelProps = {
-    modelValue?: number;
+    modelValue?: FluxSegmentedControlValue;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: FluxSegmentedControlValue) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: number) => any;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: (value: FluxSegmentedControlValue) => 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/FluxSegmentedControlItem.vue.d.ts

@@ -0,0 +1,20 @@
+import { FluxIconName } from '@flux-ui/types';
+import { FluxSegmentedControlValue } from '../data';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly value: FluxSegmentedControlValue;
+    readonly disabled?: boolean;
+    readonly icon?: FluxIconName;
+    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/FluxSpacing.vue.d.ts

@@ -1,7 +1,8 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const spacings: readonly [0, 3, 6, 9, 12, 15, 18, 24, 30, 36, 42, 48, 54, 60, 72, 84, 90, 120];
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
 type __VLS_Props = {
-    readonly size: keyof typeof spacings;
+    readonly size: Enumerate<typeof spacings['length']>;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/component/index.d.ts

@@ -130,7 +130,7 @@ export { default as FluxScroller } from './FluxScroller.vue';
 export { default as FluxSecondaryButton } from './FluxSecondaryButton.vue';
 export { default as FluxSecondaryLinkButton } from './FluxSecondaryLinkButton.vue';
 export { default as FluxSegmentedControl } from './FluxSegmentedControl.vue';
-export { default as FluxSegmentedView } from './FluxSegmentedView.vue';
+export { default as FluxSegmentedControlItem } from './FluxSegmentedControlItem.vue';
 export { default as FluxSeparator } from './FluxSeparator.vue';
 export { default as FluxSlideOver } from './FluxSlideOver.vue';
 export { default as FluxSnackbar } from './FluxSnackbar.vue';

package/dist/component/primitive/FilterMenuRenderer.d.ts

@@ -1,4 +1,4 @@
-import { VNode, DefineComponent, ExtractPropTypes, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PropType, VNode, DefineComponent, ExtractPropTypes, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const FilterMenuRenderer: DefineComponent<ExtractPropTypes<{
     menuItems: {
         required: true;
@@ -6,7 +6,7 @@ export declare const FilterMenuRenderer: DefineComponent<ExtractPropTypes<{
     };
     navigate: {
         required: true;
-        type: FunctionConstructor;
+        type: PropType<(name: string) => void>;
     };
 }>, () => VNode< RendererNode, RendererElement, {
     [key: string]: any;
@@ -17,6 +17,6 @@ export declare const FilterMenuRenderer: DefineComponent<ExtractPropTypes<{
     };
     navigate: {
         required: true;
-        type: FunctionConstructor;
+        type: PropType<(name: string) => void>;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/composable/index.d.ts

@@ -8,6 +8,7 @@ export { default as useFilterInjection } from './useFilterInjection';
 export { default as useFlyoutInjection } from './useFlyoutInjection';
 export { default as useFormFieldInjection } from './useFormFieldInjection';
 export { default as useKanbanInjection } from './useKanbanInjection';
+export { default as useSegmentedControlInjection } from './useSegmentedControlInjection';
 export { default as useTabBarInjection } from './useTabBarInjection';
 export { default as useTableInjection } from './useTableInjection';
 export { default as useTooltipInjection } from './useTooltipInjection';

package/dist/composable/useSegmentedControlInjection.d.ts

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

package/dist/data/di.d.ts

@@ -1,4 +1,4 @@
-import { FluxFilterDefinition, FluxFilterState, FluxFilterValue } from '@flux-ui/types';
+import { FluxFilterDefinition, FluxFilterState, FluxFilterValue, FluxSize } from '@flux-ui/types';
 import { DateTime } from 'luxon';
 import { ComponentInternalInstance, ComputedRef, InjectionKey, Ref, VNode } from 'vue';
 export declare const FluxAdaptiveGroupInjectionKey: InjectionKey<FluxAdaptiveGroupInjection>;
@@ -9,6 +9,7 @@ export declare const FluxExpandableGroupInjectionKey: InjectionKey<FluxExpandabl
 export declare const FluxFlyoutInjectionKey: InjectionKey<FluxFlyoutInjection>;
 export declare const FluxFilterInjectionKey: InjectionKey<FluxFilterInjection>;
 export declare const FluxFormFieldInjectionKey: InjectionKey<FluxFormFieldInjection>;
+export declare const FluxSegmentedControlInjectionKey: InjectionKey<FluxSegmentedControlInjection>;
 export declare const FluxSplitViewInjectionKey: InjectionKey<FluxSplitViewInjection>;
 export declare const FluxTabBarInjectionKey: InjectionKey<FluxTabBarInjection>;
 export declare const FluxTableInjectionKey: InjectionKey<FluxTableInjection>;
@@ -142,6 +143,14 @@ export type FluxSplitViewInjection = {
     unregisterPane(id: number): void;
     getPaneIndex(id: number): number;
 };
+export type FluxSegmentedControlValue = string | number;
+export type FluxSegmentedControlInjection = {
+    readonly modelValue: Ref<FluxSegmentedControlValue | undefined>;
+    readonly size: Ref<FluxSize>;
+    select(value: FluxSegmentedControlValue): void;
+    registerItem(element: HTMLElement, value: FluxSegmentedControlValue): void;
+    unregisterItem(element: HTMLElement): void;
+};
 export type FluxTabBarInjection = {
     readonly isPills: Ref<boolean>;
     registerItem(element: Element, isActive: Ref<boolean>): void;