@roku-ui/vue 0.21.0 → 0.23.0

package/README.md

@@ -1,33 +1,33 @@
-# Max Min Vue
-
-## Usage
-
-### Install
-
-```bash
-pnpm install
-```
-
-### Development
-
-```bash
-pnpm dev
-```
-
-### Build
-
-```bash
-pnpm build
-```
-
-### Lint
-
-```bash
-pnpm lint
-```
-
-### Test
-
-```bash
-pnpm test
-```
+# Max Min Vue
+
+## Usage
+
+### Install
+
+```bash
+pnpm install
+```
+
+### Development
+
+```bash
+pnpm dev
+```
+
+### Build
+
+```bash
+pnpm build
+```
+
+### Lint
+
+```bash
+pnpm lint
+```
+
+### Test
+
+```bash
+pnpm test
+```

package/dist/components/AppShell.vue.d.ts

@@ -0,0 +1,55 @@
+export interface AppShellProps {
+    headerHeight?: string;
+    footerHeight?: string;
+    navbarWidth?: string;
+    asideWidth?: string;
+    headerSpansNav?: boolean;
+    headerSpansAside?: boolean;
+    footerSpansNav?: boolean;
+    footerSpansAside?: boolean;
+    padding?: string | number;
+    gap?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        header?(_: {}): any;
+        header?(_: {}): any;
+        header?(_: {}): any;
+        navbar?(_: {}): any;
+        navbar?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+        aside?(_: {}): any;
+        aside?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellProps> & Readonly<{}>, {
+    headerHeight: string;
+    footerHeight: string;
+    navbarWidth: string;
+    asideWidth: string;
+    headerSpansNav: boolean;
+    headerSpansAside: boolean;
+    footerSpansNav: boolean;
+    footerSpansAside: boolean;
+    padding: string | number;
+    gap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Calendar.vue.d.ts

@@ -0,0 +1,40 @@
+import { CalendarMode, Color } from '../types';
+type __VLS_Props = {
+    modelValue?: Date | Date[] | {
+        start: Date;
+        end: Date;
+    };
+    mode?: CalendarMode;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    showWeekNumbers?: boolean;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: string;
+    size?: 'sm' | 'md' | 'lg';
+    color?: Color;
+    variant?: 'default' | 'filled' | 'light';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    animate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | Date[] | {
+        start: Date;
+        end: Date;
+    } | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | Date[] | {
+        start: Date;
+        end: Date;
+    } | undefined) => any) | undefined;
+}>, {
+    animate: boolean;
+    mode: CalendarMode;
+    color: Color;
+    size: "sm" | "md" | "lg";
+    variant: "default" | "filled" | "light";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Checkbox.vue.d.ts

@@ -0,0 +1,33 @@
+import { Component } from 'vue';
+import { Color } from '../types';
+type __VLS_Props = {
+    size?: 'sm' | 'md' | 'lg';
+    animate?: boolean;
+    label?: string;
+    id?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    color?: Color;
+    disabled?: boolean;
+    icon?: string | Component;
+    indeterminate?: boolean;
+    indeterminateIcon?: string | Component;
+};
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    change: (args_0: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((args_0: boolean) => any) | undefined;
+}>, {
+    animate: boolean;
+    color: Color;
+    size: "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/components/Drawer.vue.d.ts

@@ -21,8 +21,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     position: "left" | "right";
-    persistent: boolean;
     blur: "sm" | "md" | "lg" | boolean;
+    persistent: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/FullscreenOverlay.vue.d.ts

@@ -2,6 +2,7 @@ type __VLS_Props = {
     persistent?: boolean;
     blur?: 'sm' | 'md' | 'lg' | boolean;
     wrapperClass?: string;
+    animate?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;
@@ -10,6 +11,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {
         wrapperRef: HTMLDivElement;
@@ -19,11 +21,14 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+    maskClick: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onMaskClick?: (() => any) | undefined;
 }>, {
-    persistent: boolean;
+    animate: boolean;
     blur: "sm" | "md" | "lg" | boolean;
+    persistent: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperRef: HTMLDivElement;
 }, any>;

package/dist/components/Modal.vue.d.ts

@@ -1,18 +1,25 @@
-type __VLS_Props = {
+interface ModalProps {
     persistent?: boolean;
     blur?: 'sm' | 'md' | 'lg' | boolean;
     title?: string;
-};
+    animate?: boolean;
+    escClose?: boolean;
+}
+type __VLS_Props = ModalProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        default?(_: {}): any;
         default?(_: {}): any;
         title?(_: {}): any;
+        title?(_: {}): any;
+        body?(_: {}): any;
         body?(_: {}): any;
         footer?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -20,11 +27,17 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+    close: () => any;
+    beforeClose: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onBeforeClose?: (() => any) | undefined;
 }>, {
-    persistent: boolean;
+    animate: boolean;
     blur: "sm" | "md" | "lg" | boolean;
+    persistent: boolean;
+    escClose: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Notification.vue.d.ts

@@ -12,6 +12,7 @@ type __VLS_Props = {
     size?: Size;
     complete?: number;
     total?: number;
+    showLeftIndicator?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -36,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     rounded: "sm" | "md" | "lg" | "none" | string | number;
     block: boolean;
     total: number;
+    showLeftIndicator: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/NotificationSystem.vue.d.ts

@@ -10,10 +10,10 @@ type __VLS_Props = {
     pb?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: number;
     progress: boolean;
     position: NotificationPosition;
     topN: number;
-    gap: number;
     pt: number;
     pl: number;
     pr: number;

package/dist/components/Overlay.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
     opacity?: number;
     color?: string;
+    animation?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,6 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    animation: boolean;
     color: string;
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     blur: boolean | "sm" | "md" | "lg";

package/dist/components/SchemeSwitch.vue.d.ts

@@ -1,9 +1,16 @@
+import { Component } from 'vue';
 type __VLS_Props = {
     disableViewTranslation?: boolean;
     circleTranslation?: boolean;
+    animation?: boolean;
+    onIcon?: string | Component;
+    offIcon?: string | Component;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    animation: boolean;
     disableViewTranslation: boolean;
     circleTranslation: boolean;
+    onIcon: string | Component;
+    offIcon: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/ScrollArea.vue.d.ts

@@ -1,9 +1,10 @@
 type __VLS_Props = {
-    height?: number | string;
+    height?: number;
     barWidth?: number;
     threshold?: number;
-    floating?: boolean;
-    autoHide?: boolean;
+    stopPropagation?: boolean;
+    capture?: boolean;
+    minBarHeight?: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,7 +12,6 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        wrapperRef: HTMLDivElement;
         scrollBarIndicatorRef: HTMLDivElement;
         scrollDomRef: HTMLDivElement;
     };
@@ -19,12 +19,14 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    $el: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+    $el: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     barWidth: number;
     threshold: number;
+    stopPropagation: boolean;
+    capture: boolean;
+    minBarHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    wrapperRef: HTMLDivElement;
     scrollBarIndicatorRef: HTMLDivElement;
     scrollDomRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/SelectArea.vue.d.ts

@@ -1,6 +1,5 @@
 type __VLS_Props = {
-    target?: HTMLElement;
-    color?: string;
+    target?: HTMLElement | null;
 };
 export interface Area {
     left: number;
@@ -40,7 +39,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         shift: boolean;
         ctrl: boolean;
     }) => any) | undefined;
-}>, {
-    color: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Slider.vue.d.ts

@@ -7,9 +7,11 @@ type __VLS_Props = {
     max?: number;
     step?: number;
     tickNum?: number;
+    ticks?: number[];
     color?: string;
     minWidth?: number;
     reverse?: boolean;
+    alignTicksToStep?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: any;
@@ -27,6 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     min: number;
     step: number;
     minWidth: number;
+    alignTicksToStep: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapper: HTMLDivElement;
     indicator: HTMLDivElement;

package/dist/components/Switch.vue.d.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 import { Color } from '../types';
 type __VLS_Props = {
     size?: 'sm' | 'md' | 'lg';
@@ -8,11 +9,11 @@ type __VLS_Props = {
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
     color?: Color;
     disabled?: boolean;
-    offIcon?: string;
-    onIcon?: string;
-    indicatorIcon?: string;
-    onIndicatorIcon?: string;
-    offIndicatorIcon?: string;
+    offIcon?: string | Component;
+    onIcon?: string | Component;
+    indicatorIcon?: string | Component;
+    onIndicatorIcon?: string | Component;
+    offIndicatorIcon?: string | Component;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;

package/dist/components/index.d.ts

@@ -1,11 +1,14 @@
+export { default as AppShell } from './AppShell.vue';
 export { default as AspectRatio } from './AspectRatio.vue';
 export { default as AutoHeightTransition } from './AutoHeightTransition.vue';
 export { default as Avatar } from './Avatar.vue';
 export { default as Btn } from './Btn.vue';
 export { default as BtnGroup } from './BtnGroup.vue';
+export { default as Calendar } from './Calendar.vue';
 export { default as ChatContainer } from './ChatContainer.vue';
 export { default as ChatMessage } from './ChatMessage.vue';
 export { default as ChatSystem } from './ChatSystem.vue';
+export { default as Checkbox } from './Checkbox.vue';
 export { default as Chip } from './Chip.vue';
 export { default as ColorInput } from './ColorInput.vue';
 export { default as ColorSwatch } from './ColorSwatch.vue';