@toife/vue 3.3.9 → 3.3.10

package/dist/core/features/route/route-navigator.type.d.ts

@@ -0,0 +1,52 @@
+export type RouteNavigatorVariant = "none" | "swipe" | "fade";
+/**
+ * Route Navigator Props Type
+ */
+export type RouteNavigatorProps = {
+    direction?: "left" | "right" | "up" | "down";
+    variant?: RouteNavigatorVariant;
+    keepalive?: boolean;
+    gesture?: boolean;
+    name?: string;
+};
+/**
+ * Route Navigator Gesture Type
+ */
+export type RouteNavigatorGesture = {
+    deltaX: number;
+    deltaY: number;
+};
+/**
+ * Route Navigator Event Type
+ */
+export type RouteNavigatorEvent = {
+    (e: "transform", value: RouteNavigatorTransformState): void;
+};
+/**
+ * Route Navigator Transform State Type
+ */
+export type RouteNavigatorTransformState = {
+    back: number;
+    prepare: number;
+    active: number;
+    backdrop: number;
+    duration: string | undefined;
+};
+export type RouteNavigatorAttrOptions = {
+    direction: string;
+    variant: RouteNavigatorVariant;
+    moving: boolean;
+    transform: {
+        back: number;
+        prepare: number;
+        active: number;
+        backdrop: number;
+        duration?: string;
+    };
+};
+export type RouteNavigatorComponentAttrOptions = {
+    direction: string;
+};
+export type RouteNavigatorBackdropAttrOptions = {
+    zIndex: number;
+};

package/dist/core/features/route/route-provider.constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Route Provider State Key
+ */
+export declare const ROUTE_PROVIDER_STATE_KEY = "route-provider-state";

package/dist/core/features/route/route-provider.type.d.ts

@@ -0,0 +1,7 @@
+import { RouteStack } from './route.type';
+export type RouteProviderProps = {
+    stack: RouteStack[];
+};
+export type RouteProviderState = {
+    stack: RouteStack[];
+};

package/dist/core/features/route/route-wrapper.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Route Wrapper Default Props
+ */
+export declare const ROUTE_WRAPPER_DEFAULT_PROPS: {
+    readonly homeRouteName: "home";
+};

package/dist/core/features/route/route-wrapper.type.d.ts

@@ -0,0 +1,3 @@
+export type RouteWrapperProps = {
+    homeRouteName?: string;
+};

package/dist/core/features/route/route.type.d.ts

@@ -0,0 +1,5 @@
+export type RouteStack = {
+    name: string;
+    component: unknown;
+    stack: RouteStack[];
+};

package/dist/core/features/segmented-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './segmented-field.constants';
+export * from './segmented-field.type';
+export * from './segmented-field.logic';

package/dist/core/features/segmented-field/segmented-field.constants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Segmented Field Default Props
+ */
+export declare const SEGMENTED_FIELD_DEFAULT_PROPS: {
+    readonly modelValue: undefined;
+    readonly value: undefined;
+    readonly direction: undefined;
+    readonly length: 6;
+    readonly variant: "outline";
+    readonly size: "standard";
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly type: "text";
+    readonly shadow: undefined;
+    readonly message: "";
+    readonly pattern: () => string[];
+};

package/dist/core/features/segmented-field/segmented-field.logic.d.ts

@@ -0,0 +1,12 @@
+import { SegmentedFieldAttrOptions } from './segmented-field.type';
+export declare const getSegmentedFieldWrapperAttrs: (options: SegmentedFieldAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+    })[];
+};
+export declare const getSegmentedFieldContentAttrs: () => {
+    class: string[];
+};
+export declare const getSegmentedFieldMessageAttrs: () => {
+    class: string[];
+};

package/dist/core/features/segmented-field/segmented-field.type.d.ts

