@rebnd/ui 0.0.2 → 0.0.4

package/dist/src/components/RToast/utils/toast.props.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { ToastAction, ToastIconConfig } from '../../../types';
+declare const _default: {
+    actions: {
+        type: PropType<ToastAction[]>;
+        default: () => never[];
+    };
+    autoDismiss: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    config: {
+        type: PropType<ToastIconConfig>;
+        default: () => {};
+    };
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export default _default;

package/dist/src/components/RToast/utils/toast.style.d.ts

@@ -0,0 +1,4 @@
+declare const toast: string;
+declare const toastContent: string;
+declare const toastHeader: string;
+export { toast, toastContent, toastHeader };

package/dist/src/components/RToastRenderer/RToastRenderer.d.ts

@@ -0,0 +1,31 @@
+import { VNode } from 'vue';
+import { ToastStackItem } from '../../types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    position: {
+        type: import('vue').PropType<import('../../types').ToastPosition>;
+        default: string;
+        required: boolean;
+    };
+    toasts: {
+        type: import('vue').PropType<ToastStackItem[]>;
+        default: () => never[];
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "remove"[], "remove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    position: {
+        type: import('vue').PropType<import('../../types').ToastPosition>;
+        default: string;
+        required: boolean;
+    };
+    toasts: {
+        type: import('vue').PropType<ToastStackItem[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+    position: import('../../types').ToastPosition;
+    toasts: ToastStackItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RToastRenderer/utils/toast-renderer.props.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { ToastPosition, ToastStackItem } from '../../../types';
+declare const _default: {
+    position: {
+        type: PropType<ToastPosition>;
+        default: string;
+        required: boolean;
+    };
+    toasts: {
+        type: PropType<ToastStackItem[]>;
+        default: () => never[];
+    };
+};
+export default _default;

package/dist/src/components/RToastRenderer/utils/toast-renderer.style.d.ts

@@ -0,0 +1,21 @@
+declare const renderer: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    position: {
+        'top-left': {
+            top: "1rem";
+            left: "1rem";
+        };
+        'top-right': {
+            top: "1rem";
+            right: "1rem";
+        };
+        'bottom-right': {
+            bottom: "1rem";
+            right: "1rem";
+        };
+        'bottom-left': {
+            bottom: "1rem";
+            left: "1rem";
+        };
+    };
+}>;
+export { renderer };

package/dist/src/components/RToggle/RToggle.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator(color: import('../../types').Color): boolean;
+    };
+    radius: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: import('../../types').Rounded;
+        validator: (radii: import('../../types').Rounded) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').ButtonSize>;
+        default: import('../../types').ButtonSize;
+        validator(size: import('../../types').ButtonSize): boolean;
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types').Variant>;
+        default: import('../../types').Variant;
+        validator(variant: import('../../types').Variant): boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator(color: import('../../types').Color): boolean;
+    };
+    radius: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: import('../../types').Rounded;
+        validator: (radii: import('../../types').Rounded) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').ButtonSize>;
+        default: import('../../types').ButtonSize;
+        validator(size: import('../../types').ButtonSize): boolean;
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types').Variant>;
+        default: import('../../types').Variant;
+        validator(variant: import('../../types').Variant): boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    color: import('../../types').Color;
+    size: import('../../types').ButtonSize;
+    variant: import('../../types').Variant;
+    radius: import('../../types').Rounded;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RToggle/utils/toggle.props.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { ButtonSize, Color, Rounded, Variant } from '../../../types';
+declare const _default: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: Color;
+        validator(color: Color): boolean;
+    };
+    radius: {
+        type: PropType<Rounded>;
+        default: Rounded;
+        validator: (radii: Rounded) => boolean;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+        validator(size: ButtonSize): boolean;
+    };
+    variant: {
+        type: PropType<Variant>;
+        default: Variant;
+        validator(variant: Variant): boolean;
+    };
+};
+export default _default;

package/dist/src/components/RToggle/utils/toggle.style.d.ts

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

package/dist/src/composables/useModal.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export declare function useModal(componentRef: Ref<{
+    element: HTMLDialogElement;
+}> | null): {
+    open: Ref<boolean, boolean>;
+    openModal: () => void;
+    closeModal: () => void;
+};

package/dist/src/composables/useToast.d.ts

@@ -0,0 +1,4 @@
+import { ToastOptions, ToastPosition } from '../types';
+export declare function useToast(position?: ToastPosition): {
+    toast: ({ status, ...options }: ToastOptions) => void;
+};

package/dist/src/theme/animations.d.ts

@@ -2,5 +2,17 @@ declare const _default: {
     shake: {
         value: string;
     };
+    slide: {
+        value: string;
+    };
+    slideInLeft: {
+        value: string;
+    };
+    slideInRight: {
+        value: string;
+    };
+    spin: {
+        value: string;
+    };
 };
 export default _default;

package/dist/src/theme/borders.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    none: {
+        value: string;
+    };
+    thin: {
+        value: string;
+    };
+    default: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    thick: {
+        value: string;
+    };
+    bold: {
+        value: string;
+    };
+    heavy: {
+        value: string;
+    };
+};
+export default _default;