@toife/vue 3.3.9 → 3.3.10

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

@@ -0,0 +1,21 @@
+import { FieldAttrOptions } from './field.type';
+export declare const getFieldAttrs: (options: FieldAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+        focus: boolean;
+        shadow: boolean;
+        readonly: boolean;
+    })[];
+    style: {
+        [x: string]: number;
+    };
+};
+export declare const getFieldContentAttrs: () => {
+    class: string[];
+};
+export declare const getFieldInputAttrs: () => {
+    class: string[];
+};
+export declare const getFieldMessageAttrs: () => {
+    class: string[];
+};

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

@@ -0,0 +1,47 @@
+import { AppDirection } from '../app/app.type';
+export type FieldVariant = "outline" | "fill" | "underline";
+export type FieldSize = string;
+export type FieldType = "text" | "number" | "email" | "password" | "tel" | "url" | "paragraph";
+export type FieldProps = {
+    modelValue?: string | number;
+    name?: string;
+    variant?: FieldVariant;
+    role?: string;
+    shape?: string;
+    size?: FieldSize;
+    shadow?: boolean;
+    direction?: AppDirection;
+    id?: string;
+    value?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    autocomplete?: string;
+    maxLength?: number | string;
+    tabindex?: number | string;
+    type?: FieldType;
+    line?: number | string;
+    maxLine?: number | string;
+    message?: string;
+};
+export type FieldEvent = {
+    (e: "update:modelValue", value: string): void;
+    (e: "focus", ev: FocusEvent): void;
+    (e: "blur", ev: FocusEvent): void;
+    (e: "input", ev: Event): void;
+    (e: "beforeinput", ev: Event): void;
+};
+export type FieldAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    direction: string;
+    variant: FieldVariant;
+    type: string;
+    disabled: boolean;
+    focus: boolean;
+    shadow: boolean;
+    readonly: boolean;
+    line: number;
+    maxLine?: number;
+};

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

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

package/dist/core/features/form-group/form-group.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Form Group Default Props
+ */
+export declare const FORM_GROUP_DEFAULT_PROPS: {
+    readonly direction: "horizontal";
+};

package/dist/core/features/form-group/form-group.logic.d.ts

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

package/dist/core/features/form-group/form-group.type.d.ts

@@ -0,0 +1,7 @@
+export type FormGroupDirection = "horizontal" | "vertical";
+export type FormGroupProps = {
+    direction?: FormGroupDirection;
+};
+export type FormGroupAttrOptions = {
+    direction: string;
+};

package/dist/core/features/form-group/index.d.ts

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

package/dist/core/features/gesture-indicator/gesture-indicator.constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gesture Indicator Default Props
+ */
+export declare const GESTURE_INDICATOR_DEFAULT_PROPS: {
+    readonly placement: "bottom";
+    readonly role: undefined;
+};

package/dist/core/features/gesture-indicator/gesture-indicator.logic.d.ts

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

package/dist/core/features/gesture-indicator/gesture-indicator.type.d.ts

@@ -0,0 +1,8 @@
+export type GestureIndicatorProps = {
+    placement?: string;
+    role?: string;
+};
+export type GestureIndicatorAttrOptions = {
+    role: string;
+    placement: string;
+};

package/dist/core/features/gesture-indicator/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export type ImageProps = {
+    defaultSrc?: string;
+    src?: string;
+};

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

@@ -0,0 +1 @@
+export * from './image.type';

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

@@ -0,0 +1,33 @@
+export * from './action';
+export * from './app';
+export * from './avatar';
+export * from './button';
+export * from './cable';
+export * from './card';
+export * from './checkbox';
+export * from './collapse';
+export * from './container';
+export * from './decision-modal';
+export * from './divider';
+export * from './dropdown';
+export * from './field';
+export * from './form-group';
+export * from './gesture-indicator';
+export * from './image';
+export * from './layout';
+export * from './modal';
+export * from './page';
+export * from './present';
+export * from './radio';
+export * from './refresher';
+export * from './route';
+export * from './segmented-field';
+export * from './select';
+export * from './skeleton';
+export * from './slide-range';
+export * from './switch';
+export * from './tabs';
+export * from './tag';
+export * from './toast';
+export * from './toolbar';
+export * from './tooltip';