@@ -0,0 +1,35 @@
+import { AppDirection } from '../app/app.type';
+import { FieldVariant, FieldSize } from '../field/field.type';
+export type SegmentedFieldVariant = FieldVariant;
+export type SegmentedFieldSize = FieldSize;
+export type SegmentedFieldProps = {
+    modelValue?: string[];
+    value?: string[];
+    length?: number;
+    variant?: SegmentedFieldVariant;
+    size?: SegmentedFieldSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    type?: string;
+    role?: string;
+    shape?: string;
+    shadow?: boolean;
+    message?: string;
+    pattern?: string[];
+    direction?: AppDirection;
+};
+export type SegmentedFieldEvent = {
+    (e: "update:modelValue", value: string[]): void;
+    (e: "complete", value: string[]): void;
+    (e: "focus", ev: FocusEvent): void;
+    (e: "blur", ev: FocusEvent): void;
+    (e: "input", value: string[]): void;
+};
+export type SegmentedFieldAttrOptions = {
+    role: string;
+    shape: string;
+    direction: string;
+    variant: SegmentedFieldVariant;
+    size: string;
+    disabled: boolean;
+};

package/dist/core/features/select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './select.constants';
+export * from './select.type';
+export * from './select.logic';

package/dist/core/features/select/select.constants.d.ts

@@ -0,0 +1,15 @@
+import { SelectOption } from './select.type';
+/**
+ * Select Default Props
+ */
+export declare const SELECT_DEFAULT_PROPS: {
+    readonly modelValue: "";
+    readonly size: "standard";
+    readonly disabled: false;
+    readonly message: "";
+    readonly variant: "outline";
+    readonly placeholder: "";
+    readonly shadow: undefined;
+    readonly direction: undefined;
+    readonly options: () => Array<SelectOption>;
+};

package/dist/core/features/select/select.logic.d.ts

@@ -0,0 +1,15 @@
+import { SelectAttrOptions } from './select.type';
+export declare const getSelectAttrs: (options: SelectAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+    })[];
+};
+export declare const getSelectIconAttrs: () => {
+    class: string[];
+};
+export declare const getSelectOptionAttrs: () => {
+    class: string[];
+};
+export declare const getSelectMessageAttrs: () => {
+    class: string[];
+};

package/dist/core/features/select/select.type.d.ts

@@ -0,0 +1,39 @@
+import { FieldSize, FieldVariant } from '../field';
+import { AppDirection } from '../app/app.type';
+export type SelectVariant = FieldVariant;
+export type SelectSize = FieldSize;
+export type SelectOption = {
+    label?: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    modelValue?: string;
+    name?: string;
+    variant?: FieldVariant;
+    role?: string;
+    shape?: string;
+    size?: FieldSize;
+    shadow?: boolean;
+    direction?: AppDirection;
+    id?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    autocomplete?: string;
+    tabindex?: number | string;
+    line?: number | string;
+    maxLine?: number | string;
+    message?: string;
+    options: Array<SelectOption>;
+};
+export type SelectEvent = {
+    (e: "update:modelValue", value: string): void;
+    (e: "select", option: SelectOption): void;
+};
+export type SelectAttrOptions = {
+    role: string;
+    direction: string;
+    size: string;
+    disabled: boolean;
+};

package/dist/core/features/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './skeleton.constants';
+export * from './skeleton.type';
+export * from './skeleton.logic';

package/dist/core/features/skeleton/skeleton.constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Skeleton Default Props
+ */
+export declare const SKELETON_DEFAULT_PROPS: {
+    readonly width: "100%";
+    readonly height: "1rem";
+};

package/dist/core/features/skeleton/skeleton.logic.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonAttrOptions } from './skeleton.type';
+export declare const getSkeletonAttrs: (options: SkeletonAttrOptions) => {
+    class: string[];
+    style: {
+        [x: string]: string;
+    };
+};

package/dist/core/features/skeleton/skeleton.type.d.ts

@@ -0,0 +1,12 @@
+export type SkeletonProps = {
+    width?: string | number;
+    height?: string | number;
+    role?: string;
+    shape?: string;
+};
+export type SkeletonAttrOptions = {
+    role: string;
+    shape: string;
+    width: string | number;
+    height: string | number;
+};

