@evance/evance-ui 1.0.22 → 1.0.23

package/dist/types/EvDrawer.d.ts

@@ -15,6 +15,7 @@ import { PropType } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
 import { StyleValue } from 'vue';
@@ -27,6 +28,24 @@ import { WatchStopHandle } from 'vue';
 
 declare type AnchorSelector = VerticalSide | HorizontalSide | `${VerticalSide}${SelectorSeparator}${EdgeAlignment}` | `${HorizontalSide}${SelectorSeparator}${EdgeAlignment}` | "auto" | `auto${SelectorSeparator}${EdgeAlignment | "auto"}` | "center" | `center${SelectorSeparator}center`;
 
+/**
+ * # Appearance
+ *
+ * Default appearance keys for
+ *
+ */
+declare const Appearance: {
+    readonly default: "default";
+    readonly danger: "danger";
+    readonly information: "information";
+    readonly notice: "notice";
+    readonly primary: "primary";
+    readonly success: "success";
+    readonly warning: "warning";
+};
+
+declare type AppearanceProp = (typeof Appearance)[keyof typeof Appearance];
+
 /**
  * # Block Scroll Strategy
  * @param data
@@ -34,6 +53,13 @@ declare type AnchorSelector = VerticalSide | HorizontalSide | `${VerticalSide}${
  */
 declare function blockScrollStrategy(data: ScrollStrategyData, props: ScrollStrategyProps): void;
 
+/**
+ * ## Button Appearance
+ */
+declare type ButtonAppearanceProp = AppearanceProp | "inverse";
+
+declare type ButtonVariantProp = VariantProp | "link";
+
 /**
  * ## Close
  */
@@ -76,6 +102,28 @@ declare interface Dimensions {
 
 declare type EdgeAlignment = "start" | "end" | "center";
 
+/**
+ * # EvButtonProps
+ */
+declare interface EvButtonProps extends RouterLinkOrHrefProps {
+    appearance?: ButtonAppearanceProp;
+    disabled?: boolean;
+    icon?: IconValue | boolean;
+    iconStart?: IconValue;
+    iconEnd?: IconValue;
+    rounded?: boolean;
+    size?: InputSizeProp;
+    fullWidth?: boolean;
+    text?: string;
+    loading?: boolean;
+    onClick?: () => void;
+    variant?: ButtonVariantProp;
+}
+
+declare interface EvDialogBodyProps {
+    padding?: boolean;
+}
+
 export declare const EvDrawer: DefineComponent<    {
 modelValue: PropType<boolean | Ref<boolean>>;
 disabled: BooleanConstructor;
@@ -83,9 +131,11 @@ style: {
 type: PropType<StyleValue>;
 default: any;
 };
+title: StringConstructor;
 class: PropType<any>;
 width: (StringConstructor | NumberConstructor)[];
 height: (StringConstructor | NumberConstructor)[];
+icon: PropType<IconValue>;
 maxHeight: (StringConstructor | NumberConstructor)[];
 maxWidth: (StringConstructor | NumberConstructor)[];
 minHeight: (StringConstructor | NumberConstructor)[];
@@ -298,6 +348,7 @@ default?(_: {}): any;
 });
 };
 };
+draggable: BooleanConstructor;
 origin: Omit<{
 type: PropType<AnchorSelector | "overlap">;
 default: string;
@@ -316,6 +367,8 @@ default: NonNullable<string | number>;
 offset: PropType<string | number | number[]>;
 scrollable: BooleanConstructor;
 contentProps: any;
+headerProps: PropType<EvToolbarProps>;
+noPadding: BooleanConstructor;
 closeDelay: (StringConstructor | NumberConstructor)[];
 openDelay: (StringConstructor | NumberConstructor)[];
 activator: PropType<string | Element | ComponentPublicInstance>;
@@ -366,16 +419,31 @@ type: BooleanConstructor;
 default: boolean;
 };
 attach: PropType<TeleportTarget>;