package/dist/core/features/layout/flex-item.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Flex Item Default Props
+ */
+export declare const FLEX_ITEM_DEFAULT_PROPS: {
+    readonly options: () => never[];
+};

package/dist/core/features/layout/flex-item.logic.d.ts

@@ -0,0 +1,7 @@
+import { FlexItemOption } from './flex-item.type';
+export declare const getFlexItemAttrs: (options: FlexItemOption[]) => {
+    class: string[];
+    style: {
+        [x: string]: string | number | undefined;
+    }[];
+};

package/dist/core/features/layout/flex-item.type.d.ts

@@ -0,0 +1,10 @@
+export type FlexItemOption = {
+    breakpoint?: string;
+    grow?: number;
+    shrink?: number;
+    basis?: string;
+    order?: number;
+};
+export type FlexItemProps = {
+    options?: FlexItemOption[];
+};

package/dist/core/features/layout/flex.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Flex Default Props
+ */
+export declare const FLEX_DEFAULT_PROPS: {
+    readonly options: () => never[];
+};

package/dist/core/features/layout/flex.logic.d.ts

@@ -0,0 +1,7 @@
+import { FlexOption } from './flex.type';
+export declare const getFlexAttrs: (options: FlexOption[]) => {
+    class: string[];
+    style: {
+        [x: string]: string | undefined;
+    }[];
+};

package/dist/core/features/layout/flex.type.d.ts

@@ -0,0 +1,12 @@
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+export type FlexOption = {
+    breakpoint?: string;
+    gap?: string | number;
+    direction?: FlexDirection;
+    wrap?: string;
+    justify?: string;
+    align?: string;
+};
+export type FlexProps = {
+    options?: FlexOption[];
+};

package/dist/core/features/layout/grid-item.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Grid Item Default Props
+ */
+export declare const GRID_ITEM_DEFAULT_PROPS: {
+    readonly options: () => never[];
+};

package/dist/core/features/layout/grid-item.logic.d.ts

@@ -0,0 +1,7 @@
+import { GridItemOption } from './grid-item.type';
+export declare const getGridItemAttrs: (options: GridItemOption[]) => {
+    class: string[];
+    style: {
+        [x: string]: number | "center" | "start" | "end" | "stretch" | undefined;
+    }[];
+};

package/dist/core/features/layout/grid-item.type.d.ts

@@ -0,0 +1,12 @@
+export type GridItemJustify = "start" | "end" | "center" | "stretch";
+export type GridItemAlign = "start" | "end" | "center" | "stretch";
+export type GridItemOption = {
+    breakpoint?: string;
+    row?: number;
+    column?: number;
+    justify?: GridItemJustify;
+    align?: GridItemAlign;
+};
+export type GridItemProps = {
+    options?: GridItemOption[];
+};

package/dist/core/features/layout/grid.constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Grid Default Props
+ */
+export declare const GRID_DEFAULT_PROPS: {
+    readonly options: () => never[];
+};

package/dist/core/features/layout/grid.logic.d.ts

@@ -0,0 +1,7 @@
+import { GridOption } from './grid.type';
+export declare const getGridAttrs: (options: GridOption[]) => {
+    class: string[];
+    style: {
+        [x: string]: string | undefined;
+    }[];
+};

package/dist/core/features/layout/grid.type.d.ts

@@ -0,0 +1,10 @@
+export type GridOption = {
+    breakpoint?: string;
+    gap?: string | number;
+    columns?: string;
+    rows?: string;
+    autoFlow?: string;
+};
+export type GridProps = {
+    options?: GridOption[];
+};

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

@@ -0,0 +1,12 @@
+export * from './flex-item.constants';
+export * from './flex-item.type';
+export * from './flex.constants';
+export * from './flex.type';
+export * from './grid-item.constants';
+export * from './grid-item.type';
+export * from './grid.constants';
+export * from './grid.type';
+export * from './grid.logic';
+export * from './grid-item.logic';
+export * from './flex.logic';
+export * from './flex-item.logic';

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

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

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

@@ -0,0 +1,16 @@
+/** CSS overflow values that allow scrolling on an axis. */
+export declare const SCROLLABLE_OVERFLOW_VALUES: string[];
+/**
+ * Modal Default Props
+ */
+export declare const MODAL_DEFAULT_PROPS: {
+    readonly backdrop: "display";
+    readonly keepalive: true;
+    readonly visible: false;
+    readonly gesture: true;
+    readonly fullscreen: false;
+    readonly placement: "bottom";
+    readonly indicator: true;
+    readonly duration: 200;
+    readonly bounce: 0;
+};

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