package/dist/core/features/slide-range/index.d.ts

@@ -0,0 +1,3 @@
+export * from './slide-range.constants';
+export * from './slide-range.type';
+export * from './slide-range.logic';

package/dist/core/features/slide-range/slide-range.constants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Slide Range Default Props
+ */
+export declare const SLIDE_RANGE_DEFAULT_PROPS: {
+    readonly modelValue: "";
+    readonly min: 0;
+    readonly max: 100;
+    readonly step: 1;
+    readonly unit: "";
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly tick: false;
+};

package/dist/core/features/slide-range/slide-range.logic.d.ts

@@ -0,0 +1,42 @@
+import { SlideRangeAttrOptions, SlideRangeTrackFrontAttrOptions, SlideRangeThumbAttrOptions, SlideRangeTickAttrOptions } from './slide-range.type';
+export declare const getSlideRangeAttrs: (options: SlideRangeAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+        readonly: boolean;
+    })[];
+};
+export declare const getSlideRangeTrackContainerAttrs: () => {
+    class: string[];
+};
+export declare const getSlideRangeTrackBodyAttrs: () => {
+    class: string[];
+};
+export declare const getSlideRangeTrackBackAttrs: () => {
+    class: string[];
+};
+export declare const getSlideRangeTrackFrontAttrs: (options: SlideRangeTrackFrontAttrOptions) => {
+    class: string[];
+    style: {
+        [x: string]: string;
+    };
+};
+export declare const getSlideRangeThumbAttrs: (options: SlideRangeThumbAttrOptions) => {
+    class: string[];
+    style: {
+        [x: string]: string;
+    };
+};
+export declare const getSlideRangeThumbInnerAttrs: () => {
+    class: string[];
+};
+export declare const getSlideRangeTooltipAttrs: () => {
+    class: string[];
+};
+export declare const getSlideRangeTickAttrs: (options: SlideRangeTickAttrOptions) => {
+    class: (string | {
+        active: boolean;
+    })[];
+    style: {
+        [x: string]: string;
+    };
+};

package/dist/core/features/slide-range/slide-range.type.d.ts

@@ -0,0 +1,33 @@
+export type SlideRangeValue = string | number;
+export type SlideRangeProps = {
+    modelValue?: SlideRangeValue;
+    min?: SlideRangeValue;
+    max?: SlideRangeValue;
+    step?: SlideRangeValue;
+    unit?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    role?: string;
+    shape?: string;
+    tick?: boolean | SlideRangeValue;
+};
+export type SlideRangeEvent = {
+    (e: "update:modelValue", value: SlideRangeValue): void;
+    (e: "change", value: SlideRangeValue): void;
+};
+export type SlideRangeAttrOptions = {
+    role: string;
+    shape: string;
+    disabled: boolean;
+    readonly: boolean;
+};
+export type SlideRangeTrackFrontAttrOptions = {
+    percent: number;
+};
+export type SlideRangeThumbAttrOptions = {
+    percent: number;
+};
+export type SlideRangeTickAttrOptions = {
+    active: boolean;
+    percent: number;
+};

package/dist/core/features/switch/index.d.ts

@@ -0,0 +1,3 @@
+export * from './switch.constants';
+export * from './switch.type';
+export * from './switch.logic';

package/dist/core/features/switch/switch.constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Switch Default Props
+ */
+export declare const SWITCH_DEFAULT_PROPS: {
+    readonly modelValue: false;
+    readonly size: "standard";
+    readonly readonly: false;
+    readonly shadow: undefined;
+    readonly bounce: 1.5;
+};

package/dist/core/features/switch/switch.logic.d.ts

