@rebnd/ui 0.0.2 → 0.0.4

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

@@ -0,0 +1,86 @@
+import { SlotsType, VNode } from 'vue';
+interface Slots {
+    label?: () => VNode[];
+}
+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;
+    };
+    direction: {
+        type: import('vue').PropType<"ltr" | "rtl">;
+        default: "ltr" | "rtl";
+        validator(direction: "ltr" | "rtl"): boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: import('vue').PropType<import('../../types').Orientation>;
+        default: import('../../types').Orientation;
+        validator(orientation: import('../../types').Orientation): 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;
+    };
+}>, () => 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;
+    };
+    direction: {
+        type: import('vue').PropType<"ltr" | "rtl">;
+        default: "ltr" | "rtl";
+        validator(direction: "ltr" | "rtl"): boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: import('vue').PropType<import('../../types').Orientation>;
+        default: import('../../types').Orientation;
+        validator(orientation: import('../../types').Orientation): 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;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    color: import('../../types').Color;
+    direction: "ltr" | "rtl";
+    size: import('../../types').ButtonSize;
+    radius: import('../../types').Rounded;
+    orientation: import('../../types').Orientation;
+    modelValue: boolean;
+    indeterminate: boolean;
+}, SlotsType<Slots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RSwitch/utils/switch.props.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ButtonSize, Color, Orientation, Rounded } from '../../../types';
+type Direction = 'ltr' | 'rtl';
+declare const _default: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: Color;
+        validator(color: Color): boolean;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: Direction;
+        validator(direction: Direction): boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<Orientation>;
+        default: Orientation;
+        validator(orientation: Orientation): boolean;
+    };
+    radius: {
+        type: PropType<Rounded>;
+        default: Rounded;
+        validator: (radii: Rounded) => boolean;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+        validator(size: ButtonSize): boolean;
+    };
+};
+export default _default;

package/dist/src/components/RSwitch/utils/switch.style.d.ts

@@ -0,0 +1,142 @@
+declare const wrapper: string;
+declare const input: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    color: {
+        primary: {
+            '&:checked': {
+                backgroundColor: "primary.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "primary.disabled";
+            };
+        };
+        secondary: {
+            '&:checked': {
+                backgroundColor: "secondary.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "secondary.disabled";
+            };
+        };
+        info: {
+            '&:checked': {
+                backgroundColor: "info.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "info.disabled";
+            };
+        };
+        error: {
+            '&:checked': {
+                backgroundColor: "error.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "error.disabled";
+            };
+        };
+        success: {
+            '&:checked': {
+                backgroundColor: "success.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "success.disabled";
+            };
+        };
+        warning: {
+            '&:checked': {
+                backgroundColor: "warning.track";
+            };
+            '&:disabled:checked::before': {
+                backgroundColor: "warning.disabled";
+            };
+        };
+    };
+    direction: {
+        ltr: {
+            '&::before': {
+                transform: "translateX(0)";
+            };
+            '&:checked::before': {
+                transform: "translateX(100%)";
+            };
+        };
+        rtl: {
+            '&::before': {
+                transform: "translateX(100%)";
+            };
+            '&:checked::before': {
+                transform: "translateX(0)";
+            };
+        };
+    };
+    orientation: {
+        horizontal: {
+            transform: "rotate(0deg)";
+        };
+        vertical: {
+            transform: "rotate(-90deg)";
+        };
+    };
+    size: {
+        xs: {
+            inlineSize: "1.5rem";
+            blockSize: "0.75rem";
+            '&::before': {
+                inlineSize: "0.75rem";
+                blockSize: "0.75rem";
+            };
+        };
+        sm: {
+            inlineSize: "2rem";
+            blockSize: "1rem";
+            '&::before': {
+                inlineSize: "1rem";
+                blockSize: "1rem";
+            };
+        };
+        md: {
+            inlineSize: "2.5rem";
+            blockSize: "1.25rem";
+            '&::before': {
+                inlineSize: "1.25rem";
+                blockSize: "1.25rem";
+            };
+        };
+        lg: {
+            inlineSize: "3rem";
+            blockSize: "1.5rem";
+            '&::before': {
+                inlineSize: "1.5rem";
+                blockSize: "1.5rem";
+            };
+        };
+        xl: {
+            inlineSize: "4rem";
+            blockSize: "2rem";
+            '&::before': {
+                inlineSize: "2rem";
+                blockSize: "2rem";
+            };
+        };
+    };
+    radius: {
+        sharp: {
+            '--switch-radius': "{radii.sharp}";
+        };
+        xs: {
+            '--switch-radius': "{radii.xs}";
+        };
+        sm: {
+            '--switch-radius': "{radii.sm}";
+        };
+        md: {
+            '--switch-radius': "{radii.md}";
+        };
+        lg: {
+            '--switch-radius': "{radii.lg}";
+        };
+        pill: {
+            '--switch-radius': "{radii.pill}";
+        };
+    };
+}>;
+export { input, wrapper };

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

