@nlabs/gothamui 1.8.0

package/lib/views/AuthSignUpView/AuthSignUpView.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+import { z } from 'zod';
+import { Button } from '../../components/Button/Button.js';
+import { Checkbox } from '../../components/Checkbox/Checkbox.js';
+import { Form } from '../../components/Form/Form.js';
+import { Link } from '../../components/Link/Link.js';
+import { PasswordStrengthMeter } from '../../components/PasswordStrengthMeter/PasswordStrengthMeter.js';
+import { TextField } from '../../components/TextField/TextField.js';
+import { AuthView } from '../AuthView/AuthView.js';
+const authSignUpSchema = z.object({
+    acceptTerms: z.boolean().refine(Boolean, 'Accept the terms to create an account.'),
+    confirmPassword: z.string().min(1, 'Confirm your password.'),
+    email: z.email('Enter a valid email address.'),
+    password: z.string().min(8, 'Use at least 8 characters.')
+}).refine(({ confirmPassword, password })=>confirmPassword === password, {
+    message: 'Passwords must match.',
+    path: [
+        'confirmPassword'
+    ]
+});
+const AuthSignUpViewComponent = ({ cardClassName, cardDescription = 'Use your email and create a secure password.', cardHeaderClassName, cardTitle = 'Create account', error, onSubmit, resendVerificationHref, signInHref = '/sign-in', submitClassName, termsHref = '/terms', ...authViewProps })=>/*#__PURE__*/ _jsxs(AuthView, {
+        cardClassName: cn('min-[601px]:!p-6', cardClassName),
+        cardDescription: cardDescription,
+        cardHeaderClassName: cn('!mb-4 !pb-3 min-[601px]:!mb-5 min-[601px]:!pb-4', cardHeaderClassName),
+        cardTitle: cardTitle,
+        ...authViewProps,
+        children: [
+            error ? /*#__PURE__*/ _jsx("div", {
+                className: "mb-5 rounded-lg border border-error-300 bg-error-50 p-3 text-sm text-error-700",
+                role: "alert",
+                children: error
+            }) : null,
+            /*#__PURE__*/ _jsx(Form, {
+                className: "grid",
+                defaultValues: {
+                    acceptTerms: false,
+                    confirmPassword: '',
+                    email: '',
+                    password: ''
+                },
+                name: "sign-up",
+                onSubmit: onSubmit,
+                schema: authSignUpSchema,
+                showErrors: true,
+                children: ({ formState, getValues })=>{
+                    const password = String(getValues().password || '');
+                    return /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "grid gap-3",
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoComplete: "email",
+                                        borderColor: "neutral",
+                                        borderType: "underline",
+                                        inputClass: "min-h-11 rounded-none border-x-0 border-t-0 bg-transparent px-0 text-base shadow-none",
+                                        label: "Email",
+                                        labelClass: "mb-1 text-sm font-bold",
+                                        name: "email",
+                                        placeholder: "you@example.com",
+                                        type: "email"
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoComplete: "new-password",
+                                        borderColor: "neutral",
+                                        borderType: "underline",
+                                        inputClass: "min-h-11 rounded-none border-x-0 border-t-0 bg-transparent px-0 pr-11 text-base shadow-none",
+                                        label: "Password",
+                                        labelClass: "mb-1 text-sm font-bold",
+                                        name: "password",
+                                        placeholder: "Create a secure password",
+                                        showPasswordToggle: true,
+                                        type: "password"
+                                    }),
+                                    /*#__PURE__*/ _jsx(PasswordStrengthMeter, {
+                                        password: password
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        autoComplete: "new-password",
+                                        borderColor: "neutral",
+                                        borderType: "underline",
+                                        inputClass: "min-h-11 rounded-none border-x-0 border-t-0 bg-transparent px-0 pr-11 text-base shadow-none",
+                                        label: "Confirm password",
+                                        labelClass: "mb-1 text-sm font-bold",
+                                        name: "confirmPassword",
+                                        placeholder: "Re-enter your password",
+                                        showPasswordToggle: true,
+                                        type: "password"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "my-3 flex flex-wrap items-center justify-between gap-3",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Checkbox, {
+                                        label: "I agree to the Terms and Conditions",
+                                        name: "acceptTerms"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Link, {
+                                        className: "text-sm font-bold no-underline",
+                                        href: termsHref,
+                                        children: "Read terms"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                className: submitClassName,
+                                disabled: formState.isSubmitting,
+                                isLoading: formState.isSubmitting,
+                                type: "submit",
+                                children: "Sign Up"
+                            })
+                        ]
+                    });
+                }
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "mb-0 mt-4 text-sm text-muted-foreground dark:text-muted-foreground-dark",
+                children: [
+                    "Already a member? ",
+                    /*#__PURE__*/ _jsx(Link, {
+                        className: "font-bold no-underline",
+                        href: signInHref,
+                        children: "Sign In"
+                    })
+                ]
+            }),
+            resendVerificationHref ? /*#__PURE__*/ _jsxs("p", {
+                className: "mb-0 mt-2 text-sm text-muted-foreground dark:text-muted-foreground-dark",
+                children: [
+                    "Need a new code? ",
+                    /*#__PURE__*/ _jsx(Link, {
+                        className: "font-bold no-underline",
+                        href: resendVerificationHref,
+                        children: "Resend verification"
+                    })
+                ]
+            }) : null
+        ]
+    });
+export const AuthSignUpView = /*#__PURE__*/ memo(AuthSignUpViewComponent);
+AuthSignUpView.displayName = 'AuthSignUpView';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoU2lnblVwVmlldy9BdXRoU2lnblVwVmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7bWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHt6fSBmcm9tICd6b2QnO1xuXG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLmpzJztcbmltcG9ydCB7Q2hlY2tib3h9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3guanMnO1xuaW1wb3J0IHtGb3JtfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Zvcm0vRm9ybS5qcyc7XG5pbXBvcnQge0xpbmt9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvTGluay9MaW5rLmpzJztcbmltcG9ydCB7UGFzc3dvcmRTdHJlbmd0aE1ldGVyfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL1Bhc3N3b3JkU3RyZW5ndGhNZXRlci9QYXNzd29yZFN0cmVuZ3RoTWV0ZXIuanMnO1xuaW1wb3J0IHtUZXh0RmllbGR9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvVGV4dEZpZWxkL1RleHRGaWVsZC5qcyc7XG5pbXBvcnQge0F1dGhWaWV3fSBmcm9tICcuLi9BdXRoVmlldy9BdXRoVmlldy5qcyc7XG5cbmltcG9ydCB0eXBlIHtSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtBdXRoVmlld1Byb3BzfSBmcm9tICcuLi9BdXRoVmlldy9BdXRoVmlldy5qcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aFNpZ25VcFZhbHVlcyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHVua25vd24+IHtcbiAgcmVhZG9ubHkgYWNjZXB0VGVybXM6IGJvb2xlYW47XG4gIHJlYWRvbmx5IGNvbmZpcm1QYXNzd29yZDogc3RyaW5nO1xuICByZWFkb25seSBlbWFpbDogc3RyaW5nO1xuICByZWFkb25seSBwYXNzd29yZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEF1dGhTaWduVXBWaWV3UHJvcHMgZXh0ZW5kcyBPbWl0PEF1dGhWaWV3UHJvcHMsICdjYXJkRGVzY3JpcHRpb24nIHwgJ2NhcmRUaXRsZScgfCAnY2hpbGRyZW4nIHwgJ29uU3VibWl0Jz4ge1xuICByZWFkb25seSBjYXJkRGVzY3JpcHRpb24/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGNhcmRUaXRsZT86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgZXJyb3I/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IG9uU3VibWl0OiAodmFsdWVzOiBBdXRoU2lnblVwVmFsdWVzKSA9PiB2b2lkIHwgUHJvbWlzZTx2b2lkPjtcbiAgcmVhZG9ubHkgcmVzZW5kVmVyaWZpY2F0aW9uSHJlZj86IHN0cmluZztcbiAgcmVhZG9ubHkgc2lnbkluSHJlZj86IHN0cmluZztcbiAgcmVhZG9ubHkgc3VibWl0Q2xhc3NOYW1lPzogc3RyaW5nO1xuICByZWFkb25seSB0ZXJtc0hyZWY/OiBzdHJpbmc7XG59XG5cbmNvbnN0IGF1dGhTaWduVXBTY2hlbWEgPSB6Lm9iamVjdCh7XG4gIGFjY2VwdFRlcm1zOiB6LmJvb2xlYW4oKS5yZWZpbmUoQm9vbGVhbiwgJ0FjY2VwdCB0aGUgdGVybXMgdG8gY3JlYXRlIGFuIGFjY291bnQuJyksXG4gIGNvbmZpcm1QYXNzd29yZDogei5zdHJpbmcoKS5taW4oMSwgJ0NvbmZpcm0geW91ciBwYXNzd29yZC4nKSxcbiAgZW1haWw6IHouZW1haWwoJ0VudGVyIGEgdmFsaWQgZW1haWwgYWRkcmVzcy4nKSxcbiAgcGFzc3dvcmQ6IHouc3RyaW5nKCkubWluKDgsICdVc2UgYXQgbGVhc3QgOCBjaGFyYWN0ZXJzLicpXG59KS5yZWZpbmUoKHtjb25maXJtUGFzc3dvcmQsIHBhc3N3b3JkfSkgPT4gY29uZmlybVBhc3N3b3JkID09PSBwYXNzd29yZCwge1xuICBtZXNzYWdlOiAnUGFzc3dvcmRzIG11c3QgbWF0Y2guJyxcbiAgcGF0aDogWydjb25maXJtUGFzc3dvcmQnXVxufSk7XG5cbmNvbnN0IEF1dGhTaWduVXBWaWV3Q29tcG9uZW50ID0gKHtcbiAgY2FyZENsYXNzTmFtZSxcbiAgY2FyZERlc2NyaXB0aW9uID0gJ1VzZSB5b3VyIGVtYWlsIGFuZCBjcmVhdGUgYSBzZWN1cmUgcGFzc3dvcmQuJyxcbiAgY2FyZEhlYWRlckNsYXNzTmFtZSxcbiAgY2FyZFRpdGxlID0gJ0NyZWF0ZSBhY2NvdW50JyxcbiAgZXJyb3IsXG4gIG9uU3VibWl0LFxuICByZXNlbmRWZXJpZmljYXRpb25IcmVmLFxuICBzaWduSW5IcmVmID0gJy9zaWduLWluJyxcbiAgc3VibWl0Q2xhc3NOYW1lLFxuICB0ZXJtc0hyZWYgPSAnL3Rlcm1zJyxcbiAgLi4uYXV0aFZpZXdQcm9wc1xufTogQXV0aFNpZ25VcFZpZXdQcm9wcykgPT4gKFxuICA8QXV0aFZpZXdcbiAgICBjYXJkQ2xhc3NOYW1lPXtjbignbWluLVs2MDFweF06IXAtNicsIGNhcmRDbGFzc05hbWUpfVxuICAgIGNhcmREZXNjcmlwdGlvbj17Y2FyZERlc2NyaXB0aW9ufVxuICAgIGNhcmRIZWFkZXJDbGFzc05hbWU9e2NuKCchbWItNCAhcGItMyBtaW4tWzYwMXB4XTohbWItNSBtaW4tWzYwMXB4XTohcGItNCcsIGNhcmRIZWFkZXJDbGFzc05hbWUpfVxuICAgIGNhcmRUaXRsZT17Y2FyZFRpdGxlfVxuICAgIHsuLi5hdXRoVmlld1Byb3BzfT5cbiAgICB7ZXJyb3IgPyAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1iLTUgcm91bmRlZC1sZyBib3JkZXIgYm9yZGVyLWVycm9yLTMwMCBiZy1lcnJvci01MCBwLTMgdGV4dC1zbSB0ZXh0LWVycm9yLTcwMFwiIHJvbGU9XCJhbGVydFwiPlxuICAgICAgICB7ZXJyb3J9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbH1cbiAgICA8Rm9ybTxBdXRoU2lnblVwVmFsdWVzPlxuICAgICAgY2xhc3NOYW1lPVwiZ3JpZFwiXG4gICAgICBkZWZhdWx0VmFsdWVzPXt7YWNjZXB0VGVybXM6IGZhbHNlLCBjb25maXJtUGFzc3dvcmQ6ICcnLCBlbWFpbDogJycsIHBhc3N3b3JkOiAnJ319XG4gICAgICBuYW1lPVwic2lnbi11cFwiXG4gICAgICBvblN1Ym1pdD17b25TdWJtaXR9XG4gICAgICBzY2hlbWE9e2F1dGhTaWduVXBTY2hlbWF9XG4gICAgICBzaG93RXJyb3JzXG4gICAgPlxuICAgICAgeyh7Zm9ybVN0YXRlLCBnZXRWYWx1ZXN9KSA9PiB7XG4gICAgICAgIGNvbnN0IHBhc3N3b3JkID0gU3RyaW5nKGdldFZhbHVlcygpLnBhc3N3b3JkIHx8ICcnKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImdyaWQgZ2FwLTNcIj5cbiAgICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cImVtYWlsXCJcbiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIGJvcmRlclR5cGU9XCJ1bmRlcmxpbmVcIlxuICAgICAgICAgICAgICAgIGlucHV0Q2xhc3M9XCJtaW4taC0xMSByb3VuZGVkLW5vbmUgYm9yZGVyLXgtMCBib3JkZXItdC0wIGJnLXRyYW5zcGFyZW50IHB4LTAgdGV4dC1iYXNlIHNoYWRvdy1ub25lXCJcbiAgICAgICAgICAgICAgICBsYWJlbD1cIkVtYWlsXCJcbiAgICAgICAgICAgICAgICBsYWJlbENsYXNzPVwibWItMSB0ZXh0LXNtIGZvbnQtYm9sZFwiXG4gICAgICAgICAgICAgICAgbmFtZT1cImVtYWlsXCJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cInlvdUBleGFtcGxlLmNvbVwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImVtYWlsXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBib3JkZXJUeXBlPVwidW5kZXJsaW5lXCJcbiAgICAgICAgICAgICAgICBpbnB1dENsYXNzPVwibWluLWgtMTEgcm91bmRlZC1ub25lIGJvcmRlci14LTAgYm9yZGVyLXQtMCBiZy10cmFuc3BhcmVudCBweC0wIHByLTExIHRleHQtYmFzZSBzaGFkb3ctbm9uZVwiXG4gICAgICAgICAgICAgICAgbGFiZWw9XCJQYXNzd29yZFwiXG4gICAgICAgICAgICAgICAgbGFiZWxDbGFzcz1cIm1iLTEgdGV4dC1zbSBmb250LWJvbGRcIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJwYXNzd29yZFwiXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJDcmVhdGUgYSBzZWN1cmUgcGFzc3dvcmRcIlxuICAgICAgICAgICAgICAgIHNob3dQYXNzd29yZFRvZ2dsZVxuICAgICAgICAgICAgICAgIHR5cGU9XCJwYXNzd29yZFwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxQYXNzd29yZFN0cmVuZ3RoTWV0ZXIgcGFzc3dvcmQ9e3Bhc3N3b3JkfSAvPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwibmV3LXBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIGJvcmRlclR5cGU9XCJ1bmRlcmxpbmVcIlxuICAgICAgICAgICAgICAgIGlucHV0Q2xhc3M9XCJtaW4taC0xMSByb3VuZGVkLW5vbmUgYm9yZGVyLXgtMCBib3JkZXItdC0wIGJnLXRyYW5zcGFyZW50IHB4LTAgcHItMTEgdGV4dC1iYXNlIHNoYWRvdy1ub25lXCJcbiAgICAgICAgICAgICAgICBsYWJlbD1cIkNvbmZpcm0gcGFzc3dvcmRcIlxuICAgICAgICAgICAgICAgIGxhYmVsQ2xhc3M9XCJtYi0xIHRleHQtc20gZm9udC1ib2xkXCJcbiAgICAgICAgICAgICAgICBuYW1lPVwiY29uZmlybVBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlJlLWVudGVyIHlvdXIgcGFzc3dvcmRcIlxuICAgICAgICAgICAgICAgIHNob3dQYXNzd29yZFRvZ2dsZVxuICAgICAgICAgICAgICAgIHR5cGU9XCJwYXNzd29yZFwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXktMyBmbGV4IGZsZXgtd3JhcCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIGdhcC0zXCI+XG4gICAgICAgICAgICAgIDxDaGVja2JveCBsYWJlbD1cIkkgYWdyZWUgdG8gdGhlIFRlcm1zIGFuZCBDb25kaXRpb25zXCIgbmFtZT1cImFjY2VwdFRlcm1zXCIgLz5cbiAgICAgICAgICAgICAgPExpbmsgY2xhc3NOYW1lPVwidGV4dC1zbSBmb250LWJvbGQgbm8tdW5kZXJsaW5lXCIgaHJlZj17dGVybXNIcmVmfT5SZWFkIHRlcm1zPC9MaW5rPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17c3VibWl0Q2xhc3NOYW1lfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17Zm9ybVN0YXRlLmlzU3VibWl0dGluZ31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtmb3JtU3RhdGUuaXNTdWJtaXR0aW5nfVxuICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgU2lnbiBVcFxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC8+XG4gICAgICAgICk7XG4gICAgICB9fVxuICAgIDwvRm9ybT5cbiAgICA8cCBjbGFzc05hbWU9XCJtYi0wIG10LTQgdGV4dC1zbSB0ZXh0LW11dGVkLWZvcmVncm91bmQgZGFyazp0ZXh0LW11dGVkLWZvcmVncm91bmQtZGFya1wiPlxuICAgICAgQWxyZWFkeSBhIG1lbWJlcj8gPExpbmsgY2xhc3NOYW1lPVwiZm9udC1ib2xkIG5vLXVuZGVybGluZVwiIGhyZWY9e3NpZ25JbkhyZWZ9PlNpZ24gSW48L0xpbms+XG4gICAgPC9wPlxuICAgIHtyZXNlbmRWZXJpZmljYXRpb25IcmVmID8gKFxuICAgICAgPHAgY2xhc3NOYW1lPVwibWItMCBtdC0yIHRleHQtc20gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kIGRhcms6dGV4dC1tdXRlZC1mb3JlZ3JvdW5kLWRhcmtcIj5cbiAgICAgICAgTmVlZCBhIG5ldyBjb2RlPyA8TGluayBjbGFzc05hbWU9XCJmb250LWJvbGQgbm8tdW5kZXJsaW5lXCIgaHJlZj17cmVzZW5kVmVyaWZpY2F0aW9uSHJlZn0+UmVzZW5kIHZlcmlmaWNhdGlvbjwvTGluaz5cbiAgICAgIDwvcD5cbiAgICApIDogbnVsbH1cbiAgPC9BdXRoVmlldz5cbik7XG5cbmV4cG9ydCBjb25zdCBBdXRoU2lnblVwVmlldyA9IG1lbW8oQXV0aFNpZ25VcFZpZXdDb21wb25lbnQpO1xuQXV0aFNpZ25VcFZpZXcuZGlzcGxheU5hbWUgPSAnQXV0aFNpZ25VcFZpZXcnO1xuIl0sIm5hbWVzIjpbImNuIiwibWVtbyIsInoiLCJCdXR0b24iLCJDaGVja2JveCIsIkZvcm0iLCJMaW5rIiwiUGFzc3dvcmRTdHJlbmd0aE1ldGVyIiwiVGV4dEZpZWxkIiwiQXV0aFZpZXciLCJhdXRoU2lnblVwU2NoZW1hIiwib2JqZWN0IiwiYWNjZXB0VGVybXMiLCJib29sZWFuIiwicmVmaW5lIiwiQm9vbGVhbiIsImNvbmZpcm1QYXNzd29yZCIsInN0cmluZyIsIm1pbiIsImVtYWlsIiwicGFzc3dvcmQiLCJtZXNzYWdlIiwicGF0aCIsIkF1dGhTaWduVXBWaWV3Q29tcG9uZW50IiwiY2FyZENsYXNzTmFtZSIsImNhcmREZXNjcmlwdGlvbiIsImNhcmRIZWFkZXJDbGFzc05hbWUiLCJjYXJkVGl0bGUiLCJlcnJvciIsIm9uU3VibWl0IiwicmVzZW5kVmVyaWZpY2F0aW9uSHJlZiIsInNpZ25JbkhyZWYiLCJzdWJtaXRDbGFzc05hbWUiLCJ0ZXJtc0hyZWYiLCJhdXRoVmlld1Byb3BzIiwiZGl2IiwiY2xhc3NOYW1lIiwicm9sZSIsImRlZmF1bHRWYWx1ZXMiLCJuYW1lIiwic2NoZW1hIiwic2hvd0Vycm9ycyIsImZvcm1TdGF0ZSIsImdldFZhbHVlcyIsIlN0cmluZyIsImF1dG9Db21wbGV0ZSIsImJvcmRlckNvbG9yIiwiYm9yZGVyVHlwZSIsImlucHV0Q2xhc3MiLCJsYWJlbCIsImxhYmVsQ2xhc3MiLCJwbGFjZWhvbGRlciIsInR5cGUiLCJzaG93UGFzc3dvcmRUb2dnbGUiLCJocmVmIiwiZGlzYWJsZWQiLCJpc1N1Ym1pdHRpbmciLCJpc0xvYWRpbmciLCJwIiwiQXV0aFNpZ25VcFZpZXciLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBQ2hDLFNBQVFDLElBQUksUUFBTyxRQUFRO0FBQzNCLFNBQVFDLENBQUMsUUFBTyxNQUFNO0FBRXRCLFNBQVFDLE1BQU0sUUFBTyxvQ0FBb0M7QUFDekQsU0FBUUMsUUFBUSxRQUFPLHdDQUF3QztBQUMvRCxTQUFRQyxJQUFJLFFBQU8sZ0NBQWdDO0FBQ25ELFNBQVFDLElBQUksUUFBTyxnQ0FBZ0M7QUFDbkQsU0FBUUMscUJBQXFCLFFBQU8sa0VBQWtFO0FBQ3RHLFNBQVFDLFNBQVMsUUFBTywwQ0FBMEM7QUFDbEUsU0FBUUMsUUFBUSxRQUFPLDBCQUEwQjtBQXVCakQsTUFBTUMsbUJBQW1CUixFQUFFUyxNQUFNLENBQUM7SUFDaENDLGFBQWFWLEVBQUVXLE9BQU8sR0FBR0MsTUFBTSxDQUFDQyxTQUFTO0lBQ3pDQyxpQkFBaUJkLEVBQUVlLE1BQU0sR0FBR0MsR0FBRyxD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