@@ -0,0 +1,27 @@
+import { SwitchAttrOptions, SwitchWrapperAttrOptions } from './switch.type';
+export declare const getSwitchWrapperAttrs: (options: SwitchWrapperAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+        readonly: boolean;
+        shadow: boolean;
+        focus: boolean;
+        on: boolean;
+        transition?: undefined;
+    } | {
+        transition: boolean;
+        disabled?: undefined;
+        readonly?: undefined;
+        shadow?: undefined;
+        focus?: undefined;
+        on?: undefined;
+    })[];
+    style: {
+        [x: string]: string | number;
+    };
+};
+export declare const getSwitchAttrs: (options: SwitchAttrOptions) => {
+    class: string[];
+};
+export declare const getSwitchIconAttrs: () => {
+    class: string[];
+};

package/dist/core/features/switch/switch.type.d.ts

@@ -0,0 +1,28 @@
+export type SwitchSize = string;
+export type SwitchProps = {
+    modelValue?: boolean;
+    role?: string;
+    size?: SwitchSize;
+    shape?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    shadow?: boolean;
+    bounce?: number | string;
+};
+export type SwitchEvent = {
+    (e: "update:modelValue", value: boolean): void;
+};
+export type SwitchWrapperAttrOptions = {
+    disabled: boolean;
+    readonly: boolean;
+    shadow: boolean;
+    focus: boolean;
+    modelValue: boolean;
+    transition: boolean;
+    bounce: number | string;
+};
+export type SwitchAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+};

package/dist/core/features/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './tab.constants';
+export * from './tab.type';
+export * from './tabs.constants';
+export * from './tabs.type';
+export * from './tab.logic';
+export * from './tabs.logic';

package/dist/core/features/tabs/tab.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tab Default Props
+ */
+export declare const TAB_DEFAULT_PROPS: {
+    readonly disabled: false;
+};

package/dist/core/features/tabs/tab.logic.d.ts

@@ -0,0 +1,9 @@
+import { TabAttrOptions, TabButtonAttrOptions } from './tab.type';
+export declare const getTabAttrs: (options: TabAttrOptions) => {
+    class: (string | {
+        active: boolean;
+    })[];
+};
+export declare const getTabButtonAttrs: (options: TabButtonAttrOptions) => {
+    class: string[];
+};

package/dist/core/features/tabs/tab.type.d.ts

@@ -0,0 +1,11 @@
+export type TabProps = {
+    value?: string;
+    disabled?: boolean;
+};
+export type TabAttrOptions = {
+    active: boolean;
+};
+export type TabButtonAttrOptions = {
+    shape: string;
+    size: string;
+};

package/dist/core/features/tabs/tabs.constants.d.ts

@@ -0,0 +1,9 @@
+export declare const TABS_PROVIDER_STATE_KEY = "tabs-state";
+export declare const TABS_DEFAULT_PROPS: {
+    readonly placement: "top-start";
+    readonly variant: "fill";
+    readonly margin: () => number[];
+    readonly border: () => number[];
+    readonly transition: true;
+    readonly size: "standard";
+};

package/dist/core/features/tabs/tabs.logic.d.ts

@@ -0,0 +1,10 @@
+import { TabsAttrOptions, TabsHighlightPosition, TabsHighlightPositionOptions, TabsHighlightStyleOptions } from './tabs.type';
+export declare const getTabsAttrs: (options: TabsAttrOptions) => {
+    class: (string | {
+        transition: boolean;
+    })[];
+};
+export declare const getTabsHighlightPosition: (options: TabsHighlightPositionOptions) => TabsHighlightPosition;
+export declare const getTabsHighlightStyle: (options: TabsHighlightStyleOptions) => {
+    [x: string]: string;
+};

package/dist/core/features/tabs/tabs.type.d.ts

