@vrobots/storybook 0.1.47 → 0.1.49

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vrobots/storybook",
     "private": false,
-    "version": "0.1.47",
+    "version": "0.1.49",
     "type": "module",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/dist/src/components/form/Login.js

@@ -10,7 +10,7 @@ const Login = ({ title, description, onLogin, ...props }) => {
                                                     value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                                                     message: "Invalid email address"
                                                 }
-                                            }) }), _jsx(Field.ErrorText, { children: errors.emailAddress?.message })] }), _jsxs(Field.Root, { invalid: !!errors.password, children: [_jsx(Field.Label, { children: "Password" }), _jsx(PasswordInput, { ...register("password", {
+                                            }), autoFocus: true }), _jsx(Field.ErrorText, { children: errors.emailAddress?.message })] }), _jsxs(Field.Root, { invalid: !!errors.password, children: [_jsx(Field.Label, { children: "Password" }), _jsx(PasswordInput, { ...register("password", {
                                                 required: "Please enter your password",
                                             }) }), _jsx(Field.ErrorText, { children: errors.password?.message })] })] }), _jsx(Button, { type: "submit", colorScheme: "teal", width: "full", mt: 6, children: "Login" })] })] }) }));
 };

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

@@ -1,4 +1,5 @@
 export * from './ui/color-mode';
+export * from './ui/toaster';
 export * from './Accordion';
 export * from './AvatarIconMenu';
 export * from './Breadcrumbs';
@@ -11,4 +12,5 @@ export * from './Page';
 export * from './Section';
 export * from './Sidebar';
 export * from './Timeline';
+export * from './form/Login';
 export { default as Form } from './form';

package/dist/src/components/index.js

@@ -1,4 +1,5 @@
 export * from './ui/color-mode';
+export * from './ui/toaster';
 export * from './Accordion';
 export * from './AvatarIconMenu';
 export * from './Breadcrumbs';
@@ -11,4 +12,5 @@ export * from './Page';
 export * from './Section';
 export * from './Sidebar';
 export * from './Timeline';
+export * from './form/Login';
 export { default as Form } from './form';

package/dist/src/components/ui/toaster.d.ts

@@ -0,0 +1,2 @@
+export declare const toaster: import("@zag-js/toast").Store<any>;
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/toaster.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toaster as ChakraToaster, Portal, Spinner, Stack, Toast, createToaster, } from "@chakra-ui/react";
+export const toaster = createToaster({
+    placement: "top-end",
+    pauseOnPageIdle: true,
+});
+export const Toaster = () => {
+    return (_jsx(Portal, { children: _jsx(ChakraToaster, { toaster: toaster, insetInline: { mdDown: "4" }, children: (toast) => (_jsxs(Toast.Root, { width: { md: "sm" }, children: [toast.type === "loading" ? (_jsx(Spinner, { size: "sm", color: "blue.solid" })) : (_jsx(Toast.Indicator, {})), _jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [toast.title && _jsx(Toast.Title, { children: toast.title }), toast.description && (_jsx(Toast.Description, { children: toast.description }))] }), toast.action && (_jsx(Toast.ActionTrigger, { children: toast.action.label })), toast.closable && _jsx(Toast.CloseTrigger, {})] })) }) }));
+};

package/dist/src/stories/Login.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ title, description, onLogin, ...props }: import("../components/form").ILoginProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, description, onLogin, ...props }: import("../components").ILoginProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/src/stories/Toaster.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        title: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Component: Story;

package/dist/src/stories/Toaster.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toaster, Toaster } from '../components';
+import React from 'react';
+import { Button } from '@chakra-ui/react';
+const meta = {
+    title: 'Feedback/Toaster',
+    component: Toaster,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    args: {
+        title: "Toaster",
+    }
+};
+export default meta;
+export const Component = {
+    args: {
+        title: "Toaster",
+        description: "Please enter your credentials to continue",
+        onToaster: (data) => console.log(data)
+    },
+    decorators: [
+        (Story) => {
+            return (_jsxs(React.Fragment, { children: [_jsx(Story, {}), _jsx(Button, { variant: "outline", size: "sm", onClick: () => toaster.create({
+                            description: "File saved successfully",
+                            type: "info",
+                            closable: true,
+                        }), children: "Show Toast" })] }));
+        },
+    ],
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vrobots/storybook",
   "private": false,
-  "version": "0.1.47",
+  "version": "0.1.49",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",