cisse-vue-ui 0.5.32 → 0.5.34
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/README.md +116 -0
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-DTVojbLU.cjs → PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs} +235 -3
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs.map +1 -0
- package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-DcSTegL0.js → PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js} +239 -7
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js.map +1 -0
- package/dist/components/index.cjs +4 -3
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +4 -3
- package/dist/components/layout/AuthLayout.stories.d.ts +10 -0
- package/dist/components/layout/AuthLayout.test.d.ts +1 -0
- package/dist/components/layout/AuthLayout.vue.d.ts +88 -0
- package/dist/components/layout/BaseLayout.stories.d.ts +2 -0
- package/dist/components/layout/index.cjs +4 -3
- package/dist/components/layout/index.cjs.map +1 -1
- package/dist/components/layout/index.d.ts +2 -0
- package/dist/components/layout/index.js +4 -3
- package/dist/index-BBUxkeI7.js +77 -0
- package/dist/index-BBUxkeI7.js.map +1 -0
- package/dist/{index-ChwvHG2L.cjs → index-BlwU8BWn.cjs} +5 -4
- package/dist/index-BlwU8BWn.cjs.map +1 -0
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -6
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-DTVojbLU.cjs.map +0 -1
- package/dist/PageLayout.vue_vue_type_script_setup_true_lang-DcSTegL0.js.map +0 -1
- package/dist/index-ChwvHG2L.cjs.map +0 -1
- package/dist/index-DaA7OpRC.js +0 -76
- package/dist/index-DaA7OpRC.js.map +0 -1
|
@@ -1,6 +1,237 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, useSlots, computed, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, unref, toDisplayString, createTextVNode, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, ref } from "vue";
|
|
2
2
|
import { Icon } from "@iconify/vue";
|
|
3
|
-
import { _ as _sfc_main$
|
|
3
|
+
import { _ as _sfc_main$3, a as _sfc_main$4 } from "./Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js";
|
|
4
|
+
const _hoisted_1$2 = { class: "flex min-h-screen" };
|
|
5
|
+
const _hoisted_2$2 = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "absolute inset-0 overflow-hidden pointer-events-none"
|
|
8
|
+
};
|
|
9
|
+
const _hoisted_3$2 = {
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "absolute inset-0 opacity-20 pointer-events-none",
|
|
12
|
+
style: { "background-image": "radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px)", "background-size": "24px 24px" }
|
|
13
|
+
};
|
|
14
|
+
const _hoisted_4$2 = { class: "relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full" };
|
|
15
|
+
const _hoisted_5$2 = { class: "flex items-center gap-3 mb-12" };
|
|
16
|
+
const _hoisted_6$2 = { class: "w-14 h-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center" };
|
|
17
|
+
const _hoisted_7$2 = {
|
|
18
|
+
key: 0,
|
|
19
|
+
class: "text-3xl font-bold"
|
|
20
|
+
};
|
|
21
|
+
const _hoisted_8$2 = {
|
|
22
|
+
key: 0,
|
|
23
|
+
class: "text-4xl xl:text-5xl font-bold leading-tight mb-6"
|
|
24
|
+
};
|
|
25
|
+
const _hoisted_9$2 = {
|
|
26
|
+
key: 1,
|
|
27
|
+
class: "relative inline-block"
|
|
28
|
+
};
|
|
29
|
+
const _hoisted_10$2 = { class: "relative z-10" };
|
|
30
|
+
const _hoisted_11$1 = {
|
|
31
|
+
class: "absolute -bottom-2 left-0 w-full",
|
|
32
|
+
viewBox: "0 0 280 12",
|
|
33
|
+
fill: "none",
|
|
34
|
+
preserveAspectRatio: "none"
|
|
35
|
+
};
|
|
36
|
+
const _hoisted_12$1 = ["stroke"];
|
|
37
|
+
const _hoisted_13$1 = {
|
|
38
|
+
key: 0,
|
|
39
|
+
class: "text-lg text-white/80 max-w-md mb-10"
|
|
40
|
+
};
|
|
41
|
+
const _hoisted_14$1 = {
|
|
42
|
+
key: 0,
|
|
43
|
+
class: "space-y-4"
|
|
44
|
+
};
|
|
45
|
+
const _hoisted_15$1 = { class: "w-10 h-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0" };
|
|
46
|
+
const _hoisted_16 = { class: "flex-1 flex items-center justify-center p-6 sm:p-12 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-slate-900 dark:to-slate-800" };
|
|
47
|
+
const _hoisted_17 = { class: "lg:hidden text-center mb-8" };
|
|
48
|
+
const _hoisted_18 = { class: "w-12 h-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30" };
|
|
49
|
+
const _hoisted_19 = {
|
|
50
|
+
key: 0,
|
|
51
|
+
class: "text-2xl font-bold text-gray-900 dark:text-white"
|
|
52
|
+
};
|
|
53
|
+
const _hoisted_20 = {
|
|
54
|
+
key: 0,
|
|
55
|
+
class: "text-center lg:text-left mb-8"
|
|
56
|
+
};
|
|
57
|
+
const _hoisted_21 = {
|
|
58
|
+
key: 0,
|
|
59
|
+
class: "text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2"
|
|
60
|
+
};
|
|
61
|
+
const _hoisted_22 = {
|
|
62
|
+
key: 1,
|
|
63
|
+
class: "text-gray-600 dark:text-gray-400"
|
|
64
|
+
};
|
|
65
|
+
const _hoisted_23 = { class: "bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8" };
|
|
66
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
67
|
+
__name: "AuthLayout",
|
|
68
|
+
props: {
|
|
69
|
+
appName: { default: "" },
|
|
70
|
+
appIcon: { default: "lucide:box" },
|
|
71
|
+
headline: { default: "" },
|
|
72
|
+
subHeadline: { default: "" },
|
|
73
|
+
description: { default: "" },
|
|
74
|
+
features: { default: () => [] },
|
|
75
|
+
gradientFrom: { default: "from-primary-700" },
|
|
76
|
+
gradientVia: { default: "" },
|
|
77
|
+
gradientTo: { default: "to-primary-800" },
|
|
78
|
+
showDecorations: { type: Boolean, default: true },
|
|
79
|
+
showPattern: { type: Boolean, default: true },
|
|
80
|
+
underlineColor: { default: "rgba(165, 180, 252, 0.5)" },
|
|
81
|
+
formTitle: { default: "" },
|
|
82
|
+
formSubtitle: { default: "" },
|
|
83
|
+
homeLink: { default: "/" },
|
|
84
|
+
brandingAnimation: { default: "" },
|
|
85
|
+
formAnimation: { default: "" }
|
|
86
|
+
},
|
|
87
|
+
setup(__props) {
|
|
88
|
+
const props = __props;
|
|
89
|
+
const slots = useSlots();
|
|
90
|
+
const hasBrandingContent = computed(() => {
|
|
91
|
+
return props.headline || props.subHeadline || props.description || props.features.length > 0 || slots["branding-logo"] || slots["branding-headline"] || slots["branding-content"] || props.appName;
|
|
92
|
+
});
|
|
93
|
+
const routerLinkComponent = computed(() => {
|
|
94
|
+
try {
|
|
95
|
+
const RouterLink = resolveComponent("RouterLink");
|
|
96
|
+
if (typeof RouterLink !== "string") {
|
|
97
|
+
return RouterLink;
|
|
98
|
+
}
|
|
99
|
+
} catch {
|
|
100
|
+
}
|
|
101
|
+
return "a";
|
|
102
|
+
});
|
|
103
|
+
const getLinkProps = (link) => {
|
|
104
|
+
if (routerLinkComponent.value === "a") {
|
|
105
|
+
return { href: link };
|
|
106
|
+
}
|
|
107
|
+
return { to: link };
|
|
108
|
+
};
|
|
109
|
+
const gradientClasses = computed(() => {
|
|
110
|
+
const classes = [props.gradientFrom, props.gradientTo];
|
|
111
|
+
if (props.gradientVia) {
|
|
112
|
+
classes.splice(1, 0, props.gradientVia);
|
|
113
|
+
}
|
|
114
|
+
return classes.filter(Boolean);
|
|
115
|
+
});
|
|
116
|
+
return (_ctx, _cache) => {
|
|
117
|
+
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
118
|
+
hasBrandingContent.value || _ctx.$slots["branding-panel"] ? (openBlock(), createElementBlock("div", {
|
|
119
|
+
key: 0,
|
|
120
|
+
class: normalizeClass([
|
|
121
|
+
"hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br",
|
|
122
|
+
...gradientClasses.value
|
|
123
|
+
])
|
|
124
|
+
}, [
|
|
125
|
+
renderSlot(_ctx.$slots, "branding-panel", {}, () => [
|
|
126
|
+
__props.showDecorations ? (openBlock(), createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
|
|
127
|
+
createElementVNode("div", { class: "absolute -top-20 -left-20 w-80 h-80 bg-white/5 rounded-full blur-3xl" }, null, -1),
|
|
128
|
+
createElementVNode("div", { class: "absolute top-1/3 right-10 w-60 h-60 bg-white/5 rounded-full blur-3xl" }, null, -1),
|
|
129
|
+
createElementVNode("div", { class: "absolute bottom-20 left-1/4 w-72 h-72 bg-white/5 rounded-full blur-3xl" }, null, -1)
|
|
130
|
+
])])) : createCommentVNode("", true),
|
|
131
|
+
__props.showPattern ? (openBlock(), createElementBlock("div", _hoisted_3$2)) : createCommentVNode("", true),
|
|
132
|
+
__props.showDecorations ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
133
|
+
_cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute top-20 right-20 w-16 h-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none" }, null, -1)),
|
|
134
|
+
_cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute bottom-32 left-16 w-12 h-12 border-2 border-white/20 rounded-full pointer-events-none" }, null, -1)),
|
|
135
|
+
_cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute top-1/2 left-10 w-8 h-8 bg-white/10 rounded-lg rotate-45 pointer-events-none" }, null, -1))
|
|
136
|
+
], 64)) : createCommentVNode("", true),
|
|
137
|
+
createElementVNode("div", _hoisted_4$2, [
|
|
138
|
+
createElementVNode("div", {
|
|
139
|
+
class: normalizeClass(__props.brandingAnimation)
|
|
140
|
+
}, [
|
|
141
|
+
createElementVNode("div", _hoisted_5$2, [
|
|
142
|
+
renderSlot(_ctx.$slots, "branding-logo", {}, () => [
|
|
143
|
+
__props.appName || __props.appIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
144
|
+
createElementVNode("div", _hoisted_6$2, [
|
|
145
|
+
createVNode(unref(Icon), {
|
|
146
|
+
icon: __props.appIcon,
|
|
147
|
+
class: "w-8 h-8 text-white"
|
|
148
|
+
}, null, 8, ["icon"])
|
|
149
|
+
]),
|
|
150
|
+
__props.appName ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(__props.appName), 1)) : createCommentVNode("", true)
|
|
151
|
+
], 64)) : createCommentVNode("", true)
|
|
152
|
+
])
|
|
153
|
+
]),
|
|
154
|
+
renderSlot(_ctx.$slots, "branding-headline", {}, () => [
|
|
155
|
+
__props.headline || __props.subHeadline ? (openBlock(), createElementBlock("h1", _hoisted_8$2, [
|
|
156
|
+
__props.headline ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
157
|
+
createTextVNode(toDisplayString(__props.headline), 1),
|
|
158
|
+
_cache[4] || (_cache[4] = createElementVNode("br", null, null, -1))
|
|
159
|
+
], 64)) : createCommentVNode("", true),
|
|
160
|
+
__props.subHeadline ? (openBlock(), createElementBlock("span", _hoisted_9$2, [
|
|
161
|
+
createElementVNode("span", _hoisted_10$2, toDisplayString(__props.subHeadline), 1),
|
|
162
|
+
(openBlock(), createElementBlock("svg", _hoisted_11$1, [
|
|
163
|
+
createElementVNode("path", {
|
|
164
|
+
d: "M2 10C45 4 90 2 140 6C190 10 235 4 278 8",
|
|
165
|
+
stroke: __props.underlineColor,
|
|
166
|
+
"stroke-width": "4",
|
|
167
|
+
"stroke-linecap": "round"
|
|
168
|
+
}, null, 8, _hoisted_12$1)
|
|
169
|
+
]))
|
|
170
|
+
])) : createCommentVNode("", true)
|
|
171
|
+
])) : createCommentVNode("", true)
|
|
172
|
+
]),
|
|
173
|
+
__props.description ? (openBlock(), createElementBlock("p", _hoisted_13$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
|
|
174
|
+
renderSlot(_ctx.$slots, "branding-features", {}, () => [
|
|
175
|
+
__props.features.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
|
|
176
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature, index) => {
|
|
177
|
+
return openBlock(), createElementBlock("div", {
|
|
178
|
+
key: index,
|
|
179
|
+
class: "flex items-center gap-3 text-white/90"
|
|
180
|
+
}, [
|
|
181
|
+
createElementVNode("div", _hoisted_15$1, [
|
|
182
|
+
createVNode(unref(Icon), {
|
|
183
|
+
icon: feature.icon,
|
|
184
|
+
class: "w-5 h-5"
|
|
185
|
+
}, null, 8, ["icon"])
|
|
186
|
+
]),
|
|
187
|
+
createElementVNode("span", null, toDisplayString(feature.text), 1)
|
|
188
|
+
]);
|
|
189
|
+
}), 128))
|
|
190
|
+
])) : createCommentVNode("", true)
|
|
191
|
+
]),
|
|
192
|
+
renderSlot(_ctx.$slots, "branding-content")
|
|
193
|
+
], 2)
|
|
194
|
+
])
|
|
195
|
+
])
|
|
196
|
+
], 2)) : createCommentVNode("", true),
|
|
197
|
+
createElementVNode("div", _hoisted_16, [
|
|
198
|
+
createElementVNode("div", {
|
|
199
|
+
class: normalizeClass(["w-full max-w-md", __props.formAnimation])
|
|
200
|
+
}, [
|
|
201
|
+
createElementVNode("div", _hoisted_17, [
|
|
202
|
+
(openBlock(), createBlock(resolveDynamicComponent(routerLinkComponent.value), mergeProps(getLinkProps(__props.homeLink), { class: "inline-flex items-center gap-3" }), {
|
|
203
|
+
default: withCtx(() => [
|
|
204
|
+
renderSlot(_ctx.$slots, "mobile-logo", {}, () => [
|
|
205
|
+
__props.appName || __props.appIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
206
|
+
createElementVNode("div", _hoisted_18, [
|
|
207
|
+
createVNode(unref(Icon), {
|
|
208
|
+
icon: __props.appIcon,
|
|
209
|
+
class: "w-6 h-6 text-white"
|
|
210
|
+
}, null, 8, ["icon"])
|
|
211
|
+
]),
|
|
212
|
+
__props.appName ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(__props.appName), 1)) : createCommentVNode("", true)
|
|
213
|
+
], 64)) : createCommentVNode("", true)
|
|
214
|
+
])
|
|
215
|
+
]),
|
|
216
|
+
_: 3
|
|
217
|
+
}, 16))
|
|
218
|
+
]),
|
|
219
|
+
renderSlot(_ctx.$slots, "form-header", {}, () => [
|
|
220
|
+
__props.formTitle || __props.formSubtitle ? (openBlock(), createElementBlock("div", _hoisted_20, [
|
|
221
|
+
__props.formTitle ? (openBlock(), createElementBlock("h2", _hoisted_21, toDisplayString(__props.formTitle), 1)) : createCommentVNode("", true),
|
|
222
|
+
__props.formSubtitle ? (openBlock(), createElementBlock("p", _hoisted_22, toDisplayString(__props.formSubtitle), 1)) : createCommentVNode("", true)
|
|
223
|
+
])) : createCommentVNode("", true)
|
|
224
|
+
]),
|
|
225
|
+
createElementVNode("div", _hoisted_23, [
|
|
226
|
+
renderSlot(_ctx.$slots, "default")
|
|
227
|
+
]),
|
|
228
|
+
renderSlot(_ctx.$slots, "form-footer")
|
|
229
|
+
], 2)
|
|
230
|
+
])
|
|
231
|
+
]);
|
|
232
|
+
};
|
|
233
|
+
}
|
|
234
|
+
});
|
|
4
235
|
const _hoisted_1$1 = { class: "font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900" };
|
|
5
236
|
const _hoisted_2$1 = { class: "flex h-16 items-center px-3" };
|
|
6
237
|
const _hoisted_3$1 = { class: "flex flex-1 items-center justify-center gap-3" };
|
|
@@ -142,7 +373,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
142
373
|
}, [
|
|
143
374
|
renderSlot(_ctx.$slots, "menu", { currentPath: __props.currentPath }, () => [
|
|
144
375
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index) => {
|
|
145
|
-
return openBlock(), createBlock(_sfc_main$
|
|
376
|
+
return openBlock(), createBlock(_sfc_main$3, {
|
|
146
377
|
key: index,
|
|
147
378
|
"menu-item": item,
|
|
148
379
|
expanded: sidebarOpenModel.value,
|
|
@@ -183,7 +414,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
183
414
|
class: "size-5 text-gray-900 dark:text-gray-100"
|
|
184
415
|
}, null, 8, ["icon"])
|
|
185
416
|
])) : createCommentVNode("", true),
|
|
186
|
-
__props.userName || __props.userAvatar ? (openBlock(), createBlock(_sfc_main$
|
|
417
|
+
__props.userName || __props.userAvatar ? (openBlock(), createBlock(_sfc_main$4, {
|
|
187
418
|
key: 1,
|
|
188
419
|
align: "right"
|
|
189
420
|
}, {
|
|
@@ -340,7 +571,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
340
571
|
}
|
|
341
572
|
});
|
|
342
573
|
export {
|
|
343
|
-
_sfc_main$
|
|
344
|
-
_sfc_main as a
|
|
574
|
+
_sfc_main$2 as _,
|
|
575
|
+
_sfc_main$1 as a,
|
|
576
|
+
_sfc_main as b
|
|
345
577
|
};
|
|
346
|
-
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-
|
|
578
|
+
//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js","sources":["../src/components/layout/AuthLayout.vue","../src/components/layout/BaseLayout.vue","../src/components/layout/PageLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, resolveComponent, useSlots } from 'vue'\nimport { Icon } from '@iconify/vue'\n\n/**\n * Feature item for the branding panel\n */\nexport interface AuthFeature {\n /** Iconify icon name */\n icon: string\n /** Feature text */\n text: string\n}\n\nconst props = withDefaults(defineProps<{\n /** App/brand name (used in default logo slots) */\n appName?: string\n /** App icon - Iconify icon name (used in default logo slots) */\n appIcon?: string\n /** Headline text (first line) */\n headline?: string\n /** Sub-headline text (second line, with optional underline) */\n subHeadline?: string\n /** Description paragraph below headlines */\n description?: string\n /** List of features to display in branding panel */\n features?: AuthFeature[]\n /** Primary gradient from color (Tailwind class) */\n gradientFrom?: string\n /** Primary gradient via color (Tailwind class, optional) */\n gradientVia?: string\n /** Primary gradient to color (Tailwind class) */\n gradientTo?: string\n /** Show decorative floating shapes and blurs */\n showDecorations?: boolean\n /** Show dot pattern overlay on branding panel */\n showPattern?: boolean\n /** Underline accent color for sub-headline (CSS color value) */\n underlineColor?: string\n /** Form panel title */\n formTitle?: string\n /** Form panel subtitle */\n formSubtitle?: string\n /** Home link URL (used for mobile logo link) */\n homeLink?: string\n /** CSS animation class for branding content entry */\n brandingAnimation?: string\n /** CSS animation class for form panel entry */\n formAnimation?: string\n}>(), {\n appName: '',\n appIcon: 'lucide:box',\n headline: '',\n subHeadline: '',\n description: '',\n features: () => [],\n gradientFrom: 'from-primary-700',\n gradientVia: '',\n gradientTo: 'to-primary-800',\n showDecorations: true,\n showPattern: true,\n underlineColor: 'rgba(165, 180, 252, 0.5)',\n formTitle: '',\n formSubtitle: '',\n homeLink: '/',\n brandingAnimation: '',\n formAnimation: '',\n})\n\nconst slots = useSlots()\n\n// Check if branding panel has any content\nconst hasBrandingContent = computed(() => {\n return props.headline ||\n props.subHeadline ||\n props.description ||\n props.features.length > 0 ||\n slots['branding-logo'] ||\n slots['branding-headline'] ||\n slots['branding-content'] ||\n props.appName\n})\n\n// Try to resolve RouterLink (works with Vue Router)\nconst routerLinkComponent = computed(() => {\n try {\n const RouterLink = resolveComponent('RouterLink')\n if (typeof RouterLink !== 'string') {\n return RouterLink\n }\n } catch {\n // RouterLink not available\n }\n return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n if (routerLinkComponent.value === 'a') {\n return { href: link }\n }\n return { to: link }\n}\n\nconst gradientClasses = computed(() => {\n const classes = [props.gradientFrom, props.gradientTo]\n if (props.gradientVia) {\n classes.splice(1, 0, props.gradientVia)\n }\n return classes.filter(Boolean)\n})\n</script>\n\n<template>\n <div class=\"flex min-h-screen\">\n <!-- Left Panel - Branding (hidden on mobile) -->\n <div\n v-if=\"hasBrandingContent || $slots['branding-panel']\"\n :class=\"[\n 'hidden lg:flex lg:w-1/2 relative overflow-hidden bg-gradient-to-br',\n ...gradientClasses,\n ]\"\n >\n <!-- Allow complete customization of branding panel -->\n <slot name=\"branding-panel\">\n <!-- Decorative floating blurs -->\n <div\n v-if=\"showDecorations\"\n class=\"absolute inset-0 overflow-hidden pointer-events-none\"\n >\n <div class=\"absolute -top-20 -left-20 w-80 h-80 bg-white/5 rounded-full blur-3xl\" />\n <div class=\"absolute top-1/3 right-10 w-60 h-60 bg-white/5 rounded-full blur-3xl\" />\n <div class=\"absolute bottom-20 left-1/4 w-72 h-72 bg-white/5 rounded-full blur-3xl\" />\n </div>\n\n <!-- Dot pattern -->\n <div\n v-if=\"showPattern\"\n class=\"absolute inset-0 opacity-20 pointer-events-none\"\n style=\"background-image: radial-gradient(circle, rgba(255,255,255,0.4) 1px, transparent 1px); background-size: 24px 24px;\"\n />\n\n <!-- Floating decorative shapes -->\n <template v-if=\"showDecorations\">\n <div class=\"absolute top-20 right-20 w-16 h-16 border-2 border-white/20 rounded-2xl rotate-12 pointer-events-none\" />\n <div class=\"absolute bottom-32 left-16 w-12 h-12 border-2 border-white/20 rounded-full pointer-events-none\" />\n <div class=\"absolute top-1/2 left-10 w-8 h-8 bg-white/10 rounded-lg rotate-45 pointer-events-none\" />\n </template>\n\n <!-- Content -->\n <div class=\"relative z-10 flex flex-col justify-center px-16 py-12 text-white w-full\">\n <div :class=\"brandingAnimation\">\n <!-- Logo -->\n <div class=\"flex items-center gap-3 mb-12\">\n <slot name=\"branding-logo\">\n <template v-if=\"appName || appIcon\">\n <div class=\"w-14 h-14 bg-white/20 backdrop-blur-sm rounded-2xl flex items-center justify-center\">\n <Icon\n :icon=\"appIcon\"\n class=\"w-8 h-8 text-white\"\n />\n </div>\n <span\n v-if=\"appName\"\n class=\"text-3xl font-bold\"\n >\n {{ appName }}\n </span>\n </template>\n </slot>\n </div>\n\n <!-- Headlines -->\n <slot name=\"branding-headline\">\n <h1\n v-if=\"headline || subHeadline\"\n class=\"text-4xl xl:text-5xl font-bold leading-tight mb-6\"\n >\n <template v-if=\"headline\">\n {{ headline }}<br>\n </template>\n <span\n v-if=\"subHeadline\"\n class=\"relative inline-block\"\n >\n <span class=\"relative z-10\">{{ subHeadline }}</span>\n <svg\n class=\"absolute -bottom-2 left-0 w-full\"\n viewBox=\"0 0 280 12\"\n fill=\"none\"\n preserveAspectRatio=\"none\"\n >\n <path\n d=\"M2 10C45 4 90 2 140 6C190 10 235 4 278 8\"\n :stroke=\"underlineColor\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n />\n </svg>\n </span>\n </h1>\n </slot>\n\n <!-- Description -->\n <p\n v-if=\"description\"\n class=\"text-lg text-white/80 max-w-md mb-10\"\n >\n {{ description }}\n </p>\n\n <!-- Features list -->\n <slot name=\"branding-features\">\n <div\n v-if=\"features.length > 0\"\n class=\"space-y-4\"\n >\n <div\n v-for=\"(feature, index) in features\"\n :key=\"index\"\n class=\"flex items-center gap-3 text-white/90\"\n >\n <div class=\"w-10 h-10 rounded-xl bg-white/10 backdrop-blur-sm flex items-center justify-center shrink-0\">\n <Icon\n :icon=\"feature.icon\"\n class=\"w-5 h-5\"\n />\n </div>\n <span>{{ feature.text }}</span>\n </div>\n </div>\n </slot>\n\n <!-- Additional branding content -->\n <slot name=\"branding-content\" />\n </div>\n </div>\n </slot>\n </div>\n\n <!-- Right Panel - Form -->\n <div class=\"flex-1 flex items-center justify-center p-6 sm:p-12 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-slate-900 dark:to-slate-800\">\n <div\n :class=\"['w-full max-w-md', formAnimation]\"\n >\n <!-- Mobile Logo -->\n <div class=\"lg:hidden text-center mb-8\">\n <component\n :is=\"routerLinkComponent\"\n v-bind=\"getLinkProps(homeLink)\"\n class=\"inline-flex items-center gap-3\"\n >\n <slot name=\"mobile-logo\">\n <template v-if=\"appName || appIcon\">\n <div class=\"w-12 h-12 bg-primary-600 rounded-xl flex items-center justify-center shadow-lg shadow-primary-200 dark:shadow-primary-900/30\">\n <Icon\n :icon=\"appIcon\"\n class=\"w-6 h-6 text-white\"\n />\n </div>\n <span\n v-if=\"appName\"\n class=\"text-2xl font-bold text-gray-900 dark:text-white\"\n >\n {{ appName }}\n </span>\n </template>\n </slot>\n </component>\n </div>\n\n <!-- Form Header (title/subtitle) -->\n <slot name=\"form-header\">\n <div\n v-if=\"formTitle || formSubtitle\"\n class=\"text-center lg:text-left mb-8\"\n >\n <h2\n v-if=\"formTitle\"\n class=\"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white mb-2\"\n >\n {{ formTitle }}\n </h2>\n <p\n v-if=\"formSubtitle\"\n class=\"text-gray-600 dark:text-gray-400\"\n >\n {{ formSubtitle }}\n </p>\n </div>\n </slot>\n\n <!-- Form Card -->\n <div class=\"bg-white dark:bg-slate-800/80 rounded-3xl shadow-xl shadow-gray-200/50 dark:shadow-none p-8\">\n <slot />\n </div>\n\n <!-- Form Footer -->\n <slot name=\"form-footer\" />\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ref, computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport MenuItem from '@/components/core/MenuItem.vue'\nimport Dropdown from '@/components/core/Dropdown.vue'\nimport type { MenuItemProps } from '@/types'\n\nexport interface UserMenuItem {\n label: string\n icon?: string\n link?: string\n action?: () => void\n}\n\nexport type MenuPosition = 'top' | 'center' | 'bottom'\n\nconst props = withDefaults(\n defineProps<{\n /** Menu items for the sidebar */\n menuItems?: MenuItemProps[]\n /** App/brand name displayed in sidebar */\n appName?: string\n /** App icon (iconify icon name) */\n appIcon?: string\n /** Whether sidebar is open (v-model:sidebarOpen) */\n sidebarOpen?: boolean\n /** Whether dark mode is enabled (v-model:dark) */\n dark?: boolean\n /** Show dark mode toggle in header */\n showDarkToggle?: boolean\n /** Primary color class for sidebar background */\n sidebarClass?: string\n /** Current route path for menu active state (pass useRoute().path) */\n currentPath?: string\n /** User display name */\n userName?: string\n /** User avatar (initials or image URL) */\n userAvatar?: string\n /** User menu items (dropdown) */\n userMenuItems?: UserMenuItem[]\n /** Menu vertical position in sidebar: 'top', 'center', or 'bottom' */\n menuPosition?: MenuPosition\n }>(),\n {\n menuItems: () => [],\n appName: 'App',\n appIcon: 'lucide:box',\n sidebarOpen: true,\n dark: false,\n showDarkToggle: true,\n sidebarClass: 'bg-[#172b4c] dark:bg-slate-950',\n currentPath: undefined,\n userName: undefined,\n userAvatar: undefined,\n userMenuItems: () => [],\n menuPosition: 'top',\n },\n)\n\nconst menuPositionClass = computed(() => {\n switch (props.menuPosition) {\n case 'center':\n return 'lg:justify-center'\n case 'bottom':\n return 'lg:justify-end'\n case 'top':\n default:\n return 'lg:justify-start'\n }\n})\n\nconst emit = defineEmits<{\n 'update:sidebarOpen': [value: boolean]\n 'update:dark': [value: boolean]\n}>()\n\nconst internalSidebarOpen = ref(props.sidebarOpen)\nconst internalDark = ref(props.dark)\n\nconst sidebarOpenModel = computed({\n get: () => props.sidebarOpen ?? internalSidebarOpen.value,\n set: (value: boolean) => {\n internalSidebarOpen.value = value\n emit('update:sidebarOpen', value)\n },\n})\n\nconst darkModel = computed({\n get: () => props.dark ?? internalDark.value,\n set: (value: boolean) => {\n internalDark.value = value\n emit('update:dark', value)\n },\n})\n\nconst toggleSidebar = () => {\n sidebarOpenModel.value = !sidebarOpenModel.value\n}\n\nconst toggleDark = () => {\n darkModel.value = !darkModel.value\n}\n\n// Try to resolve RouterView\nconst routerViewComponent = computed(() => {\n try {\n const RouterView = resolveComponent('RouterView')\n if (typeof RouterView !== 'string') {\n return RouterView\n }\n } catch {\n // RouterView not available\n }\n return null\n})\n\n// Try to resolve RouterLink\nconst routerLinkComponent = computed(() => {\n try {\n const RouterLink = resolveComponent('RouterLink')\n if (typeof RouterLink !== 'string') {\n return RouterLink\n }\n } catch {\n // RouterLink not available\n }\n return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n if (routerLinkComponent.value === 'a') {\n return { href: link }\n }\n return { to: link }\n}\n\nconst handleUserMenuClick = (item: UserMenuItem) => {\n if (item.action) {\n item.action()\n }\n}\n</script>\n\n<template>\n <div class=\"font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900\">\n <!-- Backdrop for mobile -->\n <div\n v-if=\"sidebarOpenModel\"\n class=\"absolute z-40 h-full w-full bg-slate-950/20 lg:hidden dark:bg-white/20\"\n @click=\"sidebarOpenModel = false\"\n />\n\n <!-- Sidebar -->\n <aside\n :class=\"[\n sidebarOpenModel ? 'lg:w-60' : 'max-lg:-translate-x-76 lg:w-16',\n sidebarClass,\n ]\"\n class=\"@container max-lg:absolute max-lg:z-50 flex h-full w-76 flex-col justify-between gap-10 transition-all duration-1000 ease-in-out\"\n >\n <!-- Sidebar Header -->\n <div class=\"flex h-16 items-center px-3\">\n <div class=\"flex flex-1 items-center justify-center gap-3\">\n <slot name=\"logo\">\n <div\n class=\"bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-lg bg-white/20\"\n >\n <Icon\n class=\"size-5 text-white\"\n :icon=\"appIcon\"\n />\n </div>\n <span\n :class=\"sidebarOpenModel ? 'block' : 'hidden'\"\n class=\"font-outfit flex-1 text-lg font-semibold text-white\"\n >\n {{ appName }}\n </span>\n </slot>\n </div>\n\n <button\n class=\"rounded-lg bg-white/10 p-1 transition hover:bg-white/20 lg:hidden\"\n @click=\"toggleSidebar\"\n >\n <Icon\n class=\"size-6 text-white\"\n icon=\"lucide:menu\"\n />\n </button>\n </div>\n\n <!-- Menu Items -->\n <div\n :class=\"[sidebarOpenModel ? 'items-start' : 'items-center', menuPositionClass]\"\n class=\"flex min-h-0 flex-1 flex-col gap-8 overflow-y-auto overflow-x-hidden px-2\"\n >\n <slot\n name=\"menu\"\n :current-path=\"currentPath\"\n >\n <MenuItem\n v-for=\"(item, index) in menuItems\"\n :key=\"index\"\n :menu-item=\"item\"\n :expanded=\"sidebarOpenModel\"\n :current-path=\"currentPath\"\n />\n </slot>\n </div>\n\n <!-- Sidebar Footer -->\n <div class=\"flex flex-col gap-3 px-3 pb-3\">\n <slot name=\"sidebar-footer\" />\n </div>\n </aside>\n\n <!-- Main Content Area -->\n <div class=\"flex flex-1 flex-col min-w-0\">\n <!-- Header -->\n <header\n class=\"flex h-16 items-center justify-between border-b border-slate-200 bg-white px-4 dark:border-slate-800 dark:bg-slate-950\"\n >\n <div>\n <button\n class=\"rounded-lg bg-gray-100 p-1 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\n @click=\"toggleSidebar\"\n >\n <Icon\n class=\"size-6 text-gray-900 hover:text-gray-800 dark:text-gray-100\"\n icon=\"lucide:menu\"\n />\n </button>\n </div>\n\n <div class=\"flex-1\">\n <slot name=\"header-center\" />\n </div>\n\n <div class=\"flex items-center gap-3\">\n <slot name=\"header-actions\" />\n\n <button\n v-if=\"showDarkToggle\"\n class=\"flex items-center justify-center rounded-lg bg-gray-100 p-2 transition hover:bg-gray-200 dark:bg-gray-900 dark:hover:bg-gray-800\"\n @click=\"toggleDark\"\n >\n <Icon\n :icon=\"darkModel ? 'lucide:sun' : 'lucide:moon'\"\n class=\"size-5 text-gray-900 dark:text-gray-100\"\n />\n </button>\n\n <!-- User Menu -->\n <Dropdown\n v-if=\"userName || userAvatar\"\n align=\"right\"\n >\n <template #trigger>\n <button\n class=\"flex items-center gap-2 rounded-lg p-1.5 transition hover:bg-gray-100 dark:hover:bg-gray-800\"\n >\n <div\n class=\"flex size-8 items-center justify-center rounded-full bg-primary text-sm font-medium text-white\"\n >\n {{ userAvatar || '?' }}\n </div>\n <span class=\"hidden text-sm font-medium text-gray-700 dark:text-gray-300 md:block\">\n {{ userName }}\n </span>\n <Icon\n icon=\"lucide:chevron-down\"\n class=\"size-4 text-gray-500\"\n />\n </button>\n </template>\n\n <template #default=\"{ close }\">\n <div class=\"min-w-48 py-1\">\n <component\n :is=\"item.link ? routerLinkComponent : 'button'\"\n v-for=\"item in userMenuItems\"\n :key=\"item.label\"\n v-bind=\"item.link ? getLinkProps(item.link) : {}\"\n class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800\"\n @click=\"handleUserMenuClick(item); close()\"\n >\n <Icon\n v-if=\"item.icon\"\n :icon=\"item.icon\"\n class=\"size-4\"\n />\n {{ item.label }}\n </component>\n </div>\n </template>\n </Dropdown>\n </div>\n </header>\n\n <!-- Page Content -->\n <div class=\"flex flex-1 flex-col overflow-y-auto overflow-x-hidden\">\n <main class=\"container mx-auto flex flex-1 flex-col gap-5 p-5 max-w-full\">\n <slot>\n <component\n :is=\"routerViewComponent\"\n v-if=\"routerViewComponent\"\n />\n </slot>\n </main>\n </div>\n </div>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\n\nexport interface PageBreadcrumb {\n label: string\n link: string\n}\n\ndefineProps<{\n /** Page title */\n title?: string\n /** Page description */\n description?: string\n /** Breadcrumb navigation items */\n breadcrumbs?: PageBreadcrumb[]\n}>()\n\n// Try to resolve RouterLink\nconst linkComponent = computed(() => {\n try {\n const RouterLink = resolveComponent('RouterLink')\n if (typeof RouterLink !== 'string') {\n return RouterLink\n }\n } catch {\n // RouterLink not available\n }\n return 'a'\n})\n\nconst getLinkProps = (link: string) => {\n if (linkComponent.value === 'a') {\n return { href: link }\n }\n return { to: link }\n}\n</script>\n\n<template>\n <div class=\"flex flex-col gap-4\">\n <!-- Breadcrumbs -->\n <nav\n v-if=\"breadcrumbs && breadcrumbs.length > 0\"\n aria-label=\"Breadcrumb\"\n >\n <ol class=\"flex items-center\">\n <li\n v-for=\"(breadcrumb, index) in breadcrumbs\"\n :key=\"index\"\n class=\"flex items-center\"\n >\n <span\n v-if=\"index > 0\"\n class=\"mx-3 text-sm font-semibold text-gray-400 dark:text-gray-600\"\n >\n /\n </span>\n\n <slot\n name=\"breadcrumb\"\n :breadcrumb=\"breadcrumb\"\n :index=\"index\"\n :is-last=\"index === breadcrumbs.length - 1\"\n >\n <component\n :is=\"linkComponent\"\n v-bind=\"getLinkProps(breadcrumb.link)\"\n :class=\"[\n 'text-sm transition-colors',\n index < breadcrumbs.length - 1\n ? 'font-semibold text-gray-900 hover:text-primary/90 hover:underline dark:text-gray-100'\n : 'text-gray-400 dark:text-gray-600',\n ]\"\n >\n {{ breadcrumb.label }}\n </component>\n </slot>\n </li>\n </ol>\n </nav>\n\n <!-- Page Header -->\n <div class=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\n <div class=\"flex flex-col gap-1 min-w-0 flex-1\">\n <h1\n v-if=\"title\"\n class=\"text-2xl font-bold text-gray-900 dark:text-gray-100 truncate\"\n >\n <slot name=\"title\">\n {{ title }}\n </slot>\n </h1>\n\n <p\n v-if=\"description\"\n class=\"text-sm text-gray-600 dark:text-gray-400\"\n >\n <slot name=\"description\">\n {{ description }}\n </slot>\n </p>\n </div>\n\n <div class=\"flex items-center gap-2 flex-wrap shrink-0\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <!-- Page Content -->\n <div class=\"flex-1\">\n <slot />\n </div>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_unref","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_renderList","_hoisted_15","_createBlock","_resolveDynamicComponent","_mergeProps","MenuItem","Dropdown","_withCtx","_createTextVNode"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const Button_vue_vue_type_script_setup_true_lang = require("../Button.vue_vue_ty
|
|
|
7
7
|
const IconPicker_vue_vue_type_script_setup_true_lang = require("../IconPicker.vue_vue_type_script_setup_true_lang-agY_E72J.cjs");
|
|
8
8
|
const index = require("../index-D1x3TH9k.cjs");
|
|
9
9
|
const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("../ConfirmDialog.vue_vue_type_script_setup_true_lang-CHIIi5Gu.cjs");
|
|
10
|
-
const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
10
|
+
const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs");
|
|
11
11
|
exports.Accordion = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$15;
|
|
12
12
|
exports.AccordionItem = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$16;
|
|
13
13
|
exports.AutocompleteComponent = DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$4;
|
|
@@ -67,6 +67,7 @@ exports.Progress = ConfirmDialog_vue_vue_type_script_setup_true_lang.Progress;
|
|
|
67
67
|
exports.Skeleton = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$9;
|
|
68
68
|
exports.Toast = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$7;
|
|
69
69
|
exports.ToastContainer = ConfirmDialog_vue_vue_type_script_setup_true_lang._sfc_main$8;
|
|
70
|
-
exports.
|
|
71
|
-
exports.
|
|
70
|
+
exports.AuthLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
71
|
+
exports.BaseLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
72
|
+
exports.PageLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
72
73
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components/index.js
CHANGED
|
@@ -5,15 +5,16 @@ import { _ as _4, b as b3, c as c3, a as a4 } from "../Button.vue_vue_type_scrip
|
|
|
5
5
|
import { j as j2, l as l2, g as g2, h as h2, d as d3, a as a5, b as b4, _ as _5, c as c4, m as m2, k as k2, i as i2, e as e3, S, f as f2 } from "../IconPicker.vue_vue_type_script_setup_true_lang-Ch1x6Ap9.js";
|
|
6
6
|
import { _ as _6 } from "../index-BaWpldIJ.js";
|
|
7
7
|
import { e as e4, j as j3, f as f3, _ as _7, a as a6, c as c5, d as d4, b as b5, P, i as i3, g as g3, h as h3 } from "../ConfirmDialog.vue_vue_type_script_setup_true_lang-DdCwgxtv.js";
|
|
8
|
-
import { _ as _8, a as a7 } from "../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
8
|
+
import { _ as _8, a as a7, b as b6 } from "../PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js";
|
|
9
9
|
export {
|
|
10
10
|
o as Accordion,
|
|
11
11
|
p as AccordionItem,
|
|
12
12
|
e4 as Alert,
|
|
13
|
+
_8 as AuthLayout,
|
|
13
14
|
d as AutocompleteComponent,
|
|
14
15
|
f as Avatar,
|
|
15
16
|
e2 as BadgeType,
|
|
16
|
-
|
|
17
|
+
a7 as BaseLayout,
|
|
17
18
|
d2 as BooleanType,
|
|
18
19
|
n as Breadcrumb,
|
|
19
20
|
_4 as Button,
|
|
@@ -45,7 +46,7 @@ export {
|
|
|
45
46
|
c5 as NotificationComponent,
|
|
46
47
|
d4 as NotificationList,
|
|
47
48
|
b2 as NumberType,
|
|
48
|
-
|
|
49
|
+
b6 as PageLayout,
|
|
49
50
|
b5 as PaginationControls,
|
|
50
51
|
l as Popover,
|
|
51
52
|
P as Progress,
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { default as AuthLayout } from './AuthLayout.vue';
|
|
3
|
+
declare const meta: Meta<typeof AuthLayout>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCustomGradient: Story;
|
|
8
|
+
export declare const MinimalBranding: Story;
|
|
9
|
+
export declare const WithCustomSlots: Story;
|
|
10
|
+
export declare const FormOnlyNobranding: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Feature item for the branding panel
|
|
3
|
+
*/
|
|
4
|
+
export interface AuthFeature {
|
|
5
|
+
/** Iconify icon name */
|
|
6
|
+
icon: string;
|
|
7
|
+
/** Feature text */
|
|
8
|
+
text: string;
|
|
9
|
+
}
|
|
10
|
+
type __VLS_Props = {
|
|
11
|
+
/** App/brand name (used in default logo slots) */
|
|
12
|
+
appName?: string;
|
|
13
|
+
/** App icon - Iconify icon name (used in default logo slots) */
|
|
14
|
+
appIcon?: string;
|
|
15
|
+
/** Headline text (first line) */
|
|
16
|
+
headline?: string;
|
|
17
|
+
/** Sub-headline text (second line, with optional underline) */
|
|
18
|
+
subHeadline?: string;
|
|
19
|
+
/** Description paragraph below headlines */
|
|
20
|
+
description?: string;
|
|
21
|
+
/** List of features to display in branding panel */
|
|
22
|
+
features?: AuthFeature[];
|
|
23
|
+
/** Primary gradient from color (Tailwind class) */
|
|
24
|
+
gradientFrom?: string;
|
|
25
|
+
/** Primary gradient via color (Tailwind class, optional) */
|
|
26
|
+
gradientVia?: string;
|
|
27
|
+
/** Primary gradient to color (Tailwind class) */
|
|
28
|
+
gradientTo?: string;
|
|
29
|
+
/** Show decorative floating shapes and blurs */
|
|
30
|
+
showDecorations?: boolean;
|
|
31
|
+
/** Show dot pattern overlay on branding panel */
|
|
32
|
+
showPattern?: boolean;
|
|
33
|
+
/** Underline accent color for sub-headline (CSS color value) */
|
|
34
|
+
underlineColor?: string;
|
|
35
|
+
/** Form panel title */
|
|
36
|
+
formTitle?: string;
|
|
37
|
+
/** Form panel subtitle */
|
|
38
|
+
formSubtitle?: string;
|
|
39
|
+
/** Home link URL (used for mobile logo link) */
|
|
40
|
+
homeLink?: string;
|
|
41
|
+
/** CSS animation class for branding content entry */
|
|
42
|
+
brandingAnimation?: string;
|
|
43
|
+
/** CSS animation class for form panel entry */
|
|
44
|
+
formAnimation?: string;
|
|
45
|
+
};
|
|
46
|
+
declare function __VLS_template(): {
|
|
47
|
+
attrs: Partial<{}>;
|
|
48
|
+
slots: {
|
|
49
|
+
'branding-panel'?(_: {}): any;
|
|
50
|
+
'branding-logo'?(_: {}): any;
|
|
51
|
+
'branding-headline'?(_: {}): any;
|
|
52
|
+
'branding-features'?(_: {}): any;
|
|
53
|
+
'branding-content'?(_: {}): any;
|
|
54
|
+
'mobile-logo'?(_: {}): any;
|
|
55
|
+
'form-header'?(_: {}): any;
|
|
56
|
+
default?(_: {}): any;
|
|
57
|
+
'form-footer'?(_: {}): any;
|
|
58
|
+
};
|
|
59
|
+
refs: {};
|
|
60
|
+
rootEl: HTMLDivElement;
|
|
61
|
+
};
|
|
62
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
63
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
64
|
+
description: string;
|
|
65
|
+
appName: string;
|
|
66
|
+
appIcon: string;
|
|
67
|
+
headline: string;
|
|
68
|
+
subHeadline: string;
|
|
69
|
+
features: AuthFeature[];
|
|
70
|
+
gradientFrom: string;
|
|
71
|
+
gradientVia: string;
|
|
72
|
+
gradientTo: string;
|
|
73
|
+
showDecorations: boolean;
|
|
74
|
+
showPattern: boolean;
|
|
75
|
+
underlineColor: string;
|
|
76
|
+
formTitle: string;
|
|
77
|
+
formSubtitle: string;
|
|
78
|
+
homeLink: string;
|
|
79
|
+
brandingAnimation: string;
|
|
80
|
+
formAnimation: string;
|
|
81
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
82
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
83
|
+
export default _default;
|
|
84
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
85
|
+
new (): {
|
|
86
|
+
$slots: S;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
3
|
+
const PageLayout_vue_vue_type_script_setup_true_lang = require("../../PageLayout.vue_vue_type_script_setup_true_lang-hhzpkC6_.cjs");
|
|
4
|
+
exports.AuthLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
5
|
+
exports.BaseLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$1;
|
|
6
|
+
exports.PageLayout = PageLayout_vue_vue_type_script_setup_true_lang._sfc_main$2;
|
|
6
7
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { default as AuthLayout } from './AuthLayout.vue';
|
|
1
2
|
export { default as BaseLayout } from './BaseLayout.vue';
|
|
2
3
|
export { default as PageLayout } from './PageLayout.vue';
|
|
4
|
+
export type { AuthFeature } from './AuthLayout.vue';
|
|
3
5
|
export type { PageBreadcrumb } from './PageLayout.vue';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { _, a } from "../../PageLayout.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, b } from "../../PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js";
|
|
2
2
|
export {
|
|
3
|
-
_ as
|
|
4
|
-
a as
|
|
3
|
+
_ as AuthLayout,
|
|
4
|
+
a as BaseLayout,
|
|
5
|
+
b as PageLayout
|
|
5
6
|
};
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { o as _sfc_main, p as _sfc_main$1, d as _sfc_main$4, f as _sfc_main$5, n as _sfc_main$9, _ as _sfc_main$b, j as _sfc_main$e, r as _sfc_main$i, m as _sfc_main$l, b as _sfc_main$y, l as _sfc_main$F, c as _sfc_main$I, i as _sfc_main$M, h as _sfc_main$O, e as _sfc_main$P, a as _sfc_main$Q, g as _sfc_main$S, q as _sfc_main$U, k as _sfc_main$X } from "./DarkModeToggle.vue_vue_type_script_setup_true_lang-0K4ucPlO.js";
|
|
2
|
+
import { a as _sfc_main$m, _ as _sfc_main$x } from "./Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js";
|
|
3
|
+
import { e as _sfc_main$6, d as _sfc_main$8, c as _sfc_main$k, b as _sfc_main$C, _ as _sfc_main$L, a as _sfc_main$T } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
|
|
4
|
+
import { _ as _sfc_main$a, b as _sfc_main$c, c as _sfc_main$v, a as _sfc_main$R } from "./Button.vue_vue_type_script_setup_true_lang-BHpVJnRn.js";
|
|
5
|
+
import { j as _sfc_main$f, l as _sfc_main$g, g as _sfc_main$j, h as _sfc_main$o, d as _sfc_main$p, a as _sfc_main$q, b as _sfc_main$r, _ as _sfc_main$s, c as _sfc_main$t, m as _sfc_main$u, k as _sfc_main$G, i as _sfc_main$H, e as _sfc_main$J, S as Slider, f as _sfc_main$N } from "./IconPicker.vue_vue_type_script_setup_true_lang-Ch1x6Ap9.js";
|
|
6
|
+
import { _ as _sfc_main$d } from "./index-BaWpldIJ.js";
|
|
7
|
+
import { e as _sfc_main$2, j as _sfc_main$h, f as _sfc_main$n, _ as _sfc_main$w, a as _sfc_main$z, c as _sfc_main$A, d as _sfc_main$B, b as _sfc_main$E, P as Progress, i as _sfc_main$K, g as _sfc_main$V, h as _sfc_main$W } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-DdCwgxtv.js";
|
|
8
|
+
import { _ as _sfc_main$3, a as _sfc_main$7, b as _sfc_main$D } from "./PageLayout.vue_vue_type_script_setup_true_lang-rMu1Z5uH.js";
|
|
9
|
+
const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
10
|
+
__proto__: null,
|
|
11
|
+
Accordion: _sfc_main,
|
|
12
|
+
AccordionItem: _sfc_main$1,
|
|
13
|
+
Alert: _sfc_main$2,
|
|
14
|
+
AuthLayout: _sfc_main$3,
|
|
15
|
+
AutocompleteComponent: _sfc_main$4,
|
|
16
|
+
Avatar: _sfc_main$5,
|
|
17
|
+
BadgeType: _sfc_main$6,
|
|
18
|
+
BaseLayout: _sfc_main$7,
|
|
19
|
+
BooleanType: _sfc_main$8,
|
|
20
|
+
Breadcrumb: _sfc_main$9,
|
|
21
|
+
Button: _sfc_main$a,
|
|
22
|
+
CardComponent: _sfc_main$b,
|
|
23
|
+
CardSkeleton: _sfc_main$c,
|
|
24
|
+
Checkbox: _sfc_main$d,
|
|
25
|
+
CollapsibleCard: _sfc_main$e,
|
|
26
|
+
ColorPicker: _sfc_main$f,
|
|
27
|
+
Combobox: _sfc_main$g,
|
|
28
|
+
ConfirmDialog: _sfc_main$h,
|
|
29
|
+
DarkModeToggle: _sfc_main$i,
|
|
30
|
+
DatePicker: _sfc_main$j,
|
|
31
|
+
DateType: _sfc_main$k,
|
|
32
|
+
Drawer: _sfc_main$l,
|
|
33
|
+
Dropdown: _sfc_main$m,
|
|
34
|
+
EmptyState: _sfc_main$n,
|
|
35
|
+
FileUpload: _sfc_main$o,
|
|
36
|
+
FormGroup: _sfc_main$p,
|
|
37
|
+
FormHelp: _sfc_main$q,
|
|
38
|
+
FormInput: _sfc_main$r,
|
|
39
|
+
FormLabel: _sfc_main$s,
|
|
40
|
+
FormSelect: _sfc_main$t,
|
|
41
|
+
IconPicker: _sfc_main$u,
|
|
42
|
+
ListSkeleton: _sfc_main$v,
|
|
43
|
+
LoadingSpinner: _sfc_main$w,
|
|
44
|
+
MenuItem: _sfc_main$x,
|
|
45
|
+
MobileList: _sfc_main$y,
|
|
46
|
+
Modal: _sfc_main$z,
|
|
47
|
+
NotificationComponent: _sfc_main$A,
|
|
48
|
+
NotificationList: _sfc_main$B,
|
|
49
|
+
NumberType: _sfc_main$C,
|
|
50
|
+
PageLayout: _sfc_main$D,
|
|
51
|
+
PaginationControls: _sfc_main$E,
|
|
52
|
+
Popover: _sfc_main$F,
|
|
53
|
+
Progress,
|
|
54
|
+
RangeSlider: _sfc_main$G,
|
|
55
|
+
Rating: _sfc_main$H,
|
|
56
|
+
ResponsiveList: _sfc_main$I,
|
|
57
|
+
SearchInput: _sfc_main$J,
|
|
58
|
+
Skeleton: _sfc_main$K,
|
|
59
|
+
Slider,
|
|
60
|
+
StatusBadge: _sfc_main$L,
|
|
61
|
+
Stepper: _sfc_main$M,
|
|
62
|
+
Switch: _sfc_main$N,
|
|
63
|
+
TabPanel: _sfc_main$O,
|
|
64
|
+
TableAction: _sfc_main$P,
|
|
65
|
+
TableComponent: _sfc_main$Q,
|
|
66
|
+
TableSkeleton: _sfc_main$R,
|
|
67
|
+
Tabs: _sfc_main$S,
|
|
68
|
+
TextType: _sfc_main$T,
|
|
69
|
+
Timeline: _sfc_main$U,
|
|
70
|
+
Toast: _sfc_main$V,
|
|
71
|
+
ToastContainer: _sfc_main$W,
|
|
72
|
+
Tooltip: _sfc_main$X
|
|
73
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
74
|
+
export {
|
|
75
|
+
components as c
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=index-BBUxkeI7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BBUxkeI7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|