package/lib/views/AuthSignUpView/AuthSignUpView.stories.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { AuthSignUpView } from './AuthSignUpView.js';
+const meta = {
+    component: AuthSignUpView,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Views/Auth/AuthSignUpView'
+};
+export default meta;
+export const Default = {
+    args: {
+        description: 'Create an account and start building your workspace.',
+        eyebrow: 'Acme identity',
+        onSubmit: async ()=>{},
+        resendVerificationHref: '/verify/resend',
+        title: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                "Join the",
+                /*#__PURE__*/ _jsx("br", {}),
+                "community."
+            ]
+        })
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoU2lnblVwVmlldy9BdXRoU2lnblVwVmlldy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtBdXRoU2lnblVwVmlld30gZnJvbSAnLi9BdXRoU2lnblVwVmlldy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBBdXRoU2lnblVwVmlldz4gPSB7XG4gIGNvbXBvbmVudDogQXV0aFNpZ25VcFZpZXcsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdmdWxsc2NyZWVuJ1xuICB9LFxuICB0aXRsZTogJ1ZpZXdzL0F1dGgvQXV0aFNpZ25VcFZpZXcnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEF1dGhTaWduVXBWaWV3PjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgZGVzY3JpcHRpb246ICdDcmVhdGUgYW4gYWNjb3VudCBhbmQgc3RhcnQgYnVpbGRpbmcgeW91ciB3b3Jrc3BhY2UuJyxcbiAgICBleWVicm93OiAnQWNtZSBpZGVudGl0eScsXG4gICAgb25TdWJtaXQ6IGFzeW5jICgpID0+IHt9LFxuICAgIHJlc2VuZFZlcmlmaWNhdGlvbkhyZWY6ICcvdmVyaWZ5L3Jlc2VuZCcsXG4gICAgdGl0bGU6IDw+Sm9pbiB0aGU8YnIgLz5jb21tdW5pdHkuPC8+XG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIkF1dGhTaWduVXBWaWV3IiwibWV0YSIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwiZGVzY3JpcHRpb24iLCJleWVicm93Iiwib25TdWJtaXQiLCJyZXNlbmRWZXJpZmljYXRpb25IcmVmIiwiYnIiLCJwbGF5Il0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBRTFCLFNBQVFDLGtCQUFrQixRQUFPLG1DQUFtQztBQUNwRSxTQUFRQyxjQUFjLFFBQU8sc0JBQXNCO0FBSW5ELE1BQU1DLE9BQW9DO0lBQ3hDQyxXQUFXRjtJQUNYRyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlSixLQUFLO0FBSXBCLE9BQU8sTUFBTUssVUFBaUI7SUFDNUJDLE1BQU07UUFDSkMsYUFBYTtRQUNiQyxTQUFTO1FBQ1RDLFVBQVUsV0FBYTtRQUN2QkMsd0JBQXdCO1FBQ3hCTixxQkFBTzs7Z0JBQUU7OEJBQVEsS0FBQ087Z0JBQUs7OztJQUN6QjtJQUNBQyxNQUFNZDtBQUNSLEVBQUUifQ==

