@toife/vue 3.3.9 → 3.3.10

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

@@ -0,0 +1,11 @@
+/**
+ * Action Default Props
+ */
+export declare const ACTION_DEFAULT_PROPS: {
+    readonly visible: false;
+    readonly shape: undefined;
+    readonly role: undefined;
+    readonly placement: "bottom";
+    readonly divider: undefined;
+    readonly shadow: undefined;
+};

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

@@ -0,0 +1,8 @@
+import { ActionAttrOptions } from './action.type';
+export declare const getActionAttrs: (options: ActionAttrOptions) => {
+    class: (string | {
+        pop: boolean;
+        divider: boolean;
+        shadow: boolean;
+    })[];
+};

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

@@ -0,0 +1,46 @@
+import { ButtonVariant } from '../button/button.type';
+import { PresentPlacement } from '../present/present.type';
+export type ActionPlacement = PresentPlacement;
+export type ActionButton = {
+    text?: string;
+    role?: string;
+    variant?: ButtonVariant;
+    shadow?: boolean;
+    handler?: () => void;
+    data?: unknown;
+};
+/**
+ * Action Props Type
+ */
+export type ActionProps = {
+    visible?: boolean;
+    dismiss?: string[];
+    actions: Array<ActionButton[]>;
+    role?: string;
+    shape?: string;
+    divider?: boolean;
+    shadow?: boolean;
+    placement?: ActionPlacement;
+};
+/**
+ * Action Composable Props Type
+ */
+export type ActionComposableProps = ActionProps & {
+    onClose?: (type?: string) => void;
+    onChoose?: (btn?: ActionButton) => void;
+};
+/**
+ * Action Event Type
+ */
+export type ActionEvent = {
+    (e: "close", type?: string): void;
+    (e: "choose", btn: ActionButton): void;
+};
+export type ActionAttrOptions = {
+    role: string;
+    shape: string;
+    placement: string;
+    divider: boolean;
+    shadow: boolean;
+    pop: boolean;
+};

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

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

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

@@ -0,0 +1,16 @@
+/**
+ * App Provider State Key
+ */
+export declare const APP_PROVIDER_STATE_KEY = "app-state";
+/**
+ * App Default Props
+ */
+export declare const APP_DEFAULT_PROPS: {
+    readonly shape: "pill";
+    readonly divider: false;
+    readonly role: "mode";
+    readonly shadow: false;
+    readonly triple: false;
+    readonly direction: "left";
+    readonly data: () => {};
+};

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * App Direction Type
+ */
+export type AppDirection = "left" | "right";
+/**
+ * App Data Type
+ */
+export type AppData = Record<string, unknown>;
+/**
+ * App Props Type
+ */
+export type AppProps = {
+    shape?: string;
+    divider?: boolean;
+    role?: string;
+    shadow?: boolean;
+    triple?: boolean;
+    direction?: AppDirection;
+    data?: AppData;
+};
+/**
+ * App Provider State Type
+ */
+export type AppProviderState = {
+    shape: string;
+    divider: boolean;
+    role: string;
+    shadow: boolean;
+    triple: boolean;
+    direction: AppDirection;
+    rootEl: HTMLElement | undefined;
+    data: AppData;
+};
+export type AppAttrOptions = {
+    shape: string;
+};

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * Avatar Default Props
+ */
+export declare const AVATAR_DEFAULT_PROPS: {
+    readonly size: "22px";
+    readonly src: "";
+    readonly role: undefined;
+    readonly divider: undefined;
+};

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

@@ -0,0 +1,10 @@
+import { AvatarAttrOptions } from './avatar.type';
+export declare const getAvatarAttrs: (options: AvatarAttrOptions) => {
+    class: (string | {
+        divider: boolean;
+    })[];
+    style: {
+        [x: string]: string | undefined;
+        backgroundImage: string | undefined;
+    };
+};

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