@@ -0,0 +1,55 @@
+export type TabsVariant = "fill" | "underline" | "text";
+export type TabsSize = string;
+export type TabsPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+export type TabsProps = {
+    placement?: TabsPlacement;
+    variant?: TabsVariant;
+    role?: string;
+    modelValue?: string;
+    border?: number[];
+    margin?: number[];
+    shape?: string;
+    transition?: boolean;
+    size?: TabsSize;
+};
+export type TabsEvent = {
+    (e: "update:modelValue", value: string): void;
+};
+export type TabsProviderState = {
+    activeValue: string;
+    role: string;
+    shape: string;
+    size: TabsSize;
+    setValue: (val: string) => void;
+};
+export type TabsAttrOptions = {
+    role: string;
+    shape: string;
+    placement: TabsPlacement;
+    variant: TabsVariant;
+    transition: boolean;
+};
+export type TabsHighlightPositionOptions = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    margin: number[];
+    border: number[];
+    variant: TabsVariant;
+    placement: TabsPlacement;
+};
+export type TabsHighlightPosition = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+export type TabsHighlightStyleOptions = {
+    top: number | string;
+    left: number | string;
+    width: number | string;
+    height: number | string;
+    marginX: number;
+    marginY: number;
+};

package/dist/core/features/tag/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tag.constants';
+export * from './tag.type';
+export * from './tag.logic';

package/dist/core/features/tag/tag.constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Tag Default Props
+ */
+export declare const TAG_DEFAULT_PROPS: {
+    readonly size: "standard";
+    readonly variant: "fill";
+};

package/dist/core/features/tag/tag.logic.d.ts

@@ -0,0 +1,4 @@
+import { TagAttrOptions } from './tag.type';
+export declare const getTagAttrs: (options: TagAttrOptions) => {
+    class: string[];
+};

package/dist/core/features/tag/tag.type.d.ts

@@ -0,0 +1,14 @@
+export type TagVariant = "fill" | "outline" | "text";
+export type TagSize = string;
+export type TagProps = {
+    role?: string;
+    size?: TagSize;
+    shape?: string;
+    variant?: TagVariant;
+};
+export type TagAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    variant: TagVariant;
+};

package/dist/core/features/toast/index.d.ts

@@ -0,0 +1,5 @@
+export * from './toast-content.constants';
+export * from './toast.constants';
+export * from './toast.type';
+export * from './toast.logic';
+export * from './toast-content.logic';

package/dist/core/features/toast/toast-content.constants.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Toast Content Default Props
+ */
+export declare const TOAST_CONTENT_DEFAULT_PROPS: {
+    readonly message: "";
+    readonly duration: 2000;
+    readonly variant: "fill";
+};

package/dist/core/features/toast/toast-content.logic.d.ts

@@ -0,0 +1,6 @@
+import { ToastContentAttrOptions } from './toast.type';
+export declare const getToastContentAttrs: (options: ToastContentAttrOptions) => {
+    class: (string | {
+        closing: boolean;
+    })[];
+};

package/dist/core/features/toast/toast.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Toast Default Props
+ */
+export declare const TOAST_DEFAULT_PROPS: {
+    readonly placement: "bottom-end";
+};

package/dist/core/features/toast/toast.logic.d.ts

@@ -0,0 +1,4 @@
+import { ToastAttrOptions } from './toast.type';
+export declare const getToastAttrs: (options: ToastAttrOptions) => {
+    class: string[];
+};

package/dist/core/features/toast/toast.type.d.ts

@@ -0,0 +1,26 @@
+export type ToastPlacement = "bottom-start" | "bottom-center" | "bottom-end" | "top-start" | "top-center" | "top-end";
+export type ToastContentVariant = "fill" | "text";
+export type ToastProps = {
+    placement: ToastPlacement;
+};
+export type ToastContentProps = {
+    id?: number;
+    message: string;
+    duration?: number;
+    role?: string;
+    variant?: ToastContentVariant;
+    placement?: ToastPlacement;
+    shape?: string;
+};
+export type ToastContentEvent = {
+    (e: "close"): void;
+};
+export type ToastAttrOptions = {
+    placement: string;
+};
+export type ToastContentAttrOptions = {
+    role: string;
+    shape: string;
+    variant: ToastContentVariant;
+    closing: boolean;
+};