@@ -0,0 +1,5 @@
+import { ModalAttrOptions } from './modal.type';
+export declare const getModalAttrs: (options: ModalAttrOptions) => {
+    class: unknown[];
+    style: unknown;
+};

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

@@ -0,0 +1,26 @@
+export type ModalProps = {
+    role?: string;
+    class?: unknown;
+    visible?: boolean;
+    gesture?: boolean;
+    fullscreen?: boolean;
+    placement?: "top" | "left" | "right" | "center" | "bottom";
+    keepalive?: boolean;
+    backdrop?: "display" | "none" | "transparent";
+    shape?: string;
+    indicator?: boolean;
+    duration?: number;
+    bounce?: number | string;
+    style?: unknown;
+};
+export type ModalEvent = {
+    (e: "close", type?: string): void;
+};
+export type ModalAttrOptions = {
+    role: string;
+    shape: string;
+    placement: string;
+    fullscreen: boolean;
+    className?: unknown;
+    style?: unknown;
+};

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

@@ -0,0 +1 @@
+export * from './page.logic';

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

@@ -0,0 +1,3 @@
+export declare const getPageAttrs: () => {
+    class: string[];
+};

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * Present Default Props
+ */
+export declare const PRESENT_DEFAULT_PROPS: {
+    readonly keepalive: false;
+    readonly visible: false;
+    readonly backdrop: "display";
+    readonly duration: 200;
+    readonly placement: "bottom";
+    readonly bounce: false;
+};
+export declare const PRESENT_DEFAULT_STYLES: {
+    readonly backdropTransitionDuration: "0.2s";
+    readonly backdropOpacity: undefined;
+    readonly presentTransitionDuration: "0.2s";
+    readonly presentTranslate: "0px";
+    readonly presentOpacity: 1;
+};

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

@@ -0,0 +1,13 @@
+import { PresentAttrOptions, PresentBackdropAttrOptions } from './present.type';
+export declare const getAppClassSelector: () => string;
+export declare const getPresentBackdropAttrs: (options: PresentBackdropAttrOptions) => {
+    class: string[];
+    style: {
+        [x: string]: string | number | undefined;
+        zIndex: number;
+    };
+};
+export declare const getPresentAttrs: (options: PresentAttrOptions) => {
+    class: unknown[];
+    style: unknown[];
+};

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

@@ -0,0 +1,43 @@
+export type PresentPlacement = "top" | "left" | "right" | "center" | "bottom";
+export type PresentProps = {
+    keepalive?: boolean;
+    visible?: boolean;
+    backdrop?: "display" | "none" | "transparent";
+    placement?: PresentPlacement;
+    style?: unknown;
+    class?: unknown;
+    bounce?: number | string | boolean;
+    duration?: number;
+    teleport?: string;
+};
+export type PresentEvent = {
+    (e: "close", type?: string): void;
+};
+export type RenderOptions = {
+    backdropTransitionDuration?: string;
+    backdropOpacity?: number;
+    presentTransitionDuration?: string;
+    presentTranslate?: string;
+    presentOpacity?: number;
+};
+export type PresentStyles = {
+    backdropTransitionDuration: string;
+    backdropOpacity: number | undefined;
+    presentTransitionDuration: string;
+    presentTranslate: string;
+    presentOpacity: number;
+};
+export type PresentBackdropAttrOptions = {
+    zIndex: number;
+    backdropTransitionDuration: string;
+    backdropOpacity?: number;
+};
+export type PresentAttrOptions = {
+    zIndex: number;
+    presentTransitionDuration: string;
+    presentTranslate: string;
+    presentOpacity: number;
+    className?: unknown;
+    placement: string;
+    style?: unknown;
+};

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

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

package/dist/core/features/radio/radio-group.constants.d.ts

@@ -0,0 +1,8 @@
+export declare const RADIO_GROUP_PROVIDER_STATE_KEY = "radio-group-state";
+export declare const RADIO_GROUP_DEFAULT_PROPS: {
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly variant: "fill";
+    readonly direction: "vertical";
+    readonly shadow: undefined;
+};