@@ -0,0 +1,14 @@
+export type AvatarProps = {
+    shape?: string;
+    size?: string | number;
+    src?: string;
+    role?: string;
+    divider?: boolean;
+};
+export type AvatarAttrOptions = {
+    role: string;
+    shape: string;
+    divider: boolean;
+    size: string | number;
+    src?: string;
+};

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

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

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

@@ -0,0 +1,10 @@
+/**
+ * Button Default Props
+ */
+export declare const BUTTON_DEFAULT_PROPS: {
+    readonly size: "standard";
+    readonly block: false;
+    readonly loading: false;
+    readonly variant: "fill";
+    readonly shadow: undefined;
+};

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

@@ -0,0 +1,11 @@
+import { ButtonAttrOptions } from './button.type';
+export declare const getButtonAttrs: (options: ButtonAttrOptions) => {
+    class: (string | {
+        block: boolean;
+        shadow: boolean;
+        focus: boolean;
+    })[];
+};
+export declare const getButtonLoaderAttrs: () => {
+    class: string[];
+};

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

@@ -0,0 +1,20 @@
+export type ButtonVariant = "fill" | "outline" | "text";
+export type ButtonSize = string;
+export type ButtonProps = {
+    role?: string;
+    size?: ButtonSize;
+    shape?: string;
+    block?: boolean;
+    loading?: boolean;
+    variant?: ButtonVariant;
+    shadow?: boolean;
+};
+export type ButtonAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    block: boolean;
+    variant: ButtonVariant;
+    shadow: boolean;
+    focus: boolean;
+};

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

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

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

@@ -0,0 +1,5 @@
+export declare const CABLE_PROVIDER_STATE_KEY = "cable-state";
+export declare const CABLE_DEFAULT_PROPS: {
+    readonly keyboard: false;
+    readonly placement: "bottom";
+};

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

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

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

@@ -0,0 +1,10 @@
+export type CableProps = {
+    keyboard?: boolean;
+    placement?: string;
+};
+export type CableProviderState = {
+    placement: string;
+};
+export type CableAttrOptions = {
+    placement: string;
+};

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

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

package/dist/core/features/card/card-body.logic.d.ts

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

package/dist/core/features/card/card-footer.logic.d.ts

@@ -0,0 +1,6 @@
+import { CardFooterAttrOptions } from './card.type';
+export declare const getCardFooterAttrs: (options: CardFooterAttrOptions) => {
+    class: (string | {
+        divider: boolean;
+    })[];
+};

package/dist/core/features/card/card-header.logic.d.ts

@@ -0,0 +1,6 @@
+import { CardHeaderAttrOptions } from './card.type';
+export declare const getCardHeaderAttrs: (options: CardHeaderAttrOptions) => {
+    class: (string | {
+        divider: boolean;
+    })[];
+};

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

@@ -0,0 +1,6 @@
+export declare const CARD_PROVIDER_STATE_KEY = "card-state";
+export declare const CARD_DEFAULT_PROPS: {
+    readonly divider: undefined;
+    readonly shape: undefined;
+    readonly role: undefined;
+};

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

@@ -0,0 +1,6 @@
+import { CardAttrOptions } from './card.type';
+export declare const getCardAttrs: (options: CardAttrOptions) => {
+    class: (string | {
+        divider: boolean;
+    })[];
+};

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

@@ -0,0 +1,21 @@
+export type CardProps = {
+    role?: string;
+    shape?: string;
+    divider?: boolean;
+};
+export type CardProviderState = {
+    role: string;
+    shape: string;
+    divider: boolean;
+};
+export type CardAttrOptions = {
+    role: string;
+    shape: string;
+    divider: boolean;
+};
+export type CardHeaderAttrOptions = {
+    divider: boolean;
+};
+export type CardFooterAttrOptions = {
+    divider: boolean;
+};

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

