@rebnd/ui 0.0.1

package/dist/src/components/RAccordion/utils/accordion.props.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { AccordionDisclosure } from '../../../types';
+declare const _default: {
+    details: {
+        type: PropType<AccordionDisclosure[]>;
+        required: boolean;
+        default: () => never[];
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

package/dist/src/components/RAccordion/utils/accordion.style.d.ts

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

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

@@ -0,0 +1,48 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+        validator: (name: string) => boolean;
+    };
+    src: {
+        type: StringConstructor;
+        validator: (src: string) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+        validator: (name: string) => boolean;
+    };
+    src: {
+        type: StringConstructor;
+        validator: (src: string) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+}>> & Readonly<{}>, {
+    color: import('../../types').Color;
+    name: string;
+    size: import('../../types').Size;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RAvatar/utils/avatar.props.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { Color, Size } from '../../../types';
+declare const _default: {
+    color: {
+        type: PropType<Color>;
+        default: Color;
+        validator: (color: Color) => boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+        validator: (name: string) => boolean;
+    };
+    src: {
+        type: StringConstructor;
+        validator: (src: string) => boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+        validator: (size: Size) => boolean;
+    };
+};
+export default _default;

package/dist/src/components/RAvatar/utils/avatar.style.d.ts

@@ -0,0 +1,45 @@
+declare const avatar: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    color: {
+        error: {
+            backgroundColor: "error";
+        };
+        info: {
+            backgroundColor: "info";
+        };
+        primary: {
+            backgroundColor: "primary";
+        };
+        secondary: {
+            backgroundColor: "secondary";
+        };
+        success: {
+            backgroundColor: "success";
+        };
+        warning: {
+            backgroundColor: "warning";
+        };
+    };
+    size: {
+        xs: {
+            width: "24px";
+            height: "24px";
+        };
+        sm: {
+            width: "32px";
+            height: "32px";
+        };
+        md: {
+            width: "40px";
+            height: "40px";
+        };
+        lg: {
+            width: "48px";
+            height: "48px";
+        };
+        xl: {
+            width: "56px";
+            height: "56px";
+        };
+    };
+}>;
+export { avatar };

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

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+}>> & Readonly<{}>, {
+    max: number;
+    size: import('../../types').Size;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RAvatarGroup/utils/avatar-group.props.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { Size } from '../../../types';
+declare const _default: {
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+        validator: (size: Size) => boolean;
+    };
+};
+export default _default;

package/dist/src/components/RAvatarGroup/utils/avatar-group.style.d.ts

@@ -0,0 +1,5 @@
+import { Size } from '../../../types';
+declare const avatarGroup: string;
+declare const avatarItems: string;
+declare function getAvatarCounterStyles(size: Size): string;
+export { avatarGroup, avatarItems, getAvatarCounterStyles };

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

@@ -0,0 +1,69 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    cx: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: string;
+        validator: (radius: string) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => 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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    cx: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: string;
+        validator: (radius: string) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types').Variant>;
+        default: import('../../types').Variant;
+        validator: (variant: import('../../types').Variant) => boolean;
+    };
+}>> & Readonly<{}>, {
+    color: import('../../types').Color;
+    cx: string;
+    rounded: import('../../types').Rounded;
+    size: import('../../types').Size;
+    variant: import('../../types').Variant;
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RBadge/utils/badge.props.d.ts

@@ -0,0 +1,33 @@
+import { Color, Rounded, Size, Variant } from '../../../types';
+import { PropType } from 'vue';
+declare const _default: {
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: Color;
+        validator: (color: Color) => boolean;
+    };
+    cx: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: PropType<Rounded>;
+        default: string;
+        validator: (radius: string) => boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+        validator: (size: Size) => boolean;
+    };
+    variant: {
+        type: PropType<Variant>;
+        default: Variant;
+        validator: (variant: Variant) => boolean;
+    };
+};
+export default _default;

package/dist/src/components/RBadge/utils/badge.style.d.ts