package/lib/views/AuthView/AuthView.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface AuthViewProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    readonly cardClassName?: string;
+    readonly cardDescription: ReactNode;
+    readonly cardHeaderClassName?: string;
+    readonly cardTitle: ReactNode;
+    readonly description: ReactNode;
+    readonly descriptionClassName?: string;
+    readonly eyebrow?: ReactNode;
+    readonly eyebrowClassName?: string;
+    readonly title: ReactNode;
+    readonly titleClassName?: string;
+}
+declare const AuthViewComponent: ({ cardClassName, cardDescription, cardHeaderClassName, cardTitle, children, className, description, descriptionClassName, eyebrow, eyebrowClassName, title, titleClassName, ...props }: AuthViewProps) => import("react").JSX.Element;
+export declare const AuthView: import("react").MemoExoticComponent<typeof AuthViewComponent>;
+export {};

package/lib/views/AuthView/AuthView.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+import { Card } from '../../components/Card/Card.js';
+const AuthViewComponent = ({ cardClassName, cardDescription, cardHeaderClassName, cardTitle, children, className, description, descriptionClassName, eyebrow = 'Account access', eyebrowClassName, title, titleClassName, ...props })=>/*#__PURE__*/ _jsx("main", {
+        className: cn('box-border flex min-h-dvh min-w-80 w-full items-center justify-center bg-background px-[5vw] py-10 text-foreground dark:bg-background-dark dark:text-foreground-dark max-[600px]:px-5 max-[600px]:py-5', className),
+        "data-slot": "auth-view",
+        ...props,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "mx-auto grid w-full max-w-[1440px] items-center gap-12 min-[841px]:grid-cols-[minmax(280px,.9fr)_minmax(360px,.62fr)] min-[841px]:gap-[9vw]",
+            children: [
+                /*#__PURE__*/ _jsxs("section", {
+                    className: "max-w-[620px] max-[600px]:hidden",
+                    "data-slot": "auth-view-hero",
+                    children: [
+                        /*#__PURE__*/ _jsx("p", {
+                            className: cn('m-0 text-[11px] font-bold uppercase tracking-normal text-primary dark:text-primary-dark', eyebrowClassName),
+                            children: eyebrow
+                        }),
+                        /*#__PURE__*/ _jsx("h1", {
+                            className: cn('my-3 mb-6 font-display text-[clamp(48px,6vw,86px)] font-normal leading-[0.98] tracking-normal', titleClassName),
+                            children: title
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: cn('m-0 max-w-[520px] text-lg leading-[1.65] text-muted-foreground dark:text-muted-foreground-dark', descriptionClassName),
+                            children: description
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Card, {
+                    className: cn('mx-auto w-full max-w-[520px] gap-0 rounded-lg border-border bg-card p-5 text-card-foreground shadow-none min-[601px]:p-8 dark:border-border-dark dark:bg-card-dark dark:text-card-foreground-dark', cardClassName),
+                    "data-slot": "auth-view-card",
+                    children: [
+                        /*#__PURE__*/ _jsxs("header", {
+                            className: cn('mb-5 border-b border-border pb-4 min-[601px]:mb-7 min-[601px]:pb-5 dark:border-border-dark', cardHeaderClassName),
+                            children: [
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: cn('m-0 mb-2 text-[11px] font-bold uppercase tracking-normal text-primary min-[601px]:hidden dark:text-primary-dark', eyebrowClassName),
+                                    children: eyebrow
+                                }),
+                                /*#__PURE__*/ _jsx("h2", {
+                                    className: "m-0 font-display text-[36px] font-normal tracking-normal",
+                                    children: cardTitle
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: "mb-0 mt-2 text-sm leading-6 text-muted-foreground dark:text-muted-foreground-dark",
+                                    children: cardDescription
+                                })
+                            ]
+                        }),
+                        children
+                    ]
+                })
+            ]
+        })
+    });
+export const AuthView = /*#__PURE__*/ memo(AuthViewComponent);
+AuthView.displayName = 'AuthView';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoVmlldy9BdXRoVmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7bWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NhcmR9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvQ2FyZC9DYXJkLmpzJztcblxuaW1wb3J0IHR5cGUge0hUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGludGVyZmFjZSBBdXRoVmlld1Byb3BzIGV4dGVuZHMgT21pdDxIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4sICd0aXRsZSc+IHtcbiAgcmVhZG9ubHkgY2FyZENsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgY2FyZERlc2NyaXB0aW9uOiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGNhcmRIZWFkZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGNhcmRUaXRsZTogUmVhY3ROb2RlO1xuICByZWFkb25seSBkZXNjcmlwdGlvbjogUmVhY3ROb2RlO1xuICByZWFkb25seSBkZXNjcmlwdGlvbkNsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgZXllYnJvdz86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgZXllYnJvd0NsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgdGl0bGU6IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhWaWV3Q29tcG9uZW50ID0gKHtcbiAgY2FyZENsYXNzTmFtZSxcbiAgY2FyZERlc2NyaXB0aW9uLFxuICBjYXJkSGVhZGVyQ2xhc3NOYW1lLFxuICBjYXJkVGl0bGUsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGRlc2NyaXB0aW9uLFxuICBkZXNjcmlwdGlvbkNsYXNzTmFtZSxcbiAgZXllYnJvdyA9ICdBY2NvdW50IGFjY2VzcycsXG4gIGV5ZWJyb3dDbGFzc05hbWUsXG4gIHRpdGxlLFxuICB0aXRsZUNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IEF1dGhWaWV3UHJvcHMpID0+IChcbiAgPG1haW5cbiAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgJ2JveC1ib3JkZXIgZmxleCBtaW4taC1kdmggbWluLXctODAgdy1mdWxsIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBiZy1iYWNrZ3JvdW5kIHB4LVs1dnddIHB5LTEwIHRleHQtZm9yZWdyb3VuZCBkYXJrOmJnLWJhY2tncm91bmQtZGFyayBkYXJrOnRleHQtZm9yZWdyb3VuZC1kYXJrIG1heC1bNjAwcHhdOnB4LTUgbWF4LVs2MDBweF06cHktNScsXG4gICAgICBjbGFzc05hbWVcbiAgICApfVxuICAgIGRhdGEtc2xvdD1cImF1dGgtdmlld1wiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJteC1hdXRvIGdyaWQgdy1mdWxsIG1heC13LVsxNDQwcHhdIGl0ZW1zLWNlbnRlciBnYXAtMTIgbWluLVs4NDFweF06Z3JpZC1jb2xzLVttaW5tYXgoMjgwcHgsLjlmcilfbWlubWF4KDM2MHB4LC42MmZyKV0gbWluLVs4NDFweF06Z2FwLVs5dnddXCI+XG4gICAgICA8c2VjdGlvbiBjbGFzc05hbWU9XCJtYXgtdy1bNjIwcHhdIG1heC1bNjAwcHhdOmhpZGRlblwiIGRhdGEtc2xvdD1cImF1dGgtdmlldy1oZXJvXCI+XG4gICAgICAgIDxwIGNsYXNzTmFtZT17Y24oJ20tMCB0ZXh0LVsxMXB4XSBmb250LWJvbGQgdXBwZXJjYXNlIHRyYWNraW5nLW5vcm1hbCB0ZXh0LXByaW1hcnkgZGFyazp0ZXh0LXByaW1hcnktZGFyaycsIGV5ZWJyb3dDbGFzc05hbWUpfT5cbiAgICAgICAgICB7ZXllYnJvd31cbiAgICAgICAgPC9wPlxuICAgICAgICA8aDEgY2xhc3NOYW1lPXtjbignbXktMyBtYi02IGZvbnQtZGlzcGxheSB0ZXh0LVtjbGFtcCg0OHB4LDZ2dyw4NnB4KV0gZm9udC1ub3JtYWwgbGVhZGluZy1bMC45OF0gdHJhY2tpbmctbm9ybWFsJywgdGl0bGVDbGFzc05hbWUpfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvaDE+XG4gICAgICAgIDxwIGNsYXNzTmFtZT17Y24oJ20tMCBtYXgtdy1bNTIwcHhdIHRleHQtbGcgbGVhZGluZy1bMS42NV0gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kIGRhcms6dGV4dC1tdXRlZC1mb3JlZ3JvdW5kLWRhcmsnLCBkZXNjcmlwdGlvbkNsYXNzTmFtZSl9PlxuICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgPC9wPlxuICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICA8Q2FyZCBjbGFzc05hbWU9e2NuKCdteC1hdXRvIHctZnVsbCBtYXgtdy1bNTIwcHhdIGdhcC0wIHJvdW5kZWQtbGcgYm9yZGVyLWJvcmRlciBiZy1jYXJkIHAtNSB0ZXh0LWNhcmQtZm9yZWdyb3VuZCBzaGFkb3ctbm9uZSBtaW4tWzYwMXB4XTpwLTggZGFyazpib3JkZXItYm9yZGVyLWRhcmsgZGFyazpiZy1jYXJkLWRhcmsgZGFyazp0ZXh0LWNhcmQtZm9yZWdyb3VuZC1kYXJrJywgY2FyZENsYXNzTmFtZSl9IGRhdGEtc2xvdD1cImF1dGgtdmlldy1jYXJkXCI+XG4gICAgICAgIDxoZWFkZXIgY2xhc3NOYW1lPXtjbignbWItNSBib3JkZXItYiBib3JkZXItYm9yZGVyIHBiLTQgbWluLVs2MDFweF06bWItNyBtaW4tWzYwMXB4XTpwYi01IGRhcms6Ym9yZGVyLWJvcmRlci1kYXJrJywgY2FyZEhlYWRlckNsYXNzTmFtZSl9PlxuICAgICAgICAgIDxwIGNsYXNzTmFtZT17Y24oJ20tMCBtYi0yIHRleHQtWzExcHhdIGZvbnQtYm9sZCB1cHBlcmNhc2UgdHJhY2tpbmctbm9ybWFsIHRleHQtcHJpbWFyeSBtaW4tWzYwMXB4XTpoaWRkZW4gZGFyazp0ZXh0LXByaW1hcnktZGFyaycsIGV5ZWJyb3dDbGFzc05hbWUpfT5cbiAgICAgICAgICAgIHtleWVicm93fVxuICAgICAgICAgIDwvcD5cbiAgICAgICAgICA8aDIgY2xhc3NOYW1lPVwibS0wIGZvbnQtZGlzcGxheSB0ZXh0LVszNnB4XSBmb250LW5vcm1hbCB0cmFja2luZy1ub3JtYWxcIj57Y2FyZFRpdGxlfTwvaDI+XG4gICAgICAgICAgPHAgY2xhc3NOYW1lPVwibWItMCBtdC0yIHRleHQtc20gbGVhZGluZy02IHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBkYXJrOnRleHQtbXV0ZWQtZm9yZWdyb3VuZC1kYXJrXCI+XG4gICAgICAgICAgICB7Y2FyZERlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQ2FyZD5cbiAgICA8L2Rpdj5cbiAgPC9tYWluPlxuKTtcblxuZXhwb3J0IGNvbnN0IEF1dGhWaWV3ID0gbWVtbyhBdXRoVmlld0NvbXBvbmVudCk7XG5BdXRoVmlldy5kaXNwbGF5TmFtZSA9ICdBdXRoVmlldyc7XG4iXSwibmFtZXMiOlsiY24iLCJtZW1vIiwiQ2FyZCIsIkF1dGhWaWV3Q29tcG9uZW50IiwiY2FyZENsYXNzTmFtZSIsImNhcmREZXNjcmlwdGlvbiIsImNhcmRIZWFkZXJDbGFzc05hbWUiLCJjYXJkVGl0bGUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImRlc2NyaXB0aW9uIiwiZGVzY3JpcHRpb25DbGFzc05hbWUiLCJleWVicm93IiwiZXllYnJvd0NsYXNzTmFtZSIsInRpdGxlIiwidGl0bGVDbGFzc05hbWUiLCJwcm9wcyIsIm1haW4iLCJkYXRhLXNsb3QiLCJkaXYiLCJzZWN0aW9uIiwicCIsImgxIiwiaGVhZGVyIiwiaDIiLCJBdXRoVmlldyIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFDaEMsU0FBUUMsSUFBSSxRQUFPLFFBQVE7QUFFM0IsU0FBUUMsSUFBSSxRQUFPLGdDQUFnQztBQWlCbkQsTUFBTUMsb0JBQW9CLENBQUMsRUFDekJDLGFBQWEsRUFDYkMsZUFBZSxFQUNmQyxtQkFBbUIsRUFDbkJDLFNBQVMsRUFDVEMsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLFdBQVcsRUFDWEMsb0JBQW9CLEVBQ3BCQyxVQUFVLGdCQUFnQixFQUMxQkMsZ0JBQWdCLEVBQ2hCQyxLQUFLLEVBQ0xDLGNBQWMsRUFDZCxHQUFHQyxPQUNXLGlCQUNkLEtBQUNDO1FBQ0NSLFdBQVdULEdBQ1QsME1BQ0FTO1FBRUZTLGFBQVU7UUFDVCxHQUFHRixLQUFLO2tCQUVULGNBQUEsTUFBQ0c7WUFBSVYsV0FBVTs7OEJBQ2IsTUFBQ1c7b0JBQVFYLFdBQVU7b0JBQW1DUyxhQUFVOztzQ0FDOUQsS0FBQ0c7NEJBQUVaLFdBQVdULEdBQUcsMkZBQTJGYTtzQ0FDekdEOztzQ0FFSCxLQUFDVTs0QkFBR2IsV0FBV1QsR0FBRyxpR0FBaUdlO3NDQUNoSEQ7O3NDQUVILEtBQUNPOzRCQUFFWixXQUFXVCxHQUFHLGtHQUFrR1c7c0NBQ2hIRDs7Ozs4QkFJTCxNQUFDUjtvQkFBS08sV0FBV1QsR0FBRyxxTUFBcU1JO29CQUFnQmMsYUFBVTs7c0NBQ2pQLE1BQUNLOzRCQUFPZCxXQUFXVCxHQUFHLDhGQUE4Rk07OzhDQUNsSCxLQUFDZTtvQ0FBRVosV0FBV1QsR0FBRyxtSEFBbUhhOzhDQUNqSUQ7OzhDQUVILEtBQUNZO29DQUFHZixXQUFVOzhDQUE0REY7OzhDQUMxRSxLQUFDYztvQ0FBRVosV0FBVTs4Q0FDVko7Ozs7d0JBR0pHOzs7Ozs7QUFNVCxPQUFPLE1BQU1pQix5QkFBV3hCLEtBQUtFLG1CQUFtQjtBQUNoRHNCLFNBQVNDLFdBQVcsR0FBRyJ9