@@ -0,0 +1,6 @@
+export * from './card.type';
+export * from './card.constants';
+export * from './card.logic';
+export * from './card-header.logic';
+export * from './card-footer.logic';
+export * from './card-body.logic';

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

@@ -0,0 +1,11 @@
+/**
+ * Checkbox Default Props
+ */
+export declare const CHECKBOX_DEFAULT_PROPS: {
+    readonly modelValue: false;
+    readonly disabled: false;
+    readonly size: "standard";
+    readonly variant: "fill";
+    readonly readonly: false;
+    readonly shadow: undefined;
+};

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

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

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

@@ -0,0 +1,28 @@
+export type CheckboxVariant = "fill" | "outline";
+export type CheckboxSize = string;
+export type CheckboxProps = {
+    modelValue?: boolean;
+    role?: string;
+    size?: CheckboxSize;
+    shape?: string;
+    variant?: CheckboxVariant;
+    readonly?: boolean;
+    disabled?: boolean;
+    shadow?: boolean;
+};
+export type CheckboxEvent = {
+    (e: "update:modelValue", value: boolean): void;
+    (e: "focus"): void;
+    (e: "blur"): void;
+};
+export type CheckboxAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    variant: CheckboxVariant;
+    modelValue: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    shadow: boolean;
+    focus: boolean;
+};

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * Collapse Default Props
+ */
+export declare const COLLAPSE_DEFAULT_PROPS: {
+    readonly modelValue: false;
+    readonly duration: undefined;
+    readonly role: undefined;
+    readonly disabled: false;
+};

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

@@ -0,0 +1,21 @@
+import { CollapseAttrOptions, CollapseContentAttrOptions, CollapseTriggerAttrOptions } from './collapse.type';
+export declare const getCollapseAttrs: (options: CollapseAttrOptions) => {
+    class: (string | {
+        open: boolean;
+        disabled: boolean;
+    })[];
+};
+export declare const getCollapseTriggerAttrs: (options: CollapseTriggerAttrOptions) => {
+    class: string[];
+    "aria-expanded": boolean;
+    "aria-disabled": boolean;
+};
+export declare const getCollapseContentAttrs: (options: CollapseContentAttrOptions) => {
+    class: (string | {
+        transition: boolean;
+    })[];
+    style: {
+        [x: string]: string | undefined;
+    };
+};
+export declare const getCollapseContentInnerClass: () => string;

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