@@ -0,0 +1,117 @@
+declare const _default: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    color: {
+        info: {
+            backgroundColor: {
+                base: "info.lighter";
+                _dark: "info.darker";
+            };
+            color: {
+                base: "info";
+                _dark: "info.lighter";
+            };
+        };
+        error: {
+            backgroundColor: {
+                base: "error.lighter";
+                _dark: "error.darker";
+            };
+            color: {
+                base: "error";
+                _dark: "error.lighter";
+            };
+        };
+        primary: {
+            backgroundColor: {
+                base: "primary.lighter";
+                _dark: "primary.darker";
+            };
+            color: {
+                base: "primary";
+                _dark: "primary.lighter";
+            };
+        };
+        secondary: {
+            backgroundColor: {
+                base: "secondary.lighter";
+                _dark: "secondary.darker";
+            };
+            color: {
+                base: "secondary";
+                _dark: "secondary.lighter";
+            };
+        };
+        success: {
+            backgroundColor: {
+                base: "success.lighter";
+                _dark: "success.darker";
+            };
+            color: {
+                base: "success";
+                _dark: "success.lighter";
+            };
+        };
+        warning: {
+            backgroundColor: {
+                base: "warning.lighter";
+                _dark: "warning.darker";
+            };
+            color: {
+                base: "warning";
+                _dark: "warning.lighter";
+            };
+        };
+    };
+    rounded: {
+        none: {
+            borderRadius: "none";
+        };
+        xs: {
+            borderRadius: "xs";
+        };
+        sm: {
+            borderRadius: "sm";
+        };
+        md: {
+            borderRadius: "md";
+        };
+        lg: {
+            borderRadius: "lg";
+        };
+        xl: {
+            borderRadius: "xl";
+        };
+        full: {
+            borderRadius: "full";
+        };
+    };
+    size: {
+        xs: {
+            fontSize: "0.5rem";
+        };
+        sm: {
+            fontSize: "0.75rem";
+        };
+        md: {
+            fontSize: "0.875rem";
+        };
+        lg: {
+            fontSize: "1rem";
+        };
+        xl: {
+            fontSize: "1.25rem";
+        };
+    };
+    variant: {
+        solid: {
+            outline: "none";
+        };
+        ghost: {
+            backgroundColor: "transparent";
+        };
+        outlined: {
+            backgroundColor: "transparent";
+            outline: "1px solid transparent";
+        };
+    };
+}>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { VNode } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    separator: {
+        type: import('vue').PropType<import('../../types').IconName>;
+        default: import('../../types').IconName;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    separator: {
+        type: import('vue').PropType<import('../../types').IconName>;
+        default: import('../../types').IconName;
+    };
+}>> & Readonly<{}>, {
+    max: number;
+    separator: import('../../types').IconName;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RBreadcrumb/utils/breadcrumb.props.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+import { IconName } from '../../../types';
+declare const _default: {
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    separator: {
+        type: PropType<IconName>;
+        default: IconName;
+    };
+};
+export default _default;

package/dist/src/components/RBreadcrumb/utils/breadcrumb.style.d.ts

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

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

@@ -0,0 +1,51 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('../../types').ButtonType>;
+        default: import('../../types').ButtonType;
+        validator: (type: import('../../types').ButtonType) => 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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../../types').Color>;
+        default: import('../../types').Color;
+        validator: (color: import('../../types').Color) => boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../types').Size>;
+        default: import('../../types').Size;
+        validator: (size: import('../../types').Size) => boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('../../types').ButtonType>;
+        default: import('../../types').ButtonType;
+        validator: (type: import('../../types').ButtonType) => boolean;
+    };
+    variant: {
+        type: import('vue').PropType<import('../../types').Variant>;
+        default: import('../../types').Variant;
+        validator: (variant: import('../../types').Variant) => boolean;
+    };
+}>> & Readonly<{}>, {
+    color: import('../../types').Color;
+    type: import('../../types').ButtonType;
+    size: import('../../types').Size;
+    variant: import('../../types').Variant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RButton/utils/button.props.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { ButtonType, Color, Size, Variant } from '../../../types';
+declare const _default: {
+    color: {
+        type: PropType<Color>;
+        default: Color;
+        validator: (color: Color) => boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+        validator: (size: Size) => boolean;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+        validator: (type: ButtonType) => boolean;
+    };
+    variant: {
+        type: PropType<Variant>;
+        default: Variant;
+        validator: (variant: Variant) => boolean;
+    };
+};
+export default _default;

package/dist/src/components/RButton/utils/button.style.d.ts

@@ -0,0 +1,102 @@
+declare const _default: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    color: {
+        error: {
+            backgroundColor: {
+                base: "error";
+                _hover: "error.darker";
+            };
+            outlineColor: {
+                _focus: "error.darker";
+            };
+        };
+        info: {
+            backgroundColor: {
+                base: "info";
+                _hover: "info.darker";
+            };
+            outlineColor: {
+                _focus: "info.darker";
+            };
+        };
+        primary: {
+            backgroundColor: {
+                base: "primary";
+                _hover: "primary.darker";
+            };
+            outlineColor: {
+                _focus: "primary.darker";
+            };
+        };
+        secondary: {
+            backgroundColor: {
+                base: "secondary";
+                _hover: "secondary.darker";
+            };
+            outlineColor: {
+                _focus: "secondary.darker";
+            };
+        };
+        success: {
+            backgroundColor: {
+                base: "success";
+                _hover: "success.darker";
+            };
+            outlineColor: {
+                _focus: "success.darker";
+            };
+        };
+        warning: {
+            backgroundColor: {
+                base: "warning";
+                _hover: "warning.darker";
+            };
+            outlineColor: {
+                _focus: "warning.darker";
+            };
+        };
+    };
+    size: {
+        xs: {
+            fontSize: "0.625rem";
+            paddingInline: "0.75rem";
+            paddingBlock: "0.375rem";
+        };
+        sm: {
+            fontSize: "0.875rem";
+            paddingInline: "1rem";
+        };
+        md: {
+            fontSize: "1rem";
+            paddingInline: "1.25rem";
+        };
+        lg: {
+            fontSize: "1.125rem";
+            paddingInline: "1.75rem";
+        };
+        xl: {
+            fontSize: "1.25rem";
+            paddingInline: "2rem";
+        };
+    };
+    variant: {
+        solid: {
+            outline: {
+                base: "none";
+            };
+        };
+        ghost: {
+            backgroundColor: {
+                base: "transparent";
+            };
+            outline: {
+                base: "none";
+            };
+        };
+        outlined: {
+            backgroundColor: {
+                base: "transparent";
+            };
+        };
+    };
+}>;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: keyof HTMLElementTagNameMap;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RCard/utils/card.props.d.ts

@@ -0,0 +1,8 @@
+import { PropType } from 'vue';
+declare const _default: {
+    as: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: string;
+    };
+};
+export default _default;

package/dist/src/components/RCard/utils/card.style.d.ts

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