package/lib/views/AuthView/AuthView.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { AuthView } from './AuthView.js';
+const meta = {
+    component: AuthView,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    title: 'Views/Auth/AuthView'
+};
+export default meta;
+export const Default = {
+    args: {
+        cardDescription: 'Use your account credentials to continue.',
+        cardTitle: 'Sign in',
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "text-sm text-muted-foreground",
+            children: "Auth form content"
+        }),
+        description: 'Sign in once to return to everything your account can access.',
+        eyebrow: 'Acme identity',
+        title: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                "Welcome",
+                /*#__PURE__*/ _jsx("br", {}),
+                "back."
+            ]
+        })
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9BdXRoVmlldy9BdXRoVmlldy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtBdXRoVmlld30gZnJvbSAnLi9BdXRoVmlldy5qcyc7XG5cbmltcG9ydCB0eXBlIHtNZXRhLCBTdG9yeU9ian0gZnJvbSAnQG5sYWJzL2xleC9zdG9yeWJvb2snO1xuXG5jb25zdCBtZXRhOiBNZXRhPHR5cGVvZiBBdXRoVmlldz4gPSB7XG4gIGNvbXBvbmVudDogQXV0aFZpZXcsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdmdWxsc2NyZWVuJ1xuICB9LFxuICB0aXRsZTogJ1ZpZXdzL0F1dGgvQXV0aFZpZXcnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEF1dGhWaWV3PjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY2FyZERlc2NyaXB0aW9uOiAnVXNlIHlvdXIgYWNjb3VudCBjcmVkZW50aWFscyB0byBjb250aW51ZS4nLFxuICAgIGNhcmRUaXRsZTogJ1NpZ24gaW4nLFxuICAgIGNoaWxkcmVuOiA8ZGl2IGNsYXNzTmFtZT1cInRleHQtc20gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kXCI+QXV0aCBmb3JtIGNvbnRlbnQ8L2Rpdj4sXG4gICAgZGVzY3JpcHRpb246ICdTaWduIGluIG9uY2UgdG8gcmV0dXJuIHRvIGV2ZXJ5dGhpbmcgeW91ciBhY2NvdW50IGNhbiBhY2Nlc3MuJyxcbiAgICBleWVicm93OiAnQWNtZSBpZGVudGl0eScsXG4gICAgdGl0bGU6IDw+V2VsY29tZTxiciAvPmJhY2suPC8+XG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIkF1dGhWaWV3IiwibWV0YSIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwiY2FyZERlc2NyaXB0aW9uIiwiY2FyZFRpdGxlIiwiY2hpbGRyZW4iLCJkaXYiLCJjbGFzc05hbWUiLCJkZXNjcmlwdGlvbiIsImV5ZWJyb3ciLCJiciIsInBsYXkiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFFMUIsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLFFBQVEsUUFBTyxnQkFBZ0I7QUFJdkMsTUFBTUMsT0FBOEI7SUFDbENDLFdBQVdGO0lBQ1hHLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKQyxpQkFBaUI7UUFDakJDLFdBQVc7UUFDWEMsd0JBQVUsS0FBQ0M7WUFBSUMsV0FBVTtzQkFBZ0M7O1FBQ3pEQyxhQUFhO1FBQ2JDLFNBQVM7UUFDVFQscUJBQU87O2dCQUFFOzhCQUFPLEtBQUNVO2dCQUFLOzs7SUFDeEI7SUFDQUMsTUFBTWpCO0FBQ1IsRUFBRSJ9