@@ -0,0 +1,23 @@
+export type CollapseProps = {
+    modelValue?: boolean;
+    duration?: number;
+    role?: string;
+    disabled?: boolean;
+};
+export type CollapseEvent = {
+    (e: "update:modelValue", value: boolean): void;
+};
+export type CollapseAttrOptions = {
+    role: string;
+    open: boolean;
+    disabled: boolean;
+};
+export type CollapseTriggerAttrOptions = {
+    open: boolean;
+    disabled: boolean;
+};
+export type CollapseContentAttrOptions = {
+    transition: boolean;
+    duration?: string;
+    height: string;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * Decision Modal Default Props
+ */
+export declare const DECISION_MODAL_DEFAULT_PROPS: {
+    readonly placement: "center";
+    readonly keepalive: false;
+    readonly visible: false;
+    readonly shape: undefined;
+    readonly role: undefined;
+    readonly divider: undefined;
+    readonly flow: "row";
+};

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

@@ -0,0 +1,16 @@
+import { DecisionModalAttrOptions, DecisionModalFooterAttrOptions } from './decision-modal.type';
+export declare const getDecisionModalAttrs: (options: DecisionModalAttrOptions) => {
+    class: (string | {
+        pop: boolean;
+        divider: boolean;
+    })[];
+};
+export declare const getDecisionModalHeaderAttrs: () => {
+    class: string[];
+};
+export declare const getDecisionModalBodyAttrs: () => {
+    class: string[];
+};
+export declare const getDecisionModalFooterAttrs: (options: DecisionModalFooterAttrOptions) => {
+    class: string[];
+};

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

@@ -0,0 +1,39 @@
+import { ButtonVariant } from '../button/button.type';
+export type DecisionModalButton = {
+    text?: string;
+    role?: string;
+    variant?: ButtonVariant;
+    handler?: () => void;
+    data?: unknown;
+};
+export type DecisionModalFlow = "row" | "column";
+export type DecisionModalProps = {
+    visible?: boolean;
+    title?: string;
+    message: string;
+    actions: DecisionModalButton[];
+    dismiss?: Array<string>;
+    placement?: string;
+    role?: string;
+    shape?: string;
+    divider?: boolean;
+    flow?: DecisionModalFlow;
+    keepalive?: boolean;
+};
+export type DecisionModalComposableProps = DecisionModalProps & {
+    onClose?: (type?: string) => void;
+    onChoose?: (btn?: DecisionModalButton) => void;
+};
+export type DecisionModalEvent = {
+    (e: "close", type?: string): void;
+    (e: "choose", btn: DecisionModalButton): void;
+};
+export type DecisionModalAttrOptions = {
+    role: string;
+    shape: string;
+    pop: boolean;
+    divider: boolean;
+};
+export type DecisionModalFooterAttrOptions = {
+    flow: string;
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { DividerAttrOptions } from './divider.type';
+export declare const getDividerAttrs: (options: DividerAttrOptions) => {
+    class: (string | {
+        [x: string]: boolean;
+    })[];
+};

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

@@ -0,0 +1,9 @@
+export type DividerDirection = "horizontal" | "vertical";
+export type DividerProps = {
+    direction?: DividerDirection;
+    role?: string;
+};
+export type DividerAttrOptions = {
+    role: string;
+    direction: string;
+};

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * Dropdown Default Props
+ */
+export declare const DROPDOWN_DEFAULT_PROPS: {
+    readonly modelValue: false;
+    readonly disabled: false;
+    readonly placement: "bottom-start";
+    readonly role: undefined;
+    readonly shadow: undefined;
+    readonly shape: undefined;
+    readonly direction: undefined;
+    readonly size: "standard";
+};

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

@@ -0,0 +1,11 @@
+import { DropdownAttrOptions, DropdownPanelAttrOptions } from './dropdown.type';
+export declare const getDropdownAttrs: (options: DropdownAttrOptions) => {
+    class: (string | {
+        open: boolean;
+        disabled: boolean;
+        shadow: boolean;
+    })[];
+};
+export declare const getDropdownPanelAttrs: (options: DropdownPanelAttrOptions) => {
+    class: string[];
+};

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

@@ -0,0 +1,29 @@
+import { AppDirection } from '../app/app.type';
+export type DropdownPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export type DropdownSize = string;
+export type DropdownProps = {
+    modelValue?: boolean;
+    disabled?: boolean;
+    placement?: DropdownPlacement;
+    role?: string;
+    shadow?: boolean;
+    shape?: string;
+    direction?: AppDirection;
+    size?: DropdownSize;
+};
+export type DropdownEvent = {
+    (e: "update:modelValue", open: boolean): void;
+    (e: "open"): void;
+    (e: "close"): void;
+};
+export type DropdownAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    open: boolean;
+    disabled: boolean;
+    shadow: boolean;
+};
+export type DropdownPanelAttrOptions = {
+    placement: string;
+};

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * Field Default Props
+ */
+export declare const FIELD_DEFAULT_PROPS: {
+    readonly modelValue: "";
+    readonly type: "text";
+    readonly size: "standard";
+    readonly role: undefined;
+    readonly shape: undefined;
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly message: "";
+    readonly variant: "outline";
+    readonly placeholder: "";
+    readonly shadow: undefined;
+    readonly direction: undefined;
+    readonly line: 1;
+    readonly maxLine: 1;
+};