-fullscreen: BooleanConstructor;
-retainFocus: {
+closeable: {
 type: BooleanConstructor;
 default: boolean;
 };
-showHeader: {
+dragWithinViewport: {
+type: BooleanConstructor;
+default: boolean;
+};
+dragMinX: {
+type: NumberConstructor;
+default: number;
+};
+dragMinY: {
+type: NumberConstructor;
+default: number;
+};
+fullscreen: BooleanConstructor;
+hideHeader: BooleanConstructor;
+retainFocus: {
 type: BooleanConstructor;
 default: boolean;
 };
 __instance: any;
+bodyProps: PropType<EvDialogBodyProps>;
+headerActions: PropType<readonly EvButtonProps[]>;
 position: {
 type: PropType<PhysicalSide>;
 default: string;
@@ -389,9 +457,11 @@ style: {
 type: PropType<StyleValue>;
 default: any;
 };
+title: StringConstructor;
 class: PropType<any>;
 width: (StringConstructor | NumberConstructor)[];
 height: (StringConstructor | NumberConstructor)[];
+icon: PropType<IconValue>;
 maxHeight: (StringConstructor | NumberConstructor)[];
 maxWidth: (StringConstructor | NumberConstructor)[];
 minHeight: (StringConstructor | NumberConstructor)[];
@@ -604,6 +674,7 @@ default?(_: {}): any;
 });
 };
 };
+draggable: BooleanConstructor;
 origin: Omit<{
 type: PropType<AnchorSelector | "overlap">;
 default: string;
@@ -622,6 +693,8 @@ default: NonNullable<string | number>;
 offset: PropType<string | number | number[]>;
 scrollable: BooleanConstructor;
 contentProps: any;
+headerProps: PropType<EvToolbarProps>;
+noPadding: BooleanConstructor;
 closeDelay: (StringConstructor | NumberConstructor)[];
 openDelay: (StringConstructor | NumberConstructor)[];
 activator: PropType<string | Element | ComponentPublicInstance>;
@@ -672,16 +745,31 @@ type: BooleanConstructor;
 default: boolean;
 };
 attach: PropType<TeleportTarget>;
-fullscreen: BooleanConstructor;
-retainFocus: {
+closeable: {
+type: BooleanConstructor;
+default: boolean;
+};
+dragWithinViewport: {
 type: BooleanConstructor;
 default: boolean;
 };
-showHeader: {
+dragMinX: {
+type: NumberConstructor;
+default: number;
+};
+dragMinY: {
+type: NumberConstructor;
+default: number;
+};
+fullscreen: BooleanConstructor;
+hideHeader: BooleanConstructor;
+retainFocus: {
 type: BooleanConstructor;
 default: boolean;
 };
 __instance: any;
+bodyProps: PropType<EvDialogBodyProps>;
+headerActions: PropType<readonly EvButtonProps[]>;
 position: {
 type: PropType<PhysicalSide>;
 default: string;
@@ -792,11 +880,13 @@ default?(_: {}): any;
 };
 });
 };
+draggable: boolean;
 origin: NonNullable<AnchorSelector | "overlap">;
 absolute: boolean;
 zIndex: NonNullable<string | number>;
 scrollable: boolean;
 contentProps: any;
+noPadding: boolean;
 activatorProps: {};
 openOnClick: boolean;
 openOnHover: boolean;
@@ -810,37 +900,77 @@ closeOnBack: boolean;
 contained: boolean;
 persistent: boolean;
 veil: boolean;
+closeable: boolean;
+dragWithinViewport: boolean;
+dragMinX: number;
+dragMinY: number;
 fullscreen: boolean;
+hideHeader: boolean;
 retainFocus: boolean;
-showHeader: boolean;
 __instance: any;
 }, {}>;
 
+declare interface EvTabProps extends Omit<EvButtonProps, "active" | "symbol"> {
+    direction?: TabDirection;
+}
+
+declare interface EvToolbarProps {
+    actions?: EvButtonProps[];
+    icon?: IconValue;
+    size?: EvToolbarSize;
+    tab?: EvTabProps;
+    tabs?: EvTabProps[];
+    title?: string;
+}
+
+declare type EvToolbarSize = "small" | "medium" | "large";
+
 declare type EvTransitionProp = string | boolean | (TransitionProps & {
     component?: Component;
 });
 
 declare type HorizontalSide = "left" | "right";
 