package/lib/views/DefaultView/DefaultView.d.ts

@@ -0,0 +1,5 @@
+export interface DefaultViewProps {
+    children?: React.ReactNode;
+    title?: string;
+}
+export declare const DefaultView: import("react").NamedExoticComponent<DefaultViewProps>;

package/lib/views/DefaultView/DefaultView.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { memo, useState } from 'react';
+import { useNavigate } from 'react-router';
+const navItems = [
+    {
+        label: 'Home',
+        path: '/'
+    },
+    {
+        label: 'About',
+        path: '/about'
+    },
+    {
+        label: 'Contact',
+        path: '/contact'
+    }
+];
+const DefaultViewComponent = ({ children, title = 'GothamUI' })=>{
+    const [mobileOpen, setMobileOpen] = useState(false);
+    const navigate = useNavigate();
+    const handleDrawerToggle = ()=>{
+        setMobileOpen(!mobileOpen);
+    };
+    const handleNavigation = (path)=>{
+        navigate(path);
+        setMobileOpen(false);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col min-h-screen",
+        children: [
+            /*#__PURE__*/ _jsxs("header", {
+                className: "bg-indigo-600 text-white shadow-md",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "container mx-auto px-4",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center justify-between h-16",
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "flex items-center sm:hidden",
+                                    children: /*#__PURE__*/ _jsxs("button", {
+                                        "aria-controls": "mobile-menu",
+                                        "aria-expanded": mobileOpen,
+                                        className: "inline-flex items-center justify-center p-2 rounded-md text-white hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
+                                        onClick: handleDrawerToggle,
+                                        type: "button",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: "sr-only",
+                                                children: "Open main menu"
+                                            }),
+                                            /*#__PURE__*/ _jsx("svg", {
+                                                "aria-hidden": "true",
+                                                className: `${mobileOpen ? 'hidden' : 'block'} h-6 w-6`,
+                                                fill: "none",
+                                                stroke: "currentColor",
+                                                viewBox: "0 0 24 24",
+                                                xmlns: "http://www.w3.org/2000/svg",
+                                                children: /*#__PURE__*/ _jsx("path", {
+                                                    d: "M4 6h16M4 12h16M4 18h16",
+                                                    strokeLinecap: "round",
+                                                    strokeLinejoin: "round",
+                                                    strokeWidth: 2
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx("svg", {
+                                                "aria-hidden": "true",
+                                                className: `${mobileOpen ? 'block' : 'hidden'} h-6 w-6`,
+                                                fill: "none",
+                                                stroke: "currentColor",
+                                                viewBox: "0 0 24 24",
+                                                xmlns: "http://www.w3.org/2000/svg",
+                                                children: /*#__PURE__*/ _jsx("path", {
+                                                    d: "M6 18L18 6M6 6l12 12",
+                                                    strokeLinecap: "round",
+                                                    strokeLinejoin: "round",
+                                                    strokeWidth: 2
+                                                })
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start",
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        className: "flex-shrink-0 flex items-center",
+                                        children: /*#__PURE__*/ _jsx("h1", {
+                                            className: "text-xl font-bold",
+                                            children: title
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "hidden sm:block sm:ml-6",
+                                    children: /*#__PURE__*/ _jsx("div", {
+                                        className: "flex space-x-4",
+                                        children: navItems.map(({ label, path })=>/*#__PURE__*/ _jsx("button", {
+                                                className: "text-white hover:bg-indigo-500 px-3 py-2 rounded-md text-sm font-medium",
+                                                onClick: ()=>handleNavigation(path),
+                                                children: label
+                                            }, path))
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${mobileOpen ? 'block' : 'hidden'} sm:hidden`,
+                        id: "mobile-menu",
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "px-2 pt-2 pb-3 space-y-1",
+                            children: navItems.map(({ label, path })=>/*#__PURE__*/ _jsx("button", {
+                                    className: "text-white hover:bg-indigo-500 block px-3 py-2 rounded-md text-base font-medium w-full text-left",
+                                    onClick: ()=>handleNavigation(path),
+                                    children: label
+                                }, path))
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("main", {
+                className: "flex-grow p-4",
+                children: children
+            })
+        ]
+    });
+};
+export const DefaultView = /*#__PURE__*/ memo(DefaultViewComponent);
+DefaultView.displayName = 'DefaultView';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9EZWZhdWx0Vmlldy9EZWZhdWx0Vmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCB7bWVtbywgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7dXNlTmF2aWdhdGV9IGZyb20gJ3JlYWN0LXJvdXRlcic7XG5cbmNvbnN0IG5hdkl0ZW1zID0gW1xuICB7bGFiZWw6ICdIb21lJywgcGF0aDogJy8nfSxcbiAge2xhYmVsOiAnQWJvdXQnLCBwYXRoOiAnL2Fib3V0J30sXG4gIHtsYWJlbDogJ0NvbnRhY3QnLCBwYXRoOiAnL2NvbnRhY3QnfVxuXTtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0Vmlld1Byb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlPzogc3RyaW5nO1xufVxuXG5jb25zdCBEZWZhdWx0Vmlld0NvbXBvbmVudDogUmVhY3QuRkM8RGVmYXVsdFZpZXdQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUgPSAnR290aGFtVUknXG59KSA9PiB7XG4gIGNvbnN0IFttb2JpbGVPcGVuLCBzZXRNb2JpbGVPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgbmF2aWdhdGUgPSB1c2VOYXZpZ2F0ZSgpO1xuXG4gIGNvbnN0IGhhbmRsZURyYXdlclRvZ2dsZSA9ICgpID0+IHtcbiAgICBzZXRNb2JpbGVPcGVuKCFtb2JpbGVPcGVuKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKHBhdGg6IHN0cmluZykgPT4ge1xuICAgIG5hdmlnYXRlKHBhdGgpO1xuICAgIHNldE1vYmlsZU9wZW4oZmFsc2UpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIG1pbi1oLXNjcmVlblwiPlxuICAgICAgey8qIE5hdmlnYXRpb24gQmFyICovfVxuICAgICAgPGhlYWRlciBjbGFzc05hbWU9XCJiZy1pbmRpZ28tNjAwIHRleHQtd2hpdGUgc2hhZG93LW1kXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29udGFpbmVyIG14LWF1dG8gcHgtNFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIGgtMTZcIj5cbiAgICAgICAgICAgIHsvKiBNb2JpbGUgbWVudSBidXR0b24gKi99XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaXRlbXMtY2VudGVyIHNtOmhpZGRlblwiPlxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cIm1vYmlsZS1tZW51XCJcbiAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXttb2JpbGVPcGVufVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImlubGluZS1mbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBwLTIgcm91bmRlZC1tZCB0ZXh0LXdoaXRlIGhvdmVyOmJnLWluZGlnby01MDAgZm9jdXM6b3V0bGluZS1ub25lIGZvY3VzOnJpbmctMiBmb2N1czpyaW5nLWluc2V0IGZvY3VzOnJpbmctd2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZURyYXdlclRvZ2dsZX1cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInNyLW9ubHlcIj5PcGVuIG1haW4gbWVudTwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7LyogSWNvbiB3aGVuIG1lbnUgaXMgY2xvc2VkICovfVxuICAgICAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake21vYmlsZU9wZW4gPyAnaGlkZGVuJyA6ICdibG9jayd9IGgtNiB3LTZgfVxuICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgZD1cIk00IDZoMTZNNCAxMmgxNk00IDE4aDE2XCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlTGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZVdpZHRoPXsyfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICB7LyogSWNvbiB3aGVuIG1lbnUgaXMgb3BlbiAqL31cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHttb2JpbGVPcGVuID8gJ2Jsb2NrJyA6ICdoaWRkZW4nfSBoLTYgdy02YH1cbiAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGQ9XCJNNiAxOEwxOCA2TTYgNmwxMiAxMlwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD17Mn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIHsvKiBMb2dvICovfVxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4LTEgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgc206aXRlbXMtc3RyZXRjaCBzbTpqdXN0aWZ5LXN0YXJ0XCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleC1zaHJpbmstMCBmbGV4IGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxoMSBjbGFzc05hbWU9XCJ0ZXh0LXhsIGZvbnQtYm9sZFwiPnt0aXRsZX08L2gxPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICB7LyogRGVza3RvcCBOYXZpZ2F0aW9uICovfVxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJoaWRkZW4gc206YmxvY2sgc206bWwtNlwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggc3BhY2UteC00XCI+XG4gICAgICAgICAgICAgICAge25hdkl0ZW1zLm1hcCgoe2xhYmVsLCBwYXRofSkgPT4gKFxuICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ0ZXh0LXdoaXRlIGhvdmVyOmJnLWluZGlnby01MDAgcHgtMyBweS0yIHJvdW5kZWQtbWQgdGV4dC1zbSBmb250LW1lZGl1bVwiXG4gICAgICAgICAgICAgICAgICAgIGtleT17cGF0aH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlTmF2aWdhdGlvbihwYXRoKX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIHsvKiBNb2JpbGUgTmF2aWdhdGlvbiAqL31cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17YCR7bW9iaWxlT3BlbiA/ICdibG9jaycgOiAnaGlkZGVuJ30gc206aGlkZGVuYH1cbiAgICAgICAgICBpZD1cIm1vYmlsZS1tZW51XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicHgtMiBwdC0yIHBiLTMgc3BhY2UteS0xXCI+XG4gICAgICAgICAgICB7bmF2SXRlbXMubWFwKCh7bGFiZWwsIHBhdGh9KSA9PiAoXG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ0ZXh0LXdoaXRlIGhvdmVyOmJnLWluZGlnby01MDAgYmxvY2sgcHgtMyBweS0yIHJvdW5kZWQtbWQgdGV4dC1iYXNlIGZvbnQtbWVkaXVtIHctZnVsbCB0ZXh0LWxlZnRcIlxuICAgICAgICAgICAgICAgIGtleT17cGF0aH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVOYXZpZ2F0aW9uKHBhdGgpfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvaGVhZGVyPlxuXG4gICAgICB7LyogTWFpbiBDb250ZW50ICovfVxuICAgICAgPG1haW4gY2xhc3NOYW1lPVwiZmxleC1ncm93IHAtNFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L21haW4+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdFZpZXcgPSBtZW1vKERlZmF1bHRWaWV3Q29tcG9uZW50KTtcbkRlZmF1bHRWaWV3LmRpc3BsYXlOYW1lID0gJ0RlZmF1bHRWaWV3JztcbiJdLCJuYW1lcyI6WyJtZW1vIiwidXNlU3RhdGUiLCJ1c2VOYXZpZ2F0ZSIsIm5hdkl0ZW1zIiwibGFiZWwiLCJwYXRoIiwiRGVmYXVsdFZpZXdDb21wb25lbnQiLCJjaGlsZHJlbiIsInRpdGxlIiwibW9iaWxlT3BlbiIsInNldE1vYmlsZU9wZW4iLCJuYXZpZ2F0ZSIsImhhbmRsZURyYXdlclRvZ2dsZSIsImhhbmRsZU5hdmlnYXRpb24iLCJkaXYiLCJjbGFzc05hbWUiLCJoZWFkZXIiLCJidXR0b24iLCJhcmlhLWNvbnRyb2xzIiwiYXJpYS1leHBhbmRlZCIsIm9uQ2xpY2siLCJ0eXBlIiwic3BhbiIsInN2ZyIsImFyaWEtaGlkZGVuIiwiZmlsbCIsInN0cm9rZSIsInZpZXdCb3giLCJ4bWxucyIsImQiLCJzdHJva2VMaW5lY2FwIiwic3Ryb2tlTGluZWpvaW4iLCJzdHJva2VXaWR0aCIsImgxIiwibWFwIiwiaWQiLCJtYWluIiwiRGVmYXVsdFZpZXciLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6IjtBQUFBOzs7Q0FHQyxHQUNELFNBQVFBLElBQUksRUFBRUMsUUFBUSxRQUFPLFFBQVE7QUFDckMsU0FBUUMs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

package/lib/views/Gotham/Gotham.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */
+import type { FC, ReactNode } from 'react';
+import type { GothamConfiguration, GothamStatus } from './GothamProvider.js';
+export interface GothamProps {
+    readonly children?: ReactNode;
+    readonly classes?: Record<string, string>;
+    readonly config?: GothamConfiguration;
+    readonly isAuth?: () => boolean;
+}
+export interface GothamState {
+    readonly currentNotification: GothamNotification;
+    readonly hasNotification: boolean;
+    readonly isAppLoaded: boolean;
+    readonly isLoading: boolean;
+}
+export interface GothamButtonItem {
+    readonly label?: string;
+    readonly url?: string;
+}
+export type GothamMenuType = 'header' | 'link';
+export interface GothamMenuItem {
+    readonly content?: (color: string) => ReactNode;
+    readonly label?: string;
+    readonly menu?: GothamMenuItem[];
+    readonly path?: string;
+    readonly type: GothamMenuType;
+    readonly url: string;
+}
+export interface GothamNotification {
+    readonly key: string;
+    readonly message: string;
+    readonly status: GothamStatus;
+}
+export interface ContainerProviderProps {
+    children?: ReactNode;
+    navProps: Record<string, unknown>;
+    routeProps: Record<string, unknown>;
+}
+export declare const onKeyUp: (event: any) => void;
+export declare const Gotham: FC<GothamProps>;
+export default Gotham;

package/lib/views/Gotham/Gotham.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { useEffect } from 'react';
+import { GothamProvider } from './GothamProvider.js';
+export const onKeyUp = (event)=>{
+    if (event.which === 9) {
+        document.documentElement.classList.remove('noFocusOutline');
+    }
+};
+const emptyConfig = {};
+export const Gotham = ({ config = emptyConfig })=>{
+    useEffect(()=>{
+        document.body.addEventListener('keyup', onKeyUp);
+        return ()=>document.body.removeEventListener('keyup', onKeyUp);
+    }, []);
+    return /*#__PURE__*/ _jsx(GothamProvider, {
+        config: config
+    });
+};
+export default Gotham;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9Hb3RoYW0vR290aGFtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1QcmVzZW50LCBOaXRyb2dlbiBMYWJzLCBJbmMuXG4gKiBDb3B5cmlnaHRzIGxpY2Vuc2VkIHVuZGVyIHRoZSBNSVQgTGljZW5zZS4gU2VlIHRoZSBhY2NvbXBhbnlpbmcgTElDRU5TRSBmaWxlIGZvciB0ZXJtcy5cbiAqL1xuXG5pbXBvcnQge3VzZUVmZmVjdH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0dvdGhhbVByb3ZpZGVyfSBmcm9tICcuL0dvdGhhbVByb3ZpZGVyLmpzJztcblxuaW1wb3J0IHR5cGUge0ZDLCBSZWFjdE5vZGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtHb3RoYW1Db25maWd1cmF0aW9uLCBHb3RoYW1TdGF0dXN9IGZyb20gJy4vR290aGFtUHJvdmlkZXIuanMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdvdGhhbVByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGNsYXNzZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICByZWFkb25seSBjb25maWc/OiBHb3RoYW1Db25maWd1cmF0aW9uO1xuICByZWFkb25seSBpc0F1dGg/OiAoKSA9PiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEdvdGhhbVN0YXRlIHtcbiAgcmVhZG9ubHkgY3VycmVudE5vdGlmaWNhdGlvbjogR290aGFtTm90aWZpY2F0aW9uO1xuICByZWFkb25seSBoYXNOb3RpZmljYXRpb246IGJvb2xlYW47XG4gIHJlYWRvbmx5IGlzQXBwTG9hZGVkOiBib29sZWFuO1xuICByZWFkb25seSBpc0xvYWRpbmc6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgR290aGFtQnV0dG9uSXRlbSB7XG4gIHJlYWRvbmx5IGxhYmVsPzogc3RyaW5nO1xuICByZWFkb25seSB1cmw/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCB0eXBlIEdvdGhhbU1lbnVUeXBlID0gJ2hlYWRlcicgfCAnbGluayc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR290aGFtTWVudUl0ZW0ge1xuICByZWFkb25seSBjb250ZW50PzogKGNvbG9yOiBzdHJpbmcpID0+IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgbGFiZWw/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG1lbnU/OiBHb3RoYW1NZW51SXRlbVtdO1xuICByZWFkb25seSBwYXRoPzogc3RyaW5nO1xuICByZWFkb25seSB0eXBlOiBHb3RoYW1NZW51VHlwZTtcbiAgcmVhZG9ubHkgdXJsOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgR290aGFtTm90aWZpY2F0aW9uIHtcbiAgcmVhZG9ubHkga2V5OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG1lc3NhZ2U6IHN0cmluZztcbiAgcmVhZG9ubHkgc3RhdHVzOiBHb3RoYW1TdGF0dXM7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGFpbmVyUHJvdmlkZXJQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBuYXZQcm9wczogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG4gIHJvdXRlUHJvcHM6IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xufVxuXG5leHBvcnQgY29uc3Qgb25LZXlVcCA9IChldmVudCkgPT4ge1xuICBpZihldmVudC53aGljaCA9PT0gOSkge1xuICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdub0ZvY3VzT3V0bGluZScpO1xuICB9XG59O1xuXG5jb25zdCBlbXB0eUNvbmZpZzogR290aGFtQ29uZmlndXJhdGlvbiA9IHt9O1xuXG5leHBvcnQgY29uc3QgR290aGFtOiBGQzxHb3RoYW1Qcm9wcz4gPSAoe2NvbmZpZyA9IGVtcHR5Q29uZmlnfSkgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGRvY3VtZW50LmJvZHkuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCBvbktleVVwKTtcblxuICAgIHJldHVybiAoKSA9PiBkb2N1bWVudC5ib2R5LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgb25LZXlVcCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxHb3RoYW1Qcm92aWRlciBjb25maWc9e2NvbmZpZ30vPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR290aGFtO1xuIl0sIm5hbWVzIjpbInVzZUVmZmVjdCIsIkdvdGhhbVByb3ZpZGVyIiwib25LZXlVcCIsImV2ZW50Iiwid2hpY2giLCJkb2N1bWVudCIsImRvY3VtZW50RWxlbWVudCIsImNsYXNzTGlzdCIsInJlbW92ZSIsImVtcHR5Q29uZmlnIiwiR290aGFtIiwiY29uZmlnIiwiYm9keSIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIl0sIm1hcHBpbmdzIjoiO0FBQUE7OztDQUdDLEdBRUQsU0FBUUEsU0FBUyxRQUFPLFFBQVE7QUFFaEMsU0FBUUMsY0FBYyxRQUFPLHNCQUFzQjtBQStDbkQsT0FBTyxNQUFNQyxVQUFVLENBQUNDO0lBQ3RCLElBQUdBLE1BQU1DLEtBQUssS0FBSyxHQUFHO1FBQ3BCQyxTQUFTQyxlQUFlLENBQUNDLFNBQVMsQ0FBQ0MsTUFBTSxDQUFDO0lBQzVDO0FBQ0YsRUFBRTtBQUVGLE1BQU1DLGNBQW1DLENBQUM7QUFFMUMsT0FBTyxNQUFNQyxTQUEwQixDQUFDLEVBQUNDLFNBQVNGLFdBQVcsRUFBQztJQUM1RFQsVUFBVTtRQUNSSyxTQUFTTyxJQUFJLENBQUNDLGdCQUFnQixDQUFDLFNBQVNYO1FBRXhDLE9BQU8sSUFBTUcsU0FBU08sSUFBSSxDQUFDRSxtQkFBbUIsQ0FBQyxTQUFTWjtJQUMxRCxHQUFHLEVBQUU7SUFFTCxxQkFDRSxLQUFDRDtRQUFlVSxRQUFRQTs7QUFFNUIsRUFBRTtBQUVGLGVBQWVELE9BQU8ifQ==

package/lib/views/Gotham/Gotham.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Gotham } from './Gotham.js';
+import { Markdown } from '../../components/Markdown/Markdown.js';
+import { focusCanvas } from '../../utils/storyInteractions.js';
+const meta = {
+    argTypes: {
+        config: {
+            control: 'object'
+        }
+    },
+    component: Gotham
+};
+export default meta;
+export const Primary = {
+    args: {
+        config: {
+            routes: [
+                {
+                    element: /*#__PURE__*/ _jsx(Markdown, {}),
+                    path: '/',
+                    props: {
+                        content: '# Hello\n**Bold text**\n*Italic text*\n- List item'
+                    }
+                }
+            ]
+        }
+    },
+    play: focusCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy92aWV3cy9Hb3RoYW0vR290aGFtLnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7R290aGFtfSBmcm9tICcuL0dvdGhhbS5qcyc7XG5pbXBvcnQge01hcmtkb3dufSBmcm9tICcuLi8uLi9jb21wb25lbnRzL01hcmtkb3duL01hcmtkb3duLmpzJztcbmltcG9ydCB7Zm9jdXNDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgR290aGFtPiA9IHtcbiAgYXJnVHlwZXM6IHtcbiAgICBjb25maWc6IHtcbiAgICAgIGNvbnRyb2w6ICdvYmplY3QnXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IEdvdGhhbVxufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgR290aGFtPjtcblxuZXhwb3J0IGNvbnN0IFByaW1hcnk6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY29uZmlnOiB7XG4gICAgICByb3V0ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgIGVsZW1lbnQ6IDxNYXJrZG93biAvPixcbiAgICAgICAgICBwYXRoOiAnLycsXG4gICAgICAgICAgcHJvcHM6IHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcjIEhlbGxvXFxuKipCb2xkIHRleHQqKlxcbipJdGFsaWMgdGV4dCpcXG4tIExpc3QgaXRlbSdcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIF1cbiAgICB9XG4gIH0sXG4gIHBsYXk6IGZvY3VzQ2FudmFzXG59O1xuIl0sIm5hbWVzIjpbIkdvdGhhbSIsIk1hcmtkb3duIiwiZm9jdXNDYW52YXMiLCJtZXRhIiwiYXJnVHlwZXMiLCJjb25maWciLCJjb250cm9sIiwiY29tcG9uZW50IiwiUHJpbWFyeSIsImFyZ3MiLCJyb3V0ZXMiLCJlbGVtZW50IiwicGF0aCIsInByb3BzIiwiY29udGVudCIsInBsYXkiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxNQUFNLFFBQU8sY0FBYztBQUNuQyxTQUFRQyxRQUFRLFFBQU8sd0NBQXdDO0FBQy9ELFNBQVFDLFdBQVcsUUFBTyxtQ0FBbUM7QUFLN0QsTUFBTUMsT0FBNEI7SUFDaENDLFVBQVU7UUFDUkMsUUFBUTtZQUNOQyxTQUFTO1FBQ1g7SUFDRjtJQUNBQyxXQUFXUDtBQUNiO0FBRUEsZUFBZUcsS0FBSztBQUdwQixPQUFPLE1BQU1LLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pKLFFBQVE7WUFDTkssUUFBUTtnQkFDTjtvQkFDRUMsdUJBQVMsS0FBQ1Y7b0JBQ1ZXLE1BQU07b0JBQ05DLE9BQU87d0JBQ0xDLFNBQVM7b0JBQ1g7Z0JBQ0Y7YUFDRDtRQUNIO0lBQ0Y7SUFDQUMsTUFBTWI7QUFDUixFQUFFIn0=

package/lib/views/Gotham/GothamListeners.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9