@@ -0,0 +1,47 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: import('vue').PropType<import('../../types').TableColumn<unknown>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: import('vue').PropType<unknown[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: 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<{
+    columns: {
+        type: import('vue').PropType<import('../../types').TableColumn<unknown>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: import('vue').PropType<unknown[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    columns: import('../../types').TableColumn<unknown>[];
+    loading: boolean;
+    rows: unknown[];
+    selectable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/RTable/utils/table.props.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { TableColumn } from '../../../types';
+declare const _default: {
+    columns: {
+        type: PropType<TableColumn<unknown>[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rows: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+        required: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

package/dist/src/components/RTable/utils/table.style.d.ts

@@ -0,0 +1,4 @@
+declare const table: string;
+declare const tableHead: string;
+declare const tableStateCell: string;
+export { table, tableHead, tableStateCell };

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

@@ -4,14 +4,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     size: {
-        type: import('vue').PropType<import('../../types').Size>;
-        default: import('../../types').Size;
-        validator: (size: import('../../types').Size) => boolean;
+        type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: "xs" | "sm" | "md" | "lg" | "xl";
+        validator(size: "xs" | "sm" | "md" | "lg" | "xl"): boolean;
     };
     variant: {
-        type: import('vue').PropType<import('../../types').Variant>;
-        default: string;
-        validator: (variant: import('../../types').Variant) => boolean;
+        type: import('vue').PropType<"ghost" | "outline" | "solid">;
+        default: "ghost" | "outline" | "solid";
+        validator(variant: "ghost" | "outline" | "solid"): boolean;
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
@@ -21,20 +21,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     size: {
-        type: import('vue').PropType<import('../../types').Size>;
-        default: import('../../types').Size;
-        validator: (size: import('../../types').Size) => boolean;
+        type: import('vue').PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: "xs" | "sm" | "md" | "lg" | "xl";
+        validator(size: "xs" | "sm" | "md" | "lg" | "xl"): boolean;
     };
     variant: {
-        type: import('vue').PropType<import('../../types').Variant>;
-        default: string;
-        validator: (variant: import('../../types').Variant) => boolean;
+        type: import('vue').PropType<"ghost" | "outline" | "solid">;
+        default: "ghost" | "outline" | "solid";
+        validator(variant: "ghost" | "outline" | "solid"): boolean;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: import('../../types').Size;
-    variant: import('../../types').Variant;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "ghost" | "outline" | "solid";
     modelValue: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/RTabs/utils/tabs.props.d.ts

@@ -1,19 +1,21 @@
 import { PropType } from 'vue';
 import { Size, Variant } from '../../../types';
+type TabsSize = Extract<Size, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
+type TabsVariant = Extract<Variant, 'outline' | 'ghost' | 'solid'>;
 declare const _default: {
     modelValue: {
         type: StringConstructor;
         default: string;
     };
     size: {
-        type: PropType<Size>;
-        default: Size;
-        validator: (size: Size) => boolean;
+        type: PropType<TabsSize>;
+        default: TabsSize;
+        validator(size: TabsSize): boolean;
     };
     variant: {
-        type: PropType<Variant>;
-        default: string;
-        validator: (variant: Variant) => boolean;
+        type: PropType<TabsVariant>;
+        default: TabsVariant;
+        validator(variant: TabsVariant): boolean;
     };
 };
 export default _default;

package/dist/src/components/RTabs/utils/tabs.style.d.ts

@@ -1,36 +1,52 @@
 declare const styles: import('../../../../styled-system/types').RecipeRuntimeFn<{
     size: {
         xs: {
-            fontSize: "0.5rem";
+            fontSize: "0.625rem";
+            '& button': {
+                paddingBlock: "0.25rem";
+                paddingInline: "0.5rem";
+            };
         };
         sm: {
             fontSize: "0.75rem";
+            '& button': {
+                paddingBlock: "0.375rem";
+                paddingInline: "0.625rem";
+            };
         };
         md: {
             fontSize: "0.875rem";
+            '& button': {
+                paddingBlock: "0.5rem";
+                paddingInline: "0.75rem";
+            };
         };
         lg: {
             fontSize: "1rem";
+            '& button': {
+                paddingBlock: "0.625rem";
+                paddingInline: "1rem";
+            };
         };
         xl: {
-            fontSize: "1.25rem";
+            fontSize: "1.125rem";
+            '& button': {
+                paddingBlock: "0.75rem";
+                paddingInline: "1.25rem";
+            };
         };
     };
     variant: {
         solid: {
-            border: "none";
-            backgroundColor: {
-                base: "neutrals.100";
-                _dark: "neutrals.900";
-            };
+            backgroundColor: "neutral.100";
         };
         ghost: {
-            border: "none";
             backgroundColor: "transparent";
         };
-        outlined: {
+        outline: {
             backgroundColor: "transparent";
-            border: "1px solid transparent";
+            outline: "1px solid";
+            outlineColor: "neutral.border";
         };
     };
 }>;

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

@@ -7,6 +7,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    radius: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: import('../../types').Rounded;
+        validator: (radii: import('../../types').Rounded) => boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: 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<{
@@ -18,8 +27,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    radius: {
+        type: import('vue').PropType<import('../../types').Rounded>;
+        default: import('../../types').Rounded;
+        validator: (radii: import('../../types').Rounded) => boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
-    hasError: boolean;
+    radius: import('../../types').Rounded;
     modelValue: string;
+    hasError: boolean;
+    resizable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/RTextArea/utils/text-area.props.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { Rounded } from '../../../types';
 declare const _default: {
     hasError: {
         type: BooleanConstructor;
@@ -7,5 +9,14 @@ declare const _default: {
         type: StringConstructor;
         default: string;
     };
+    radius: {
+        type: PropType<Rounded>;
+        default: Rounded;
+        validator: (radii: Rounded) => boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export default _default;

package/dist/src/components/RTextArea/utils/text-area.style.d.ts

@@ -1,2 +1,30 @@
-declare const styles: string;
-export { styles };
+declare const textarea: import('../../../../styled-system/types').RecipeRuntimeFn<{
+    radius: {
+        sharp: {
+            borderRadius: "sharp";
+        };
+        xs: {
+            borderRadius: "xs";
+        };
+        sm: {
+            borderRadius: "sm";
+        };
+        md: {
+            borderRadius: "md";
+        };
+        lg: {
+            borderRadius: "lg";
+        };
+        pill: {
+            borderRadius: "pill";
+            paddingInline: "md";
+        };
+    };
+    resizable: {
+        true: {};
+        false: {
+            resize: "none";
+        };
+    };
+}>;
+export { textarea };

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

@@ -0,0 +1,70 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    actions: {
+        type: import('vue').PropType<import('../../types').ToastAction[]>;
+        default: () => never[];
+    };
+    autoDismiss: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    config: {
+        type: import('vue').PropType<import('../../types').ToastIconConfig>;
+        default: () => {};
+    };
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    actions: {
+        type: import('vue').PropType<import('../../types').ToastAction[]>;
+        default: () => never[];
+    };
+    autoDismiss: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    config: {
+        type: import('vue').PropType<import('../../types').ToastIconConfig>;
+        default: () => {};
+    };
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    message: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    message: string;
+    actions: import('../../types').ToastAction[];
+    autoDismiss: boolean;
+    duration: number;
+    config: import('../../types').ToastIconConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;