+declare type IconValue = string | (string | [path: string, opacity: number])[];
+
+/**
+ * # Input Sizes
+ */
+declare const InputSize: {
+    readonly default: "medium";
+    readonly xSmall: "x-small";
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly xLarge: "x-large";
+};
+
+declare type InputSizeProp = (typeof InputSize)[keyof typeof InputSize];
+
 export declare const makeEvDrawerProps: <Defaults extends {
     modelValue?: unknown;
     disabled?: unknown;
     style?: unknown;
+    title?: unknown;
     class?: unknown;
     width?: unknown;
     height?: unknown;
+    icon?: unknown;
     maxHeight?: unknown;
     maxWidth?: unknown;
     minHeight?: unknown;
     minWidth?: unknown;
     contentClass?: unknown;
     transition?: unknown;
+    draggable?: unknown;
     origin?: unknown;
     absolute?: unknown;
     zIndex?: unknown;
     offset?: unknown;
     scrollable?: unknown;
     contentProps?: unknown;
+    headerProps?: unknown;
+    noPadding?: unknown;
     closeDelay?: unknown;
     openDelay?: unknown;
     activator?: unknown;
@@ -856,10 +986,16 @@ export declare const makeEvDrawerProps: <Defaults extends {
     persistent?: unknown;
     veil?: unknown;
     attach?: unknown;
+    closeable?: unknown;
+    dragWithinViewport?: unknown;
+    dragMinX?: unknown;
+    dragMinY?: unknown;
     fullscreen?: unknown;
+    hideHeader?: unknown;
     retainFocus?: unknown;
-    showHeader?: unknown;
     __instance?: unknown;
+    bodyProps?: unknown;
+    headerActions?: unknown;
     position?: unknown;
 } = {}>(defaults?: Defaults) => {
     modelValue: unknown extends Defaults["modelValue"] ? PropType<boolean | Ref<boolean>> : {
@@ -880,6 +1016,10 @@ export declare const makeEvDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["style"] ? StyleValue : NonNullable<StyleValue> | Defaults["style"]>;
         default: unknown extends Defaults["style"] ? StyleValue : NonNullable<StyleValue> | Defaults["style"];
     };
+    title: unknown extends Defaults["title"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>;
+        default: unknown extends Defaults["title"] ? string : string | Defaults["title"];
+    };
     class: unknown extends Defaults["class"] ? PropType<any> : {
         type: PropType<unknown extends Defaults["class"] ? any : any>;
         default: unknown extends Defaults["class"] ? any : any;
@@ -892,6 +1032,10 @@ export declare const makeEvDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
+    icon: unknown extends Defaults["icon"] ? PropType<IconValue> : {
+        type: PropType<unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"]>;
+        default: unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"];
+    };
     maxHeight: unknown extends Defaults["maxHeight"] ? (StringConstructor | NumberConstructor)[] : {
         type: PropType<unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"]>;
         default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
@@ -1731,6 +1875,10 @@ export declare const makeEvDrawerProps: <Defaults extends {
             });
         }> | Defaults["transition"];
     };
+    draggable: unknown extends Defaults["draggable"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["draggable"] ? boolean : boolean | Defaults["draggable"]>;
+        default: unknown extends Defaults["draggable"] ? boolean : boolean | Defaults["draggable"];
+    };
     origin: unknown extends Defaults["origin"] ? Omit<{
         type: PropType<AnchorSelector | "overlap">;
         default: string;
@@ -1782,6 +1930,14 @@ export declare const makeEvDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["contentProps"] ? any : any>;
         default: unknown extends Defaults["contentProps"] ? any : any;
     };
+    headerProps: unknown extends Defaults["headerProps"] ? PropType<EvToolbarProps> : {
+        type: PropType<unknown extends Defaults["headerProps"] ? unknown : {} | Defaults["headerProps"]>;
+        default: unknown extends Defaults["headerProps"] ? unknown : {} | Defaults["headerProps"];
+    };
+    noPadding: unknown extends Defaults["noPadding"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["noPadding"] ? boolean : boolean | Defaults["noPadding"]>;
+        default: unknown extends Defaults["noPadding"] ? boolean : boolean | Defaults["noPadding"];
+    };
     closeDelay: unknown extends Defaults["closeDelay"] ? (StringConstructor | NumberConstructor)[] : {
         type: PropType<unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"]>;
         default: unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"];
@@ -1920,29 +2076,63 @@ export declare const makeEvDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["attach"] ? TeleportTarget : NonNullable<TeleportTarget> | Defaults["attach"]>;
         default: unknown extends Defaults["attach"] ? TeleportTarget : NonNullable<TeleportTarget> | Defaults["attach"];
     };
-    fullscreen: unknown extends Defaults["fullscreen"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["fullscreen"] ? boolean : boolean | Defaults["fullscreen"]>;
-        default: unknown extends Defaults["fullscreen"] ? boolean : boolean | Defaults["fullscreen"];
+    closeable: unknown extends Defaults["closeable"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["closeable"] ? boolean : boolean | Defaults["closeable"]>;
+        default: unknown extends Defaults["closeable"] ? boolean : boolean | Defaults["closeable"];
     };
-    retainFocus: unknown extends Defaults["retainFocus"] ? {
+    dragWithinViewport: unknown extends Defaults["dragWithinViewport"] ? {
         type: BooleanConstructor;
         default: boolean;
     } : Omit<{
         type: BooleanConstructor;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"]>;
-        default: unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"];
+        type: PropType<unknown extends Defaults["dragWithinViewport"] ? boolean : boolean | Defaults["dragWithinViewport"]>;
+        default: unknown extends Defaults["dragWithinViewport"] ? boolean : boolean | Defaults["dragWithinViewport"];
+    };
+    dragMinX: unknown extends Defaults["dragMinX"] ? {
+        type: NumberConstructor;
+        default: number;
+    } : Omit<{
+        type: NumberConstructor;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["dragMinX"] ? number : number | Defaults["dragMinX"]>;
+        default: unknown extends Defaults["dragMinX"] ? number : number | Defaults["dragMinX"];
     };
-    showHeader: unknown extends Defaults["showHeader"] ? {
+    dragMinY: unknown extends Defaults["dragMinY"] ? {
+        type: NumberConstructor;
+        default: number;
+    } : Omit<{
+        type: NumberConstructor;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["dragMinY"] ? number : number | Defaults["dragMinY"]>;
+        default: unknown extends Defaults["dragMinY"] ? number : number | Defaults["dragMinY"];
+    };
+    fullscreen: unknown extends Defaults["fullscreen"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["fullscreen"] ? boolean : boolean | Defaults["fullscreen"]>;
+        default: unknown extends Defaults["fullscreen"] ? boolean : boolean | Defaults["fullscreen"];
+    };
+    hideHeader: unknown extends Defaults["hideHeader"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>;
+        default: unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"];
+    };
+    retainFocus: unknown extends Defaults["retainFocus"] ? {
         type: BooleanConstructor;
         default: boolean;
     } : Omit<{
         type: BooleanConstructor;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["showHeader"] ? boolean : boolean | Defaults["showHeader"]>;
-        default: unknown extends Defaults["showHeader"] ? boolean : boolean | Defaults["showHeader"];
+        type: PropType<unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"]>;
+        default: unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"];
     };
     __instance: unknown extends Defaults["__instance"] ? any : (Omit<any, "type" | "default"> & {
         type: PropType<unknown extends Defaults["__instance"] ? any : any>;
@@ -1951,6 +2141,14 @@ export declare const makeEvDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["__instance"] ? any : any>;
         default: unknown extends Defaults["__instance"] ? any : any;
     };
+    bodyProps: unknown extends Defaults["bodyProps"] ? PropType<EvDialogBodyProps> : {
+        type: PropType<unknown extends Defaults["bodyProps"] ? unknown : {} | Defaults["bodyProps"]>;
+        default: unknown extends Defaults["bodyProps"] ? unknown : {} | Defaults["bodyProps"];
+    };
+    headerActions: unknown extends Defaults["headerActions"] ? PropType<readonly EvButtonProps[]> : {
+        type: PropType<unknown extends Defaults["headerActions"] ? readonly EvButtonProps[] : readonly EvButtonProps[] | Defaults["headerActions"]>;
+        default: unknown extends Defaults["headerActions"] ? readonly EvButtonProps[] : readonly EvButtonProps[] | Defaults["headerActions"];
+    };
     position: unknown extends Defaults["position"] ? {
         type: PropType<PhysicalSide>;
         default: string;
@@ -2062,6 +2260,22 @@ declare interface RectProps extends Coordinates, Dimensions {
  */
 declare function repositionScrollStrategy(data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope): void;
 
+/**
+ * # RouterLink or Href Props
+ *
+ * We need to be able to accommodate `<a href="">` links
+ * as well as `<router-link to="...">` links.
+ *
+ * This is an important distinction in Evance since we use both.
+ *
+ */
+declare interface RouterLinkOrHrefProps {
+    href?: string;
+    replace?: boolean;
+    to?: RouteLocationRaw;
+    exact?: boolean;
+}
+
 declare const scrollStrategies: {
     none: any;
     close: typeof closeScrollStrategy;
@@ -2095,8 +2309,20 @@ declare function staticPositionStrategy(data: PositionStrategyData, props: Posit
 
 declare type StyleProp = Record<string, string>;
 
+declare type TabDirection = "horizontal" | "vertical";
+
 declare type TeleportTarget = boolean | string | Element;
 
+declare const Variant: {
+    readonly default: "default";
+    readonly bold: "bold";
+    readonly outlined: "outlined";
+    readonly subtle: "subtle";
+    readonly tonal: "tonal";
+};
+
+declare type VariantProp = (typeof Variant)[keyof typeof Variant];
+
 /**
  * # Anchors
  *

package/dist/types/EvOverlay.d.ts

@@ -299,6 +299,10 @@ updatePosition: Ref<(e: Event) => void>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (...args: any[]) => void;
 "click:outside": (...args: any[]) => void;
+enter: (...args: any[]) => void;
+afterEnter: (...args: any[]) => void;
+beforeLeave: (...args: any[]) => void;
+leave: (...args: any[]) => void;
 afterLeave: (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
 class: PropType<any>;
@@ -377,6 +381,10 @@ default: number;
 disableGlobalStack: BooleanConstructor;
 }>> & {
 "onUpdate:modelValue"?: (...args: any[]) => any;
+onEnter?: (...args: any[]) => any;
+onAfterEnter?: (...args: any[]) => any;
+onBeforeLeave?: (...args: any[]) => any;
+onLeave?: (...args: any[]) => any;
 onAfterLeave?: (...args: any[]) => any;
 "onClick:outside"?: (...args: any[]) => any;
 }, {

package/dist/types/EvToolbar.d.ts

@@ -80,8 +80,8 @@ default: any;
 tabs: PropType<readonly EvTabProps[]>;
 title: StringConstructor;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"click:close": (...args: any[]) => void;
 "click:back": (...args: any[]) => void;
+"click:close": (...args: any[]) => void;
 "update:tab": (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
 class: PropType<any>;
@@ -102,8 +102,8 @@ default: any;
 tabs: PropType<readonly EvTabProps[]>;
 title: StringConstructor;
 }>> & {
-"onClick:close"?: (...args: any[]) => any;
 "onClick:back"?: (...args: any[]) => any;
+"onClick:close"?: (...args: any[]) => any;
 "onUpdate:tab"?: (...args: any[]) => any;
 }, {
 size: EvToolbarSize;
@@ -114,6 +114,15 @@ tab: any;
     end(): never;
 }>>;
 
+export declare interface EvToolbarProps {
+    actions?: EvButtonProps[];
+    icon?: IconValue;
+    size?: EvToolbarSize;
+    tab?: EvTabProps;
+    tabs?: EvTabProps[];
+    title?: string;
+}
+
 export declare type EvToolbarSize = "small" | "medium" | "large";
 
 declare type IconValue = string | (string | [path: string, opacity: number])[];
@@ -171,8 +180,8 @@ export declare const makeEvToolbarProps: <Defaults extends {
         type: PropType<EvToolbarSize>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["size"] ? EvToolbarSize : Defaults["size"] | NonNullable<EvToolbarSize>>;
-        default: unknown extends Defaults["size"] ? EvToolbarSize : Defaults["size"] | NonNullable<EvToolbarSize>;
+        type: PropType<unknown extends Defaults["size"] ? EvToolbarSize : NonNullable<EvToolbarSize> | Defaults["size"]>;
+        default: unknown extends Defaults["size"] ? EvToolbarSize : NonNullable<EvToolbarSize> | Defaults["size"];
     };
     tab: unknown extends Defaults["tab"] ? {
         type: any;