package/dist/core/features/radio/radio-group.logic.d.ts

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

package/dist/core/features/radio/radio-group.type.d.ts

@@ -0,0 +1,28 @@
+export type RadioVariant = "fill" | "outline";
+export type RadioGroupDirection = "horizontal" | "vertical";
+export type RadioGroupProps = {
+    modelValue?: string | number;
+    role?: string;
+    shape?: string;
+    variant?: RadioVariant;
+    disabled?: boolean;
+    readonly?: boolean;
+    shadow?: boolean;
+    direction?: RadioGroupDirection;
+};
+export type RadioGroupEvent = {
+    (e: "update:modelValue", value: string | number): void;
+};
+export type RadioGroupProviderState = {
+    modelValue: string | number | undefined;
+    role: string;
+    shape: string;
+    variant: RadioVariant;
+    disabled: boolean;
+    readonly: boolean;
+    shadow: boolean;
+    setValue: (val: string | number) => void;
+};
+export type RadioGroupAttrOptions = {
+    direction: string;
+};

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

@@ -0,0 +1,8 @@
+/**
+ * Radio Default Props
+ */
+export declare const RADIO_DEFAULT_PROPS: {
+    readonly disabled: false;
+    readonly size: "standard";
+    readonly shadow: undefined;
+};

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

@@ -0,0 +1,13 @@
+import { RadioAttrOptions } from './radio.type';
+export declare const getRadioAttrs: (options: RadioAttrOptions) => {
+    class: (string | {
+        on: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        shadow: boolean;
+        focus: boolean;
+    })[];
+};
+export declare const getRadioIconAttrs: () => {
+    class: string[];
+};

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

@@ -0,0 +1,24 @@
+import { RadioVariant } from './radio-group.type';
+export type { RadioVariant };
+export type RadioSize = string;
+export type RadioProps = {
+    value: string | number;
+    role?: string;
+    size?: RadioSize;
+    shape?: string;
+    variant?: RadioVariant;
+    disabled?: boolean;
+    readonly?: boolean;
+    shadow?: boolean;
+};
+export type RadioAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    variant: string;
+    checked: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    shadow: boolean;
+    focus: boolean;
+};

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

@@ -0,0 +1,2 @@
+export * from './refresher.type';
+export * from './refresher.logic';

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

@@ -0,0 +1,3 @@
+export declare const getRefresherAttrs: () => {
+    class: string[];
+};

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

@@ -0,0 +1,10 @@
+export type RefreshEvent = {
+    refresh: () => () => void;
+    offset?: number;
+};
+export type RefresherEvent = {
+    (e: "move", event: RefreshEvent): void;
+    (e: "cancel"): void;
+    (e: "end", event: RefreshEvent): void;
+    (e: "start"): void;
+};

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

@@ -0,0 +1,8 @@
+export * from './route-navigator.constants';
+export * from './route-navigator.type';
+export * from './route-provider.constants';
+export * from './route-provider.type';
+export * from './route-wrapper.constants';
+export * from './route-wrapper.type';
+export * from './route.type';
+export * from './route-navigator.logic';

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

@@ -0,0 +1,9 @@
+/**
+ * Route Navigator Default Props
+ */
+export declare const ROUTE_NAVIGATOR_DEFAULT_PROPS: {
+    readonly direction: "right";
+    readonly variant: "none";
+    readonly keepalive: false;
+    readonly gesture: true;
+};

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

@@ -0,0 +1,19 @@
+import { RouteNavigatorAttrOptions, RouteNavigatorBackdropAttrOptions, RouteNavigatorComponentAttrOptions } from './route-navigator.type';
+export declare const getRouteNavigatorTransitionDuration: (options: Pick<RouteNavigatorAttrOptions, "variant" | "transform">) => string | undefined;
+export declare const getRouteNavigatorAttrs: (options: RouteNavigatorAttrOptions) => {
+    class: (string | {
+        moving: boolean;
+    })[];
+    style: {
+        [x: string]: string | number | undefined;
+    };
+};
+export declare const getRouteNavigatorComponentAttrs: (options: RouteNavigatorComponentAttrOptions) => {
+    class: string[];
+};
+export declare const getRouteNavigatorBackdropAttrs: (options: RouteNavigatorBackdropAttrOptions) => {
+    class: string[];
+    style: {
+        zIndex: number;
+    };
+};