@pathscale/ui 1.1.72 → 1.1.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/auth-card/AuthCard.d.ts +12 -0
- package/dist/components/auth-card/AuthCard.js +96 -0
- package/dist/components/auth-card/index.d.ts +1 -0
- package/dist/components/auth-card/index.js +3 -0
- package/dist/components/auth-error-message/AuthErrorMessage.d.ts +7 -0
- package/dist/components/auth-error-message/AuthErrorMessage.js +35 -0
- package/dist/components/auth-error-message/index.d.ts +1 -0
- package/dist/components/auth-error-message/index.js +3 -0
- package/dist/components/auth-field-group/AuthFieldGroup.d.ts +8 -0
- package/dist/components/auth-field-group/AuthFieldGroup.js +33 -0
- package/dist/components/auth-field-group/index.d.ts +1 -0
- package/dist/components/auth-field-group/index.js +3 -0
- package/dist/components/auth-footer-links/AuthFooterLinks.d.ts +15 -0
- package/dist/components/auth-footer-links/AuthFooterLinks.js +74 -0
- package/dist/components/auth-footer-links/index.d.ts +1 -0
- package/dist/components/auth-footer-links/index.js +3 -0
- package/dist/components/auth-form/AuthForm.d.ts +9 -0
- package/dist/components/auth-form/AuthForm.js +36 -0
- package/dist/components/auth-form/index.d.ts +1 -0
- package/dist/components/auth-form/index.js +3 -0
- package/dist/components/auth-powered-by/AuthPoweredBy.d.ts +11 -0
- package/dist/components/auth-powered-by/AuthPoweredBy.js +70 -0
- package/dist/components/auth-powered-by/index.d.ts +1 -0
- package/dist/components/auth-powered-by/index.js +3 -0
- package/dist/components/auth-submit-button/AuthSubmitButton.d.ts +11 -0
- package/dist/components/auth-submit-button/AuthSubmitButton.js +51 -0
- package/dist/components/auth-submit-button/index.d.ts +1 -0
- package/dist/components/auth-submit-button/index.js +3 -0
- package/dist/components/auth-success-message/AuthSuccessMessage.d.ts +7 -0
- package/dist/components/auth-success-message/AuthSuccessMessage.js +36 -0
- package/dist/components/auth-success-message/index.d.ts +1 -0
- package/dist/components/auth-success-message/index.js +3 -0
- package/dist/components/glass-panel/GlassPanel.classes.d.ts +1 -0
- package/dist/components/glass-panel/GlassPanel.classes.js +1 -0
- package/dist/components/glass-panel/GlassPanel.css +92 -8
- package/dist/components/glass-panel/GlassPanel.d.ts +3 -1
- package/dist/components/glass-panel/GlassPanel.js +44 -17
- package/dist/components/glass-panel/index.d.ts +1 -1
- package/dist/components/password-field/PasswordField.d.ts +20 -0
- package/dist/components/password-field/PasswordField.js +111 -0
- package/dist/components/password-field/index.d.ts +1 -0
- package/dist/components/password-field/index.js +3 -0
- package/dist/components/password-requirements/PasswordRequirements.d.ts +12 -0
- package/dist/components/password-requirements/PasswordRequirements.js +79 -0
- package/dist/components/password-requirements/index.d.ts +1 -0
- package/dist/components/password-requirements/index.js +3 -0
- package/dist/components/password-rules/index.d.ts +1 -0
- package/dist/components/password-rules/index.js +4 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +24 -1
- package/dist/passwordRules.d.ts +20 -0
- package/dist/passwordRules.js +40 -0
- package/dist/purge-manifest.json +2504 -2501
- package/dist/styles/icons/generated-icons.css +1 -129
- package/package.json +4 -11
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthCardProps = IComponentBaseProps & {
|
|
4
|
+
title?: JSX.Element;
|
|
5
|
+
description?: JSX.Element;
|
|
6
|
+
children: JSX.Element;
|
|
7
|
+
footer?: JSX.Element;
|
|
8
|
+
brandingSlot?: JSX.Element;
|
|
9
|
+
bodyClass?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const AuthCard: Component<AuthCardProps>;
|
|
12
|
+
export default AuthCard;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__card_index_js_14cdc78c__ from "../card/index.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 class="text-xl font-semibold leading-tight">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm opacity-70">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=shrink-0>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-start justify-between gap-3"><div class="min-w-0 space-y-1">');
|
|
6
|
+
const AuthCard = (props)=>{
|
|
7
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
+
"title",
|
|
9
|
+
"description",
|
|
10
|
+
"children",
|
|
11
|
+
"footer",
|
|
12
|
+
"brandingSlot",
|
|
13
|
+
"bodyClass",
|
|
14
|
+
"class",
|
|
15
|
+
"className",
|
|
16
|
+
"dataTheme"
|
|
17
|
+
]);
|
|
18
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_14cdc78c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
19
|
+
variant: "shadow"
|
|
20
|
+
}, ()=>({
|
|
21
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full max-w-md", local.class, local.className)
|
|
22
|
+
}), {
|
|
23
|
+
get ["data-theme"] () {
|
|
24
|
+
return local.dataTheme;
|
|
25
|
+
},
|
|
26
|
+
"data-slot": "auth-card",
|
|
27
|
+
get children () {
|
|
28
|
+
return [
|
|
29
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_14cdc78c__["default"].Body, {
|
|
30
|
+
get ["class"] () {
|
|
31
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("gap-5", local.bodyClass);
|
|
32
|
+
},
|
|
33
|
+
get children () {
|
|
34
|
+
return [
|
|
35
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
36
|
+
get when () {
|
|
37
|
+
return local.title || local.description || local.brandingSlot;
|
|
38
|
+
},
|
|
39
|
+
get children () {
|
|
40
|
+
var _el$ = _tmpl$4(), _el$2 = _el$.firstChild;
|
|
41
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
42
|
+
get when () {
|
|
43
|
+
return local.title;
|
|
44
|
+
},
|
|
45
|
+
get children () {
|
|
46
|
+
var _el$3 = _tmpl$();
|
|
47
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title);
|
|
48
|
+
return _el$3;
|
|
49
|
+
}
|
|
50
|
+
}), null);
|
|
51
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
52
|
+
get when () {
|
|
53
|
+
return local.description;
|
|
54
|
+
},
|
|
55
|
+
get children () {
|
|
56
|
+
var _el$4 = _tmpl$2();
|
|
57
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
|
|
58
|
+
return _el$4;
|
|
59
|
+
}
|
|
60
|
+
}), null);
|
|
61
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
62
|
+
get when () {
|
|
63
|
+
return local.brandingSlot;
|
|
64
|
+
},
|
|
65
|
+
get children () {
|
|
66
|
+
var _el$5 = _tmpl$3();
|
|
67
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.brandingSlot);
|
|
68
|
+
return _el$5;
|
|
69
|
+
}
|
|
70
|
+
}), null);
|
|
71
|
+
return _el$;
|
|
72
|
+
}
|
|
73
|
+
}),
|
|
74
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.children)
|
|
75
|
+
];
|
|
76
|
+
}
|
|
77
|
+
}),
|
|
78
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
79
|
+
get when () {
|
|
80
|
+
return local.footer;
|
|
81
|
+
},
|
|
82
|
+
get children () {
|
|
83
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__card_index_js_14cdc78c__["default"].Footer, {
|
|
84
|
+
class: "justify-start",
|
|
85
|
+
get children () {
|
|
86
|
+
return local.footer;
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
})
|
|
91
|
+
];
|
|
92
|
+
}
|
|
93
|
+
}));
|
|
94
|
+
};
|
|
95
|
+
const auth_card_AuthCard = AuthCard;
|
|
96
|
+
export { auth_card_AuthCard as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthCard, type AuthCardProps } from "./AuthCard";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthErrorMessageProps = IComponentBaseProps & {
|
|
4
|
+
message?: JSX.Element | string | null;
|
|
5
|
+
};
|
|
6
|
+
declare const AuthErrorMessage: Component<AuthErrorMessageProps>;
|
|
7
|
+
export default AuthErrorMessage;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__ from "../alert/index.js";
|
|
5
|
+
const AuthErrorMessage = (props)=>{
|
|
6
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
+
"message",
|
|
8
|
+
"class",
|
|
9
|
+
"className",
|
|
10
|
+
"dataTheme"
|
|
11
|
+
]);
|
|
12
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
13
|
+
get when () {
|
|
14
|
+
return null != local.message && "" !== local.message;
|
|
15
|
+
},
|
|
16
|
+
get children () {
|
|
17
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
18
|
+
status: "danger"
|
|
19
|
+
}, ()=>({
|
|
20
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm", local.class, local.className)
|
|
21
|
+
}), {
|
|
22
|
+
get ["data-theme"] () {
|
|
23
|
+
return local.dataTheme;
|
|
24
|
+
},
|
|
25
|
+
"data-slot": "auth-error-message",
|
|
26
|
+
role: "alert",
|
|
27
|
+
get children () {
|
|
28
|
+
return local.message;
|
|
29
|
+
}
|
|
30
|
+
}));
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const auth_error_message_AuthErrorMessage = AuthErrorMessage;
|
|
35
|
+
export { auth_error_message_AuthErrorMessage as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthErrorMessage, type AuthErrorMessageProps } from "./AuthErrorMessage";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AuthErrorMessage_js_45839f91__ from "./AuthErrorMessage.js";
|
|
2
|
+
var __webpack_exports__AuthErrorMessage = __WEBPACK_EXTERNAL_MODULE__AuthErrorMessage_js_45839f91__["default"];
|
|
3
|
+
export { __webpack_exports__AuthErrorMessage as AuthErrorMessage };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthFieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
|
|
4
|
+
children: JSX.Element;
|
|
5
|
+
gap?: "sm" | "md" | "lg";
|
|
6
|
+
};
|
|
7
|
+
declare const AuthFieldGroup: Component<AuthFieldGroupProps>;
|
|
8
|
+
export default AuthFieldGroup;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
5
|
+
const GAP_CLASS = {
|
|
6
|
+
sm: "gap-3",
|
|
7
|
+
md: "gap-4",
|
|
8
|
+
lg: "gap-6"
|
|
9
|
+
};
|
|
10
|
+
const AuthFieldGroup = (props)=>{
|
|
11
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
12
|
+
"children",
|
|
13
|
+
"gap",
|
|
14
|
+
"class",
|
|
15
|
+
"className",
|
|
16
|
+
"dataTheme"
|
|
17
|
+
]);
|
|
18
|
+
return (()=>{
|
|
19
|
+
var _el$ = _tmpl$();
|
|
20
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
21
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex w-full flex-col", GAP_CLASS[local.gap ?? "md"], local.class, local.className)
|
|
22
|
+
}), {
|
|
23
|
+
get ["data-theme"] () {
|
|
24
|
+
return local.dataTheme;
|
|
25
|
+
},
|
|
26
|
+
"data-slot": "auth-field-group"
|
|
27
|
+
}), false, true);
|
|
28
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
29
|
+
return _el$;
|
|
30
|
+
})();
|
|
31
|
+
};
|
|
32
|
+
const auth_field_group_AuthFieldGroup = AuthFieldGroup;
|
|
33
|
+
export { auth_field_group_AuthFieldGroup as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthFieldGroup, type AuthFieldGroupProps } from "./AuthFieldGroup";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthFooterLinkItem = {
|
|
4
|
+
key: string;
|
|
5
|
+
label: JSX.Element | string;
|
|
6
|
+
href?: string;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export type AuthFooterLinksProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
|
|
11
|
+
items: AuthFooterLinkItem[];
|
|
12
|
+
align?: "left" | "center" | "right";
|
|
13
|
+
};
|
|
14
|
+
declare const AuthFooterLinks: Component<AuthFooterLinksProps>;
|
|
15
|
+
export default AuthFooterLinks;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
|
|
5
|
+
const ALIGN_CLASS = {
|
|
6
|
+
left: "justify-start text-left",
|
|
7
|
+
center: "justify-center text-center",
|
|
8
|
+
right: "justify-end text-right"
|
|
9
|
+
};
|
|
10
|
+
const AuthFooterLinks = (props)=>{
|
|
11
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
12
|
+
"items",
|
|
13
|
+
"align",
|
|
14
|
+
"class",
|
|
15
|
+
"className",
|
|
16
|
+
"dataTheme"
|
|
17
|
+
]);
|
|
18
|
+
return (()=>{
|
|
19
|
+
var _el$ = _tmpl$();
|
|
20
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
21
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex w-full flex-wrap items-center gap-x-3 gap-y-2 text-sm", ALIGN_CLASS[local.align ?? "center"], local.class, local.className)
|
|
22
|
+
}), {
|
|
23
|
+
get ["data-theme"] () {
|
|
24
|
+
return local.dataTheme;
|
|
25
|
+
},
|
|
26
|
+
"data-slot": "auth-footer-links"
|
|
27
|
+
}), false, true);
|
|
28
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
29
|
+
get each () {
|
|
30
|
+
return local.items;
|
|
31
|
+
},
|
|
32
|
+
children: (item)=>item.href ? (()=>{
|
|
33
|
+
var _el$2 = _tmpl$2();
|
|
34
|
+
_el$2.$$click = (event)=>{
|
|
35
|
+
if (item.disabled) return void event.preventDefault();
|
|
36
|
+
item.onClick?.();
|
|
37
|
+
};
|
|
38
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>item.label);
|
|
39
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
40
|
+
var _v$ = item.href, _v$2 = item.disabled ? "true" : void 0, _v$3 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("underline-offset-4 transition hover:underline", item.disabled ? "pointer-events-none opacity-50" : "text-primary hover:text-accent");
|
|
41
|
+
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "href", _p$.e = _v$);
|
|
42
|
+
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-disabled", _p$.t = _v$2);
|
|
43
|
+
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
|
|
44
|
+
return _p$;
|
|
45
|
+
}, {
|
|
46
|
+
e: void 0,
|
|
47
|
+
t: void 0,
|
|
48
|
+
a: void 0
|
|
49
|
+
});
|
|
50
|
+
return _el$2;
|
|
51
|
+
})() : (()=>{
|
|
52
|
+
var _el$3 = _tmpl$3();
|
|
53
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$3, "click", item.onClick, true);
|
|
54
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>item.label);
|
|
55
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
56
|
+
var _v$4 = item.disabled, _v$5 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("underline-offset-4 transition hover:underline", item.disabled ? "cursor-not-allowed opacity-50" : "text-primary hover:text-accent");
|
|
57
|
+
_v$4 !== _p$.e && (_el$3.disabled = _p$.e = _v$4);
|
|
58
|
+
_v$5 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$5);
|
|
59
|
+
return _p$;
|
|
60
|
+
}, {
|
|
61
|
+
e: void 0,
|
|
62
|
+
t: void 0
|
|
63
|
+
});
|
|
64
|
+
return _el$3;
|
|
65
|
+
})()
|
|
66
|
+
}));
|
|
67
|
+
return _el$;
|
|
68
|
+
})();
|
|
69
|
+
};
|
|
70
|
+
const auth_footer_links_AuthFooterLinks = AuthFooterLinks;
|
|
71
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
|
|
72
|
+
"click"
|
|
73
|
+
]);
|
|
74
|
+
export { auth_footer_links_AuthFooterLinks as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthFooterLinks, type AuthFooterLinksProps, type AuthFooterLinkItem, } from "./AuthFooterLinks";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AuthFooterLinks_js_9be5a363__ from "./AuthFooterLinks.js";
|
|
2
|
+
var __webpack_exports__AuthFooterLinks = __WEBPACK_EXTERNAL_MODULE__AuthFooterLinks_js_9be5a363__["default"];
|
|
3
|
+
export { __webpack_exports__AuthFooterLinks as AuthFooterLinks };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthFormProps = Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "children"> & IComponentBaseProps & {
|
|
4
|
+
children: JSX.Element;
|
|
5
|
+
onSubmit?: (event: SubmitEvent) => void | Promise<void>;
|
|
6
|
+
ariaLabel?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const AuthForm: Component<AuthFormProps>;
|
|
9
|
+
export default AuthForm;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form>");
|
|
5
|
+
const AuthForm_AuthForm = (props)=>{
|
|
6
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
+
"children",
|
|
8
|
+
"onSubmit",
|
|
9
|
+
"ariaLabel",
|
|
10
|
+
"class",
|
|
11
|
+
"className",
|
|
12
|
+
"dataTheme"
|
|
13
|
+
]);
|
|
14
|
+
const handleSubmit = (event)=>{
|
|
15
|
+
local.onSubmit?.(event);
|
|
16
|
+
};
|
|
17
|
+
return (()=>{
|
|
18
|
+
var _el$ = _tmpl$();
|
|
19
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
20
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex w-full flex-col gap-4", local.class, local.className)
|
|
21
|
+
}), {
|
|
22
|
+
get ["data-theme"] () {
|
|
23
|
+
return local.dataTheme;
|
|
24
|
+
},
|
|
25
|
+
"data-slot": "auth-form",
|
|
26
|
+
get ["aria-label"] () {
|
|
27
|
+
return local.ariaLabel;
|
|
28
|
+
},
|
|
29
|
+
onSubmit: handleSubmit
|
|
30
|
+
}), false, true);
|
|
31
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
32
|
+
return _el$;
|
|
33
|
+
})();
|
|
34
|
+
};
|
|
35
|
+
const AuthForm = AuthForm_AuthForm;
|
|
36
|
+
export { AuthForm as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthForm, type AuthFormProps } from "./AuthForm";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthPoweredByProps = IComponentBaseProps & {
|
|
4
|
+
label?: string;
|
|
5
|
+
logo?: JSX.Element;
|
|
6
|
+
href?: string;
|
|
7
|
+
align?: "center" | "left" | "right";
|
|
8
|
+
variant?: "subtle" | "card" | "inline";
|
|
9
|
+
};
|
|
10
|
+
declare const AuthPoweredBy: Component<AuthPoweredByProps>;
|
|
11
|
+
export default AuthPoweredBy;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<a class="underline-offset-4 transition hover:underline">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
5
|
+
const ALIGN_CLASS = {
|
|
6
|
+
left: "justify-start text-left",
|
|
7
|
+
center: "justify-center text-center",
|
|
8
|
+
right: "justify-end text-right"
|
|
9
|
+
};
|
|
10
|
+
const VARIANT_CLASS = {
|
|
11
|
+
subtle: "text-xs opacity-70",
|
|
12
|
+
card: "rounded-md border border-base-300 px-2.5 py-1 text-xs",
|
|
13
|
+
inline: "text-sm"
|
|
14
|
+
};
|
|
15
|
+
const AuthPoweredBy_AuthPoweredBy = (props)=>{
|
|
16
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
17
|
+
"label",
|
|
18
|
+
"logo",
|
|
19
|
+
"href",
|
|
20
|
+
"align",
|
|
21
|
+
"variant",
|
|
22
|
+
"class",
|
|
23
|
+
"className",
|
|
24
|
+
"dataTheme"
|
|
25
|
+
]);
|
|
26
|
+
const label = ()=>local.label ?? "Powered by Honey";
|
|
27
|
+
const content = ()=>(()=>{
|
|
28
|
+
var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
|
|
29
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
30
|
+
get when () {
|
|
31
|
+
return local.logo;
|
|
32
|
+
},
|
|
33
|
+
get children () {
|
|
34
|
+
var _el$2 = _tmpl$();
|
|
35
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.logo);
|
|
36
|
+
return _el$2;
|
|
37
|
+
}
|
|
38
|
+
}), _el$3);
|
|
39
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, label);
|
|
40
|
+
return _el$;
|
|
41
|
+
})();
|
|
42
|
+
return (()=>{
|
|
43
|
+
var _el$4 = _tmpl$4();
|
|
44
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
45
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
|
|
46
|
+
}), {
|
|
47
|
+
get ["data-theme"] () {
|
|
48
|
+
return local.dataTheme;
|
|
49
|
+
},
|
|
50
|
+
"data-slot": "auth-powered-by"
|
|
51
|
+
}), false, true);
|
|
52
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
53
|
+
get when () {
|
|
54
|
+
return local.href;
|
|
55
|
+
},
|
|
56
|
+
get fallback () {
|
|
57
|
+
return content();
|
|
58
|
+
},
|
|
59
|
+
get children () {
|
|
60
|
+
var _el$5 = _tmpl$3();
|
|
61
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, content);
|
|
62
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", local.href));
|
|
63
|
+
return _el$5;
|
|
64
|
+
}
|
|
65
|
+
}));
|
|
66
|
+
return _el$4;
|
|
67
|
+
})();
|
|
68
|
+
};
|
|
69
|
+
const AuthPoweredBy = AuthPoweredBy_AuthPoweredBy;
|
|
70
|
+
export { AuthPoweredBy as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthPoweredBy, type AuthPoweredByProps } from "./AuthPoweredBy";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthSubmitButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
|
|
4
|
+
children: JSX.Element;
|
|
5
|
+
pending?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
variant?: "primary" | "secondary" | "ghost" | "danger";
|
|
8
|
+
fullWidth?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const AuthSubmitButton: Component<AuthSubmitButtonProps>;
|
|
11
|
+
export default AuthSubmitButton;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
|
|
5
|
+
const toButtonVariant = (variant)=>{
|
|
6
|
+
if ("danger" === variant) return "danger";
|
|
7
|
+
if ("ghost" === variant) return "ghost";
|
|
8
|
+
if ("secondary" === variant) return "secondary";
|
|
9
|
+
return "primary";
|
|
10
|
+
};
|
|
11
|
+
const AuthSubmitButton_AuthSubmitButton = (props)=>{
|
|
12
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
13
|
+
"children",
|
|
14
|
+
"pending",
|
|
15
|
+
"disabled",
|
|
16
|
+
"variant",
|
|
17
|
+
"fullWidth",
|
|
18
|
+
"class",
|
|
19
|
+
"className",
|
|
20
|
+
"dataTheme"
|
|
21
|
+
]);
|
|
22
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
23
|
+
get type () {
|
|
24
|
+
return others.type ?? "submit";
|
|
25
|
+
},
|
|
26
|
+
get variant () {
|
|
27
|
+
return toButtonVariant(local.variant ?? "primary");
|
|
28
|
+
},
|
|
29
|
+
get fullWidth () {
|
|
30
|
+
return local.fullWidth ?? true;
|
|
31
|
+
},
|
|
32
|
+
get isPending () {
|
|
33
|
+
return Boolean(local.pending);
|
|
34
|
+
},
|
|
35
|
+
get isDisabled () {
|
|
36
|
+
return Boolean(local.disabled) || Boolean(local.pending);
|
|
37
|
+
}
|
|
38
|
+
}, ()=>({
|
|
39
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className)
|
|
40
|
+
}), {
|
|
41
|
+
get ["data-theme"] () {
|
|
42
|
+
return local.dataTheme;
|
|
43
|
+
},
|
|
44
|
+
"data-slot": "auth-submit-button",
|
|
45
|
+
get children () {
|
|
46
|
+
return local.children;
|
|
47
|
+
}
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
50
|
+
const AuthSubmitButton = AuthSubmitButton_AuthSubmitButton;
|
|
51
|
+
export { AuthSubmitButton as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthSubmitButton, type AuthSubmitButtonProps } from "./AuthSubmitButton";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AuthSubmitButton_js_673809d1__ from "./AuthSubmitButton.js";
|
|
2
|
+
var __webpack_exports__AuthSubmitButton = __WEBPACK_EXTERNAL_MODULE__AuthSubmitButton_js_673809d1__["default"];
|
|
3
|
+
export { __webpack_exports__AuthSubmitButton as AuthSubmitButton };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type AuthSuccessMessageProps = IComponentBaseProps & {
|
|
4
|
+
message?: JSX.Element | string | null;
|
|
5
|
+
};
|
|
6
|
+
declare const AuthSuccessMessage: Component<AuthSuccessMessageProps>;
|
|
7
|
+
export default AuthSuccessMessage;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__ from "../alert/index.js";
|
|
5
|
+
const AuthSuccessMessage_AuthSuccessMessage = (props)=>{
|
|
6
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
+
"message",
|
|
8
|
+
"class",
|
|
9
|
+
"className",
|
|
10
|
+
"dataTheme"
|
|
11
|
+
]);
|
|
12
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
13
|
+
get when () {
|
|
14
|
+
return null != local.message && "" !== local.message;
|
|
15
|
+
},
|
|
16
|
+
get children () {
|
|
17
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__alert_index_js_d9d6572d__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
18
|
+
status: "success"
|
|
19
|
+
}, ()=>({
|
|
20
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm", local.class, local.className)
|
|
21
|
+
}), {
|
|
22
|
+
get ["data-theme"] () {
|
|
23
|
+
return local.dataTheme;
|
|
24
|
+
},
|
|
25
|
+
"data-slot": "auth-success-message",
|
|
26
|
+
role: "status",
|
|
27
|
+
"aria-live": "polite",
|
|
28
|
+
get children () {
|
|
29
|
+
return local.message;
|
|
30
|
+
}
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
const AuthSuccessMessage = AuthSuccessMessage_AuthSuccessMessage;
|
|
36
|
+
export { AuthSuccessMessage as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AuthSuccessMessage, type AuthSuccessMessageProps } from "./AuthSuccessMessage";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AuthSuccessMessage_js_8782740c__ from "./AuthSuccessMessage.js";
|
|
2
|
+
var __webpack_exports__AuthSuccessMessage = __WEBPACK_EXTERNAL_MODULE__AuthSuccessMessage_js_8782740c__["default"];
|
|
3
|
+
export { __webpack_exports__AuthSuccessMessage as AuthSuccessMessage };
|
|
@@ -27,6 +27,7 @@ export declare const CLASSES: {
|
|
|
27
27
|
readonly ghost: "glass-panel--accent-ghost";
|
|
28
28
|
};
|
|
29
29
|
readonly flag: {
|
|
30
|
+
readonly liquid: "glass-panel--liquid";
|
|
30
31
|
readonly transparent: "glass-panel--transparent";
|
|
31
32
|
readonly glow: "glass-panel--glow";
|
|
32
33
|
readonly contentCollapsed: "glass-panel__content--collapsed";
|