@unergy-dev/gandalf 0.0.0-stage → 0.6.0

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;

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

@@ -0,0 +1,170 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfIconsVariants } from "./index.js";
+import { createElementBlock, createElementVNode, createStaticVNode, defineComponent, normalizeClass, openBlock, unref, useId } from "vue";
+// src/components/gandalf/kit/report/Icons.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-type",
+	"role",
+	"aria-label",
+	"aria-hidden"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "relative block h-[25px] w-5 shrink-0"
+};
+var _hoisted_3 = {
+	class: "absolute -top-px -left-0.5",
+	width: "24",
+	height: "29",
+	viewBox: "0 0 24 29",
+	fill: "none"
+};
+var _hoisted_4 = ["filter"];
+var _hoisted_5 = {
+	key: 1,
+	class: "relative block h-[27.3px] w-7 shrink-0"
+};
+var _hoisted_6 = {
+	class: "absolute -top-px left-0",
+	width: "28",
+	height: "31.3",
+	viewBox: "0 0 28 31.3024",
+	fill: "none"
+};
+var _hoisted_7 = ["filter"];
+var _hoisted_8 = {
+	key: 2,
+	class: "relative block h-[28.35px] w-[21px] shrink-0"
+};
+var _hoisted_9 = {
+	class: "absolute -top-px -left-0.5",
+	width: "25",
+	height: "32.34",
+	viewBox: "0 0 25 32.3448",
+	fill: "none"
+};
+var _hoisted_10 = ["filter"];
+var _hoisted_11 = {
+	key: 3,
+	class: "relative block h-[27px] w-6 shrink-0"
+};
+var _hoisted_12 = {
+	class: "absolute -top-px -left-0.5",
+	width: "28",
+	height: "31",
+	viewBox: "0 0 28 31",
+	fill: "none"
+};
+var _hoisted_13 = ["filter"];
+var Icons_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Icons",
+	props: {
+		type: { default: "pin" },
+		label: { default: void 0 },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const shadowId = `g-icons-shadow-${useId()}`;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				"data-slot": "icons",
+				"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(gandalfIconsVariants)(), props.class))
+			}, [createElementVNode("svg", {
+				width: "0",
+				height: "0",
+				class: "absolute",
+				"aria-hidden": "true"
+			}, [createElementVNode("filter", {
+				id: shadowId,
+				x: "-20%",
+				y: "-20%",
+				width: "140%",
+				height: "150%",
+				"color-interpolation-filters": "sRGB"
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("feDropShadow", {
+				dx: "0",
+				dy: "1",
+				stdDeviation: "1",
+				"flood-color": "#000",
+				"flood-opacity": "0.35"
+			}, null, -1)])])]), __props.type === "pin" ? (openBlock(), createElementBlock("span", _hoisted_2, [(openBlock(), createElementBlock("svg", _hoisted_3, [
+				createElementVNode("path", {
+					filter: `url(#${shadowId})`,
+					d: "M12 1C17.6598 1 21.9999 5.89475 22 11.6152C22 14.4049 20.9796 17.8432 19.3877 20.5938C18.5835 21.9832 17.5795 23.2936 16.3867 24.2773C15.1916 25.263 13.704 26 12 26C10.296 26 8.80841 25.263 7.61328 24.2773C6.42048 23.2936 5.41646 21.9832 4.6123 20.5938C3.02036 17.8432 2 14.4049 2 11.6152C2.00008 5.89475 6.34021 1 12 1Z",
+					fill: "white"
+				}, null, 8, _hoisted_4),
+				_cache[1] || (_cache[1] = createElementVNode("path", {
+					d: "M20 11.6154C20 16.3735 16.4183 24 12 24C7.58172 24 4 16.3735 4 11.6154C4 6.85724 7.58172 3 12 3C16.4183 3 20 6.85724 20 11.6154Z",
+					fill: "#FB2C36"
+				}, null, -1)),
+				_cache[2] || (_cache[2] = createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "4",
+					fill: "#C10007"
+				}, null, -1))
+			]))])) : __props.type === "tree" ? (openBlock(), createElementBlock("span", _hoisted_5, [(openBlock(), createElementBlock("svg", _hoisted_6, [
+				createElementVNode("path", {
+					filter: `url(#${shadowId})`,
+					d: "M11.0621 2.2858C12.6458 0.571401 15.3544 0.571402 16.9381 2.2858L22.067 7.83755C23.5154 9.40551 23.3944 11.5675 22.2847 13.0104L23.7496 14.3698C26.4148 16.843 24.6647 21.302 21.0289 21.3024H18.9996V25.3024C18.9995 26.9592 17.6564 28.3024 15.9996 28.3024H11.9996C10.3429 28.3022 8.99969 26.9591 8.99958 25.3024V21.3024H6.97126C3.33516 21.3023 1.58511 16.843 4.25056 14.3698L5.71443 13.0104C4.60502 11.5675 4.48391 9.40538 5.9322 7.83755L11.0621 2.2858Z",
+					fill: "white"
+				}, null, 8, _hoisted_7),
+				_cache[3] || (_cache[3] = createElementVNode("rect", {
+					x: "11",
+					y: "18.3021",
+					width: "6",
+					height: "8",
+					rx: "1",
+					fill: "#8F400E"
+				}, null, -1)),
+				_cache[4] || (_cache[4] = createElementVNode("path", {
+					d: "M12.6396 9.31438C13.4068 8.6025 14.5932 8.6025 15.3604 9.31438L22.3889 15.836C23.7216 17.0727 22.8466 19.3021 21.0285 19.3021H6.97148C5.15339 19.3021 4.27838 17.0727 5.61112 15.836L12.6396 9.31438Z",
+					fill: "#00997D"
+				}, null, -1)),
+				_cache[5] || (_cache[5] = createElementVNode("path", {
+					d: "M12.5309 3.64248C13.3228 2.78528 14.6773 2.78528 15.4692 3.64248L20.5984 9.19502C21.7817 10.476 20.8731 12.5521 19.1293 12.5521H8.87083C7.12696 12.5521 6.21842 10.476 7.40172 9.19502L12.5309 3.64248Z",
+					fill: "#02B985"
+				}, null, -1))
+			]))])) : __props.type === "door" ? (openBlock(), createElementBlock("span", _hoisted_8, [(openBlock(), createElementBlock("svg", _hoisted_9, [
+				createElementVNode("path", {
+					filter: `url(#${shadowId})`,
+					d: "M7.31836 2.62295C8.18303 1.45804 9.65917 0.788147 11.2207 1.06045L19.6875 2.53701C21.6024 2.87106 22.9998 4.53367 23 6.47744V24.2362C23 26.2449 21.5102 27.9425 19.5186 28.203L11.0518 29.3104C9.50223 29.513 8.06675 28.8031 7.24609 27.6229H6C3.85979 27.6229 2.11186 25.9416 2.00488 23.828L2 23.6229V6.62295C2 4.41381 3.79086 2.62295 6 2.62295H7.31836Z",
+					fill: "white"
+				}, null, 8, _hoisted_10),
+				_cache[6] || (_cache[6] = createElementVNode("path", {
+					d: "M4 6.62244C4 5.51787 4.89543 4.62244 6 4.62244H18.9864C20.0963 4.62244 20.9939 5.52615 20.9864 6.63599L20.8711 23.636C20.8637 24.7352 19.9704 25.6224 18.8712 25.6224H6C4.89543 25.6224 4 24.727 4 23.6224V6.62244Z",
+					fill: "#490606"
+				}, null, -1)),
+				_cache[7] || (_cache[7] = createElementVNode("path", {
+					d: "M8.53333 5.00137C8.53333 3.75942 9.65341 2.81775 10.8769 3.0311L19.3436 4.5075C20.3011 4.67448 21 5.50576 21 6.47777V24.2365C21 25.2409 20.2552 26.0894 19.2594 26.2196L10.7927 27.327C9.59532 27.4835 8.53333 26.5514 8.53333 25.3438V5.00137Z",
+					fill: "#A73F0F"
+				}, null, -1)),
+				_cache[8] || (_cache[8] = createElementVNode("circle", {
+					cx: "12.8",
+					cy: "15.6224",
+					r: "2",
+					fill: "#EFB83F"
+				}, null, -1))
+			]))])) : (openBlock(), createElementBlock("span", _hoisted_11, [(openBlock(), createElementBlock("svg", _hoisted_12, [createElementVNode("path", {
+				filter: `url(#${shadowId})`,
+				d: "M20 1C22.2091 1 24 2.79086 24 5V5.53613C25.1954 6.22781 26 7.51962 26 9C26 11.2091 24.2091 13 22 13H20V18C20 19.4802 19.1951 20.7711 18 21.4629V24C18 26.2091 16.2091 28 14 28C11.7909 28 10 26.2091 10 24V21.4629C8.80487 20.7711 8 19.4802 8 18V13H6C3.79086 13 2 11.2091 2 9C2 7.51962 2.80464 6.22781 4 5.53613V5C4 2.79086 5.79086 1 8 1C9.1953 1 10.267 1.52528 11 2.35645C11.733 1.52528 12.8047 1 14 1C15.1953 1 16.267 1.52528 17 2.35645C17.733 1.52528 18.8047 1 20 1Z",
+				fill: "white"
+			}, null, 8, _hoisted_13)])), _cache[9] || (_cache[9] = createStaticVNode("<span class=\"absolute top-0.5 left-0.5 block h-[23px] w-5\"><span class=\"absolute top-[17px] left-2 h-1.5 w-1 rounded-b-xs bg-[#5a8caf]\"></span><span class=\"absolute top-1 left-0 h-1 w-5 rounded-xs bg-[#5a8caf]\"></span><span class=\"absolute top-0 left-0.5 size-1 rounded-t-xs bg-[#386aa2]\"></span><span class=\"absolute top-0 left-2 size-1 rounded-t-xs bg-[#386aa2]\"></span><span class=\"absolute top-0 left-3.5 size-1 rounded-t-xs bg-[#386aa2]\"></span><span class=\"absolute top-2 left-1.5 h-[9px] w-2 rounded-xs bg-[#5ca4d6]\"></span></span>", 1))]))], 10, _hoisted_1);
+		};
+	}
+});
+export { Icons_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,56 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfIconsType, GandalfPickerItemType } from './index';
+type __VLS_Props = {
+    type?: GandalfPickerItemType;
+    /** Activated state ("State=Activated" in Figma). */
+    modelValue?: boolean;
+    /** Type=Icon: the Icons drawing shown. */
+    icon?: GandalfIconsType;
+    /** Type=Label: the text ("##" in Figma). */
+    label?: string;
+    showLabel?: boolean;
+    /** Type=Label: the color sample circle ("Opacity" in Figma). */
+    showOpacity?: boolean;
+    /** Type=Label: the line sample ("Thickness" in Figma). */
+    showThickness?: boolean;
+    /** Color of the sample circle, #BABBBD in Figma. */
+    color?: string;
+    /** Height of the sample line in px, 3 in Figma. */
+    thickness?: number;
+    /** Accessible name for Type=Icon, which only shows a drawing. */
+    ariaLabel?: string;
+    disabled?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: GandalfPickerItemType;
+    modelValue: boolean;
+    label: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    color: string;
+    icon: "pole" | "pin" | "tree" | "door";
+    showLabel: boolean;
+    ariaLabel: string;
+    showOpacity: boolean;
+    showThickness: boolean;
+    thickness: number;
+}, {}, {}, {}, 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/report/PickerItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,92 @@
+import { cn } from "../../../../lib/utils.js";
+import Icons_default from "./Icons.js";
+import { gandalfPickerItemVariants } from "./index.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
+// src/components/gandalf/kit/report/PickerItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-type",
+	"data-state",
+	"aria-pressed",
+	"aria-label",
+	"disabled"
+];
+var _hoisted_2 = {
+	key: 2,
+	class: "text-body-sm text-base-foreground truncate"
+};
+var PickerItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PickerItem",
+	props: {
+		type: { default: "icon" },
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
+		icon: { default: "tree" },
+		label: { default: void 0 },
+		showLabel: {
+			type: Boolean,
+			default: true
+		},
+		showOpacity: {
+			type: Boolean,
+			default: true
+		},
+		showThickness: {
+			type: Boolean,
+			default: true
+		},
+		color: { default: "#BABBBD" },
+		thickness: { default: 3 },
+		ariaLabel: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				"data-slot": "picker-item",
+				"data-type": __props.type,
+				"data-state": __props.modelValue ? "on" : "off",
+				"aria-pressed": __props.modelValue,
+				"aria-label": __props.ariaLabel,
+				disabled: __props.disabled,
+				class: normalizeClass(unref(cn)(unref(gandalfPickerItemVariants)({ type: __props.type }), props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", !__props.modelValue))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [__props.type === "icon" ? (openBlock(), createBlock(Icons_default, {
+				key: 0,
+				type: __props.icon,
+				class: "w-full"
+			}, null, 8, ["type"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				__props.showThickness ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "w-[18px] shrink-0 bg-slate-800",
+					style: normalizeStyle({ height: `${__props.thickness}px` })
+				}, null, 4)) : createCommentVNode("", true),
+				__props.showOpacity ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: "size-[22px] shrink-0 rounded-full",
+					style: normalizeStyle({ backgroundColor: __props.color })
+				}, null, 4)) : createCommentVNode("", true),
+				__props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])) : createCommentVNode("", true)
+			], 64))])], 10, _hoisted_1);
+		};
+	}
+});
+export { PickerItem_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfCircleReportType } from './index';
+type __VLS_Props = {
+    /** Text over the pin ("Layer name" in Figma). */
+    layerName?: string;
+    /** "Show Layer name" in Figma. */
+    showLayerName?: boolean;
+    /** Type of the Cirlcle Report inside the pin. */
+    report?: GandalfCircleReportType;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'layer-name'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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;
+    report: GandalfCircleReportType;
+    layerName: string;
+    showLayerName: boolean;
+}, {}, {}, {}, 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;
+    };
+};