@unergy-dev/gandalf 0.3.0 → 0.6.0

package/dist/components/gandalf/kit/layout/LayoutTitle.vue.d.ts

@@ -0,0 +1,39 @@
+import { Component, HTMLAttributes } from 'vue';
+import { GandalfLayoutLevel } from './index';
+type __VLS_Props = {
+    title?: string;
+    /** Brief description under the title (First Level Layout). */
+    description?: string;
+    /** Icon in the 32px square before the title (First Level Layout). */
+    icon?: Component;
+    /** "First Level Layout" or "Second Level Layout" in Figma. */
+    level?: GandalfLayoutLevel;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    actions?: (props: typeof __VLS_12) => any;
+} & {
+    description?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    title: string;
+    icon: Component;
+    description: string;
+    level: GandalfLayoutLevel;
+}, {}, {}, {}, 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/kit/layout/LayoutTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfLayoutTitleIconClass, gandalfLayoutTitleTextVariants, gandalfLayoutTitleVariants } from "./index.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref } from "vue";
+// src/components/gandalf/kit/layout/LayoutTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 items-center gap-2" };
+var _hoisted_2 = {
+	key: 1,
+	class: "ml-auto flex shrink-0 items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-body-lg text-base-foreground-quiet px-1"
+};
+var LayoutTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LayoutTitle",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		icon: { default: void 0 },
+		level: { default: "first" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "layout-title",
+				class: normalizeClass(unref(cn)(unref(gandalfLayoutTitleVariants)({ level: __props.level }), props.class))
+			}, [createElementVNode("div", _hoisted_1, [
+				__props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(gandalfLayoutTitleIconClass))
+				}, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.icon)))])], 2)) : createCommentVNode("", true),
+				createElementVNode("h1", { class: normalizeClass(unref(gandalfLayoutTitleTextVariants)({ level: __props.level })) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2),
+				renderSlot(_ctx.$slots, "default"),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+			]), __props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("p", _hoisted_3, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { LayoutTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/layout/index.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as GLayout } from './Layout.vue';
+export { default as GLayoutBreadcrumbs } from './LayoutBreadcrumbs.vue';
+export { default as GLayoutTitle } from './LayoutTitle.vue';
+/**
+ * Layouts › Content: the page area right of the Sidebar. Its background is a loose colour in
+ * Figma, #F8F8FF, not a variable.
+ */
+export declare const gandalfLayoutContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Layouts › Sidebar: GSidebar is fixed to the viewport; inside the layout it fills the row below
+ * the Header instead. Same utilities as shadcn's (`fixed`, `h-svh`) so tailwind-merge replaces them.
+ */
+export declare const gandalfLayoutSidebarClass = "absolute h-full";
+/**
+ * Layouts › Title. First Level Layout: 24px on top, 16px on the sides, 12px below, 8px between
+ * the title row and the description. Second Level Layout: 12px above and below, 24px on the sides.
+ */
+export declare const gandalfLayoutTitleVariants: (props?: ({
+    level?: "first" | "second" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Title text. First Level: 30px semibold `base/foreground-loud`. Second Level: 24px semibold
+ * `base/foreground`.
+ */
+export declare const gandalfLayoutTitleTextVariants: (props?: ({
+    level?: "first" | "second" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Layouts › Title › Avatar Item: 32px `card/card` square with a 14px `base/foreground` icon. */
+export declare const gandalfLayoutTitleIconClass = "bg-card text-base-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-3.5";
+/**
+ * Second Level Layout › Title (top row): 48px tall, 12px on top, 16px left and 24px right, 8px
+ * between the back button, the breadcrumbs and the tools.
+ */
+export declare const gandalfLayoutBreadcrumbsVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export type GandalfLayoutTitleVariants = VariantProps<typeof gandalfLayoutTitleVariants>;
+export type GandalfLayoutLevel = NonNullable<GandalfLayoutTitleVariants['level']>;

package/dist/components/gandalf/kit/layout/index.js

@@ -0,0 +1,45 @@
+import Layout_default from "./Layout.js";
+import LayoutBreadcrumbs_default from "./LayoutBreadcrumbs.js";
+import LayoutTitle_default from "./LayoutTitle.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/layout/index.ts
+/**
+* Layouts › Content: the page area right of the Sidebar. Its background is a loose colour in
+* Figma, #F8F8FF, not a variable.
+*/
+var gandalfLayoutContentVariants = cva("min-w-0 overflow-y-auto bg-[#F8F8FF]");
+/**
+* Layouts › Sidebar: GSidebar is fixed to the viewport; inside the layout it fills the row below
+* the Header instead. Same utilities as shadcn's (`fixed`, `h-svh`) so tailwind-merge replaces them.
+*/
+var gandalfLayoutSidebarClass = "absolute h-full";
+/**
+* Layouts › Title. First Level Layout: 24px on top, 16px on the sides, 12px below, 8px between
+* the title row and the description. Second Level Layout: 12px above and below, 24px on the sides.
+*/
+var gandalfLayoutTitleVariants = cva("flex flex-col gap-2", {
+	variants: { level: {
+		first: "px-4 pt-6 pb-3",
+		second: "px-6 py-3"
+	} },
+	defaultVariants: { level: "first" }
+});
+/**
+* Title text. First Level: 30px semibold `base/foreground-loud`. Second Level: 24px semibold
+* `base/foreground`.
+*/
+var gandalfLayoutTitleTextVariants = cva("min-w-0 truncate leading-[normal]", {
+	variants: { level: {
+		first: "text-heading-lg text-base-foreground-loud",
+		second: "text-heading-md text-base-foreground"
+	} },
+	defaultVariants: { level: "first" }
+});
+/** Layouts › Title › Avatar Item: 32px `card/card` square with a 14px `base/foreground` icon. */
+var gandalfLayoutTitleIconClass = "bg-card text-base-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-3.5";
+/**
+* Second Level Layout › Title (top row): 48px tall, 12px on top, 16px left and 24px right, 8px
+* between the back button, the breadcrumbs and the tools.
+*/
+var gandalfLayoutBreadcrumbsVariants = cva("flex items-center gap-2 pt-3 pr-6 pl-4");
+export { Layout_default as GLayout, LayoutBreadcrumbs_default as GLayoutBreadcrumbs, LayoutTitle_default as GLayoutTitle, gandalfLayoutBreadcrumbsVariants, gandalfLayoutContentVariants, gandalfLayoutSidebarClass, gandalfLayoutTitleIconClass, gandalfLayoutTitleTextVariants, gandalfLayoutTitleVariants };

package/dist/components/gandalf/kit/message-card/MessageCard.js

@@ -0,0 +1,4 @@
+import MessageCard_vue_vue_type_script_setup_true_lang_default from "./MessageCard.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/message-card/MessageCard.vue
+var MessageCard_default = MessageCard_vue_vue_type_script_setup_true_lang_default;
+export { MessageCard_default as default };

package/dist/components/gandalf/kit/message-card/MessageCard.vue.d.ts

@@ -0,0 +1,52 @@
+import { HTMLAttributes } from 'vue';
+import { Option } from '../../base/types';
+import { GandalfMessageCardColor } from './index';
+type __VLS_Props = {
+    /** "Commenter Name" in Figma. */
+    commenterName: string;
+    /** Initials of the "Avatar Item" ("CN" in Figma). */
+    initials?: string;
+    /** Color of the "Avatar Item". */
+    color?: GandalfMessageCardColor;
+    /** The comment ("Chat summary" in Figma). The default slot replaces it. */
+    comment?: string;
+    /** "DD/MM/YYYY" in Figma, shown as given. */
+    date?: string;
+    /** Options of the menu behind the ⋮ button. Without them, the button is not shown. */
+    options?: Option[];
+    actionsLabel?: string;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_7: {}, __VLS_15: {}, __VLS_36: {}, __VLS_38: {}, __VLS_40: {};
+type __VLS_Slots = {} & {
+    avatar?: (props: typeof __VLS_7) => any;
+} & {
+    actions?: (props: typeof __VLS_15) => any;
+} & {
+    media?: (props: typeof __VLS_36) => any;
+} & {
+    attachments?: (props: typeof __VLS_38) => any;
+} & {
+    default?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (option: Option) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((option: Option) => any) | undefined;
+}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    color: import('../../base/avatar').GandalfAvatarSemantic;
+    date: string;
+    options: Option[];
+    initials: string;
+    comment: string;
+    actionsLabel: string;
+}, {}, {}, {}, 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/kit/message-card/MessageCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,97 @@
+import { cn } from "../../../../lib/utils.js";
+import GButton_default from "../../base/button/GButton.js";
+import GAvatar_default from "../../base/avatar/GAvatar.js";
+import GAvatarFallback_default from "../../base/avatar/GAvatarFallback.js";
+import GDropdown_default from "../../base/dropdown/GDropdown.js";
+import { gandalfMessageCardVariants } from "./index.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { EllipsisVertical } from "lucide-vue-next";
+// src/components/gandalf/kit/message-card/MessageCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center justify-between py-3 pr-3 pl-4" };
+var _hoisted_2 = { class: "flex min-w-0 flex-1 items-center gap-2" };
+var _hoisted_3 = { class: "text-base-foreground-loud truncate text-base leading-normal font-semibold" };
+var _hoisted_4 = {
+	key: 0,
+	class: "flex items-center px-4 pb-3 [&_img]:rounded-lg [&_img]:object-cover"
+};
+var _hoisted_5 = { class: "flex max-w-[708px] flex-col justify-center gap-2 px-4 pb-3 drop-shadow-[0_1px_0_rgb(0_0_0/0.05)]" };
+var _hoisted_6 = {
+	key: 0,
+	class: "flex w-full flex-wrap items-start gap-1"
+};
+var _hoisted_7 = { class: "text-base-foreground-quiet w-full text-lg leading-[1.3] break-words" };
+var _hoisted_8 = {
+	key: 1,
+	class: "text-base-foreground-extra-quiet w-full truncate text-right text-base leading-normal"
+};
+var MessageCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MessageCard",
+	props: {
+		commenterName: {},
+		initials: { default: void 0 },
+		color: { default: "default" },
+		comment: { default: void 0 },
+		date: { default: void 0 },
+		options: { default: void 0 },
+		actionsLabel: { default: "Message options" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("article", {
+				"data-slot": "message-card",
+				class: normalizeClass(unref(cn)(unref(gandalfMessageCardVariants)(), props.class))
+			}, [
+				_cache[1] || (_cache[1] = createElementVNode("span", {
+					"aria-hidden": "true",
+					class: "bg-default pointer-events-none absolute -top-3 -left-3 size-6 rotate-45"
+				}, null, -1)),
+				createElementVNode("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(GAvatar_default), {
+					type: "circle",
+					size: "sm",
+					semantic: __props.color,
+					class: "shrink-0"
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "avatar", {}, () => [createVNode(unref(GAvatarFallback_default), { class: normalizeClass(__props.color === "default" && "bg-card") }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.initials), 1)]),
+						_: 1
+					}, 8, ["class"])])]),
+					_: 3
+				}, 8, ["semantic"]), createElementVNode("span", _hoisted_3, toDisplayString(__props.commenterName), 1)]), renderSlot(_ctx.$slots, "actions", {}, () => [__props.options?.length ? (openBlock(), createBlock(unref(GDropdown_default), {
+					key: 0,
+					options: __props.options,
+					onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+				}, {
+					default: withCtx(() => [createVNode(unref(GButton_default), {
+						variant: "ghost-primary",
+						size: "md",
+						"aria-label": __props.actionsLabel
+					}, {
+						default: withCtx(() => [createVNode(unref(EllipsisVertical), { class: "size-4" })]),
+						_: 1
+					}, 8, ["aria-label"])]),
+					_: 1
+				}, 8, ["options"])) : createCommentVNode("", true)])]),
+				_ctx.$slots.media ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "media")])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5, [
+					_ctx.$slots.attachments ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "attachments")])) : createCommentVNode("", true),
+					createElementVNode("p", _hoisted_7, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.comment), 1)])]),
+					__props.date ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(__props.date), 1)) : createCommentVNode("", true)
+				])
+			], 2);
+		};
+	}
+});
+export { MessageCard_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/message-card/index.d.ts

@@ -0,0 +1,4 @@
+import { GandalfAvatarSemantic } from '../../base/avatar';
+export { default as GMessageCard } from './MessageCard.vue';
+export declare const gandalfMessageCardVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export type GandalfMessageCardColor = GandalfAvatarSemantic;

package/dist/components/gandalf/kit/message-card/index.js

@@ -0,0 +1,5 @@
+import MessageCard_default from "./MessageCard.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/message-card/index.ts
+var gandalfMessageCardVariants = cva("bg-card relative flex w-full flex-col overflow-clip rounded-3xl rounded-tl-sm shadow-sm");
+export { MessageCard_default as GMessageCard, gandalfMessageCardVariants };

package/dist/components/gandalf/kit/miniatures/Miniatures.js

@@ -0,0 +1,4 @@
+import Miniatures_vue_vue_type_script_setup_true_lang_default from "./Miniatures.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/miniatures/Miniatures.vue
+var Miniatures_default = Miniatures_vue_vue_type_script_setup_true_lang_default;
+export { Miniatures_default as default };

package/dist/components/gandalf/kit/miniatures/Miniatures.vue.d.ts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfMiniaturesType } from './index';
+type __VLS_Props = {
+    type?: GandalfMiniaturesType;
+    /** "File name" in Figma, truncated to one line. */
+    fileName?: string;
+    /** File type under the name ("PDF" in Figma). */
+    fileType?: string;
+    /** Image of `variant2`, cropped to fill the square. */
+    src?: string;
+    alt?: string;
+    /** Shows the remove button of the corner. */
+    removable?: boolean;
+    removeLabel?: string;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    remove: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    type: GandalfMiniaturesType;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    src: string;
+    alt: string;
+    fileName: string;
+    fileType: string;
+    removable: boolean;
+    removeLabel: string;
+}, {}, {}, {}, 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/kit/miniatures/Miniatures.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,75 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfMiniaturesVariants } from "./index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { File, X } from "lucide-vue-next";
+// src/components/gandalf/kit/miniatures/Miniatures.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-type"];
+var _hoisted_2 = ["src", "alt"];
+var _hoisted_3 = {
+	key: 1,
+	class: "flex h-full min-w-0 flex-1 items-center gap-2 px-1 whitespace-nowrap"
+};
+var _hoisted_4 = { class: "text-base-foreground shrink-0 [&_svg]:size-[18px]" };
+var _hoisted_5 = { class: "flex min-w-0 flex-1 flex-col leading-[normal]" };
+var _hoisted_6 = { class: "text-base-foreground truncate text-sm font-semibold" };
+var _hoisted_7 = {
+	key: 0,
+	class: "text-base-foreground-extra-quiet truncate text-xs"
+};
+var _hoisted_8 = ["aria-label"];
+var Miniatures_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Miniatures",
+	props: {
+		type: { default: "default" },
+		fileName: { default: void 0 },
+		fileType: { default: void 0 },
+		src: { default: void 0 },
+		alt: { default: "" },
+		removable: {
+			type: Boolean,
+			default: true
+		},
+		removeLabel: { default: "Remove" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "miniatures",
+				"data-type": __props.type,
+				class: normalizeClass(unref(cn)(unref(gandalfMiniaturesVariants)({ type: __props.type }), props.class))
+			}, [
+				__props.type === "variant2" && __props.src ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: __props.src,
+					alt: __props.alt,
+					class: "pointer-events-none absolute inset-0 size-full rounded-xl object-cover"
+				}, null, 8, _hoisted_2)) : createCommentVNode("", true),
+				__props.type === "default" ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(File))])]), createElementVNode("span", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(__props.fileName), 1), __props.fileType ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.fileType), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+				__props.removable ? (openBlock(), createElementBlock("button", {
+					key: 2,
+					type: "button",
+					"aria-label": __props.removeLabel,
+					class: "bg-base-inverse text-base-base hover:overlay-light-8 active:overlay-light-12 focus-visible:ring-ring relative flex shrink-0 cursor-pointer items-center justify-center rounded-full p-0.5 outline-none focus-visible:ring-2",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+				}, [createVNode(unref(X), {
+					class: "size-3",
+					"aria-hidden": "true"
+				})], 8, _hoisted_8)) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+export { Miniatures_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/miniatures/index.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as GMiniatures } from './Miniatures.vue';
+export declare const gandalfMiniaturesVariants: (props?: ({
+    type?: "default" | "variant2" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GandalfMiniaturesVariants = VariantProps<typeof gandalfMiniaturesVariants>;
+export type GandalfMiniaturesType = NonNullable<GandalfMiniaturesVariants['type']>;

package/dist/components/gandalf/kit/miniatures/index.js

@@ -0,0 +1,11 @@
+import Miniatures_default from "./Miniatures.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/miniatures/index.ts
+var gandalfMiniaturesVariants = cva("relative flex shrink-0 items-start justify-end overflow-clip rounded-xl", {
+	variants: { type: {
+		default: "border-bni-border bg-base-base h-12 w-36 gap-2 border p-1.5",
+		variant2: "bg-base-inverse size-12 p-1"
+	} },
+	defaultVariants: { type: "default" }
+});
+export { Miniatures_default as GMiniatures, gandalfMiniaturesVariants };

package/dist/components/gandalf/kit/report/AvatarReport.js

@@ -0,0 +1,4 @@
+import AvatarReport_vue_vue_type_script_setup_true_lang_default from "./AvatarReport.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/report/AvatarReport.vue
+var AvatarReport_default = AvatarReport_vue_vue_type_script_setup_true_lang_default;
+export { AvatarReport_default as default };

package/dist/components/gandalf/kit/report/AvatarReport.vue.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfAvatarReportType } from './index';
+type __VLS_Props = {
+    type?: GandalfAvatarReportType;
+    /** Accessible name; without it the avatar is decorative. */
+    label?: string;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: GandalfAvatarReportType;
+    label: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/gandalf/kit/report/AvatarReport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { cn } from "../../../../lib/utils.js";
+import GAvatar_default from "../../base/avatar/GAvatar.js";
+import { avatarReportIcons, gandalfAvatarReportVariants } from "./index.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
+// src/components/gandalf/kit/report/AvatarReport.vue?vue&type=script&setup=true&lang.ts
+var AvatarReport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AvatarReport",
+	props: {
+		type: { default: "access" },
+		label: { default: void 0 },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GAvatar_default), {
+				type: "square",
+				size: "xs",
+				"data-slot": "avatar-report",
+				"data-type": __props.type,
+				role: __props.label ? "img" : void 0,
+				"aria-label": __props.label,
+				"aria-hidden": __props.label ? void 0 : "true",
+				class: normalizeClass(unref(cn)(unref(gandalfAvatarReportVariants)({ type: __props.type }), props.class))
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(avatarReportIcons)[__props.type])))]),
+				_: 1
+			}, 8, [
+				"data-type",
+				"role",
+				"aria-label",
+				"aria-hidden",
+				"class"
+			]);
+		};
+	}
+});
+export { AvatarReport_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/report/CircleReport.js

@@ -0,0 +1,4 @@
+import CircleReport_vue_vue_type_script_setup_true_lang_default from "./CircleReport.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/report/CircleReport.vue
+var CircleReport_default = CircleReport_vue_vue_type_script_setup_true_lang_default;
+export { CircleReport_default as default };

package/dist/components/gandalf/kit/report/CircleReport.vue.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfCircleReportType } from './index';
+type __VLS_Props = {
+    type?: GandalfCircleReportType;
+    /** Accessible name; without it the circle is decorative. */
+    label?: string;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: GandalfCircleReportType;
+    label: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/gandalf/kit/report/CircleReport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { cn } from "../../../../lib/utils.js";
+import { circleReportIcons, gandalfCircleReportVariants } from "./index.js";
+import { createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, unref } from "vue";
+// src/components/gandalf/kit/report/CircleReport.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-type",
+	"role",
+	"aria-label",
+	"aria-hidden"
+];
+var CircleReport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CircleReport",
+	props: {
+		type: { default: "access" },
+		label: { default: void 0 },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				"data-slot": "circle-report",
+				"data-type": __props.type,
+				role: __props.label ? "img" : void 0,
+				"aria-label": __props.label,
+				"aria-hidden": __props.label ? void 0 : "true",
+				class: normalizeClass(unref(cn)(unref(gandalfCircleReportVariants)({ type: __props.type }), props.class))
+			}, [(openBlock(), createBlock(resolveDynamicComponent(unref(circleReportIcons)[__props.type])))], 10, _hoisted_1);
+		};
+	}
+});
+export { CircleReport_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/report/Icons.js

@@ -0,0 +1,4 @@
+import Icons_vue_vue_type_script_setup_true_lang_default from "./Icons.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/report/Icons.vue
+var Icons_default = Icons_vue_vue_type_script_setup_true_lang_default;
+export { Icons_default as default };

package/dist/components/gandalf/kit/report/Icons.vue.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfIconsType } from './index';
+type __VLS_Props = {
+    type?: GandalfIconsType;
+    /** Accessible name; without it the icon is decorative. */
+    label?: string;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "pole" | "pin" | "tree" | "door";
+    label: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;