@unergy-dev/gandalf 0.3.0 → 0.6.0

package/dist/components/gandalf/base/alert-dialog/GAlertDialogAction.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogAction_default from "../../../ui/alert-dialog/AlertDialogAction.js";
+import { gandalfButtonVariants } from "../button/index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/alert-dialog/GAlertDialogAction.vue?vue&type=script&setup=true&lang.ts
@@ -8,19 +9,27 @@ var GAlertDialogAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	props: {
 		asChild: { type: Boolean },
 		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
+		variant: { default: "tonal-primary" },
+		size: { default: "md" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
+		const delegatedProps = reactiveOmit(props, "class", "variant", "size");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogAction_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(AlertDialogAction_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfButtonVariants)({
+				variant: __props.variant,
+				size: __props.size
+			}), props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/alert-dialog/GAlertDialogBody.js

@@ -0,0 +1,4 @@
+import GAlertDialogBody_vue_vue_type_script_setup_true_lang_default from "./GAlertDialogBody.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/alert-dialog/GAlertDialogBody.vue
+var GAlertDialogBody_default = GAlertDialogBody_vue_vue_type_script_setup_true_lang_default;
+export { GAlertDialogBody_default as default };

package/dist/components/gandalf/base/alert-dialog/GAlertDialogBody.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/gandalf/base/alert-dialog/GAlertDialogBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfDialogBodyVariants } from "../dialog/index.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/gandalf/base/alert-dialog/GAlertDialogBody.vue?vue&type=script&setup=true&lang.ts
+var GAlertDialogBody_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GAlertDialogBody",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "alert-dialog-body",
+				class: normalizeClass(unref(cn)(unref(gandalfDialogBodyVariants)(), props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { GAlertDialogBody_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/alert-dialog/GAlertDialogCancel.vue.d.ts

@@ -1,13 +1,20 @@
 import { AlertDialogCancelProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
+import { GandalfButtonSize, GandalfButtonVariant } from '../button';
 type __VLS_Props = AlertDialogCancelProps & {
+    variant?: GandalfButtonVariant;
+    size?: GandalfButtonSize;
     class?: HTMLAttributes['class'];
 };
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: GandalfButtonSize;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    variant: GandalfButtonVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/gandalf/base/alert-dialog/GAlertDialogCancel.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogCancel_default from "../../../ui/alert-dialog/AlertDialogCancel.js";
+import { gandalfButtonVariants } from "../button/index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/alert-dialog/GAlertDialogCancel.vue?vue&type=script&setup=true&lang.ts
@@ -8,19 +9,27 @@ var GAlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	props: {
 		asChild: { type: Boolean },
 		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
+		variant: { default: "outline-primary" },
+		size: { default: "md" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
+		const delegatedProps = reactiveOmit(props, "class", "variant", "size");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogCancel_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(AlertDialogCancel_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfButtonVariants)({
+				variant: __props.variant,
+				size: __props.size
+			}), "mt-0 sm:mt-0", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/alert-dialog/GAlertDialogContent.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogContent_default from "../../../ui/alert-dialog/AlertDialogContent.js";
+import { gandalfDialogContentVariants } from "../dialog/index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/alert-dialog/GAlertDialogContent.vue?vue&type=script&setup=true&lang.ts
@@ -35,7 +36,7 @@ var GAlertDialogContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 				..._ctx.$attrs,
 				...unref(reactiveOmit)(props, "class")
 			}, {
-				class: unref(cn)(props.class),
+				class: unref(cn)(unref(gandalfDialogContentVariants)(), props.class),
 				onCloseAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("closeAutoFocus", $event)),
 				onEscapeKeyDown: _cache[1] || (_cache[1] = ($event) => emits("escapeKeyDown", $event)),
 				onFocusOutside: _cache[2] || (_cache[2] = ($event) => emits("focusOutside", $event)),

package/dist/components/gandalf/base/alert-dialog/GAlertDialogDescription.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogDescription_default from "../../../ui/alert-dialog/AlertDialogDescription.js";
+import { gandalfDialogDescriptionVariants } from "../dialog/index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/alert-dialog/GAlertDialogDescription.vue?vue&type=script&setup=true&lang.ts
@@ -20,7 +21,7 @@ var GAlertDialogDescription_vue_vue_type_script_setup_true_lang_default = /*@__P
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogDescription_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(AlertDialogDescription_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfDialogDescriptionVariants)(), props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/alert-dialog/GAlertDialogFooter.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogFooter_default from "../../../ui/alert-dialog/AlertDialogFooter.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import { gandalfDialogFooterVariants } from "../dialog/index.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/alert-dialog/GAlertDialogFooter.vue?vue&type=script&setup=true&lang.ts
 var GAlertDialogFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAlertDialogFooter",
@@ -14,12 +14,11 @@ var GAlertDialogFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	] } },
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogFooter_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(AlertDialogFooter_default), { class: normalizeClass(unref(cn)(unref(gandalfDialogFooterVariants)(), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["class"]);
 		};
 	}
 });

package/dist/components/gandalf/base/alert-dialog/GAlertDialogHeader.vue.d.ts

@@ -1,12 +1,19 @@
 import { HTMLAttributes } from 'vue';
+import { GandalfDialogHeaderType } from '../dialog';
 type __VLS_Props = {
+    type?: GandalfDialogHeaderType;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_7: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    icon?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: GandalfDialogHeaderType;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/gandalf/base/alert-dialog/GAlertDialogHeader.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,37 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogHeader_default from "../../../ui/alert-dialog/AlertDialogHeader.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import { gandalfDialogHeaderIconVariants, gandalfDialogHeaderVariants } from "../dialog/index.js";
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/alert-dialog/GAlertDialogHeader.vue?vue&type=script&setup=true&lang.ts
 var GAlertDialogHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAlertDialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		type: { default: "center" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogHeader_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(AlertDialogHeader_default), {
+				"data-type": __props.type,
+				class: normalizeClass(unref(cn)(unref(gandalfDialogHeaderVariants)({ type: __props.type }), props.class))
+			}, {
+				default: withCtx(() => [__props.type === "left" && _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-slot": "alert-dialog-header-icon",
+					class: normalizeClass(unref(gandalfDialogHeaderIconVariants)())
+				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["data-type", "class"]);
 		};
 	}
 });

package/dist/components/gandalf/base/alert-dialog/GAlertDialogTitle.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import AlertDialogTitle_default from "../../../ui/alert-dialog/AlertDialogTitle.js";
+import { gandalfDialogTitleVariants } from "../dialog/index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/alert-dialog/GAlertDialogTitle.vue?vue&type=script&setup=true&lang.ts
@@ -20,7 +21,7 @@ var GAlertDialogTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogTitle_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(AlertDialogTitle_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfDialogTitleVariants)(), props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/alert-dialog/index.d.ts

@@ -2,6 +2,7 @@ export { default as GAlertDialog } from './GAlertDialog.vue';
 export { default as GAlertDialogTrigger } from './GAlertDialogTrigger.vue';
 export { default as GAlertDialogContent } from './GAlertDialogContent.vue';
 export { default as GAlertDialogHeader } from './GAlertDialogHeader.vue';
+export { default as GAlertDialogBody } from './GAlertDialogBody.vue';
 export { default as GAlertDialogFooter } from './GAlertDialogFooter.vue';
 export { default as GAlertDialogTitle } from './GAlertDialogTitle.vue';
 export { default as GAlertDialogDescription } from './GAlertDialogDescription.vue';

package/dist/components/gandalf/base/avatar/GAvatar.vue.d.ts

@@ -1,14 +1,23 @@
 import { HTMLAttributes } from 'vue';
-import { GandalfAvatarVariant } from './index';
+import { GandalfAvatarSemantic, GandalfAvatarSize, GandalfAvatarType } from './index';
 type __VLS_Props = {
+    /** Shape ("Type" in Figma). Inside a GKitAvatarGroup, defaults to the group's. */
+    type?: GandalfAvatarType;
+    /** Inside a GKitAvatarGroup, defaults to the group's. */
+    size?: GandalfAvatarSize;
+    semantic?: GandalfAvatarSemantic;
     class?: HTMLAttributes['class'];
-    variant?: GandalfAvatarVariant;
 };
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: GandalfAvatarType;
+    size: GandalfAvatarSize;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    semantic: GandalfAvatarSemantic;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/gandalf/base/avatar/GAvatar.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,47 @@
 import { cn } from "../../../../lib/utils.js";
 import Avatar_default from "../../../ui/avatar/Avatar.js";
-import { avatarVariantKey, gandalfAvatarVariants } from "./index.js";
-import { createBlock, defineComponent, mergeProps, openBlock, provide, renderSlot, toRef, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import { avatarGroupKey, avatarSemanticKey, gandalfAvatarVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, provide, renderSlot, toRef, unref, withCtx } from "vue";
 // src/components/gandalf/base/avatar/GAvatar.vue?vue&type=script&setup=true&lang.ts
 var GAvatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAvatar",
 	props: {
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {}
+		type: { default: void 0 },
+		size: { default: void 0 },
+		semantic: { default: "default" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class", "variant");
-		provide(avatarVariantKey, toRef(() => props.variant ?? "rounded"));
+		const group = inject(avatarGroupKey, null);
+		const type = computed(() => props.type ?? group?.type.value ?? "circle");
+		const size = computed(() => props.size ?? group?.size.value ?? "sm");
+		provide(avatarSemanticKey, toRef(() => props.semantic));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Avatar_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfAvatarVariants)({ variant: __props.variant }), props.class) }), {
+			return openBlock(), createBlock(unref(Avatar_default), {
+				"data-type": type.value,
+				"data-size": size.value,
+				class: normalizeClass(unref(cn)(unref(gandalfAvatarVariants)({
+					type: type.value,
+					size: size.value
+				}), props.class))
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, [
+				"data-type",
+				"data-size",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/gandalf/base/avatar/GAvatarFallback.vue.d.ts

@@ -1,6 +1,7 @@
-import { AvatarFallbackProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-type __VLS_Props = AvatarFallbackProps & {
+type __VLS_Props = {
+    /** Milliseconds to wait before showing the fallback (avoids a flash while the image loads). */
+    delayMs?: number;
     class?: HTMLAttributes['class'];
 };
 declare var __VLS_7: {};

package/dist/components/gandalf/base/avatar/GAvatarFallback.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,12 @@
 import { cn } from "../../../../lib/utils.js";
 import AvatarFallback_default from "../../../ui/avatar/AvatarFallback.js";
-import { avatarVariantKey } from "./index.js";
-import { createBlock, defineComponent, inject, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import { avatarSemanticKey, gandalfAvatarFallbackVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/avatar/GAvatarFallback.vue?vue&type=script&setup=true&lang.ts
 var GAvatarFallback_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAvatarFallback",
 	props: {
 		delayMs: {},
-		asChild: { type: Boolean },
-		as: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -20,13 +17,16 @@ var GAvatarFallback_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
-		const variant = inject(avatarVariantKey);
+		const injected = inject(avatarSemanticKey, void 0);
+		const semantic = computed(() => injected?.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AvatarFallback_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(variant) === "square" ? "rounded-md" : "", props.class) }), {
+			return openBlock(), createBlock(unref(AvatarFallback_default), {
+				"delay-ms": __props.delayMs,
+				class: normalizeClass(unref(cn)(unref(gandalfAvatarFallbackVariants)({ semantic: semantic.value }), props.class))
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["delay-ms", "class"]);
 		};
 	}
 });

package/dist/components/gandalf/base/avatar/GAvatarImage.vue.d.ts

@@ -1,4 +1,9 @@
-import { AvatarImageProps } from 'reka-ui';
-declare const __VLS_export: import('vue').DefineComponent<AvatarImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+import { ImgHTMLAttributes } from 'vue';
+type __VLS_Props = {
+    src: string;
+    referrerPolicy?: ImgHTMLAttributes['referrerpolicy'];
+    crossOrigin?: ImgHTMLAttributes['crossorigin'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/gandalf/base/avatar/GAvatarImage.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,24 @@
 import AvatarImage_default from "../../../ui/avatar/AvatarImage.js";
-import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref } from "vue";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
 // src/components/gandalf/base/avatar/GAvatarImage.vue?vue&type=script&setup=true&lang.ts
 var GAvatarImage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAvatarImage",
 	props: {
 		src: {},
 		referrerPolicy: {},
-		crossOrigin: {},
-		asChild: { type: Boolean },
-		as: {}
+		crossOrigin: {}
 	},
 	setup(__props) {
-		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AvatarImage_default), normalizeProps(guardReactiveProps(props)), null, 16);
+			return openBlock(), createBlock(unref(AvatarImage_default), {
+				src: __props.src,
+				"referrer-policy": __props.referrerPolicy,
+				"cross-origin": __props.crossOrigin
+			}, null, 8, [
+				"src",
+				"referrer-policy",
+				"cross-origin"
+			]);
 		};
 	}
 });

package/dist/components/gandalf/base/avatar/index.d.ts

@@ -3,9 +3,22 @@ import { InjectionKey, Ref } from 'vue';
 export { default as GAvatar } from './GAvatar.vue';
 export { default as GAvatarImage } from './GAvatarImage.vue';
 export { default as GAvatarFallback } from './GAvatarFallback.vue';
-export declare const avatarVariantKey: InjectionKey<Ref<GandalfAvatarVariant>>;
 export declare const gandalfAvatarVariants: (props?: ({
-    variant?: "rounded" | "square" | null | undefined;
+    type?: "circle" | "square" | null | undefined;
+    size?: "md" | "sm" | "xs" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfAvatarFallbackVariants: (props?: ({
+    semantic?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type GandalfAvatarVariants = VariantProps<typeof gandalfAvatarVariants>;
-export type GandalfAvatarVariant = NonNullable<GandalfAvatarVariants['variant']>;
+export type GandalfAvatarType = NonNullable<GandalfAvatarVariants['type']>;
+export type GandalfAvatarSize = NonNullable<GandalfAvatarVariants['size']>;
+export type GandalfAvatarSemantic = NonNullable<VariantProps<typeof gandalfAvatarFallbackVariants>['semantic']>;
+/** Semantic of the current GAvatar, read by GAvatarFallback. */
+export declare const avatarSemanticKey: InjectionKey<Ref<GandalfAvatarSemantic>>;
+/** Defaults a group (GKitAvatarGroup) passes to the avatars inside it. */
+export interface GandalfAvatarGroupContext {
+    type: Ref<GandalfAvatarType>;
+    size: Ref<GandalfAvatarSize>;
+}
+export declare const avatarGroupKey: InjectionKey<GandalfAvatarGroupContext>;

package/dist/components/gandalf/base/avatar/index.js

@@ -3,12 +3,36 @@ import GAvatarImage_default from "./GAvatarImage.js";
 import GAvatarFallback_default from "./GAvatarFallback.js";
 import { cva } from "class-variance-authority";
 // src/components/gandalf/base/avatar/index.ts
-var avatarVariantKey = Symbol("avatar-variant");
-var gandalfAvatarVariants = cva("", {
-	variants: { variant: {
-		rounded: "rounded-full",
-		square: "rounded-md"
+var gandalfAvatarVariants = cva("font-bold whitespace-nowrap", {
+	variants: {
+		type: {
+			circle: "rounded-full",
+			square: "rounded-lg"
+		},
+		size: {
+			xs: "size-6 text-xs leading-[normal]",
+			sm: "size-8 text-sm leading-[normal]",
+			md: "size-10 text-base leading-normal",
+			lg: "size-12 text-lg leading-[normal]"
+		}
+	},
+	defaultVariants: {
+		type: "circle",
+		size: "sm"
+	}
+});
+var gandalfAvatarFallbackVariants = cva("rounded-[inherit]", {
+	variants: { semantic: {
+		default: "bg-default-muted text-default-bold",
+		action: "bg-action-muted text-action-bold",
+		information: "bg-information-muted text-information-bold",
+		success: "bg-success-muted text-success-bold",
+		warning: "bg-warning-muted text-warning-bold",
+		destructive: "bg-destructive-muted text-destructive-bold"
 	} },
-	defaultVariants: { variant: "rounded" }
+	defaultVariants: { semantic: "default" }
 });
-export { GAvatar_default as GAvatar, GAvatarFallback_default as GAvatarFallback, GAvatarImage_default as GAvatarImage, avatarVariantKey, gandalfAvatarVariants };
+/** Semantic of the current GAvatar, read by GAvatarFallback. */
+var avatarSemanticKey = Symbol("avatar-semantic");
+var avatarGroupKey = Symbol("avatar-group");
+export { GAvatar_default as GAvatar, GAvatarFallback_default as GAvatarFallback, GAvatarImage_default as GAvatarImage, avatarGroupKey, avatarSemanticKey, gandalfAvatarFallbackVariants, gandalfAvatarVariants };

package/dist/components/gandalf/base/badge/index.d.ts

@@ -43,7 +43,7 @@ export type GandalfBadgeColor = keyof typeof colors | (string & {});
 export declare const gandalfBadgeVariants: (props?: ({
     variant?: "tonal" | "outlined" | null | undefined;
     shape?: "rounded" | "square" | null | undefined;
-    size?: "sm" | "md" | "xs" | null | undefined;
+    size?: "md" | "sm" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type GandalfBadgeVariants = VariantProps<typeof gandalfBadgeVariants>;
 export type GandalfBadgeVariant = NonNullable<GandalfBadgeVariants['variant']>;

package/dist/components/gandalf/base/breadcrumb/GBreadcrumb.vue.d.ts

@@ -1,12 +1,17 @@
 import { HTMLAttributes } from 'vue';
+import { GandalfBreadcrumbSize } from './index';
 type __VLS_Props = {
+    size?: GandalfBreadcrumbSize;
     class?: HTMLAttributes['class'];
 };
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: GandalfBreadcrumbSize;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;