@unergy-dev/gandalf 0.3.0 → 0.6.0

package/dist/components/gandalf/kit/files-card/FilesCard.vue.d.ts

@@ -11,7 +11,7 @@ type __VLS_Props = {
     modelValue?: boolean;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 } & {
@@ -19,9 +19,9 @@ type __VLS_Slots = {} & {
 } & {
     icon?: (props: typeof __VLS_10) => any;
 } & {
-    actions?: (props: typeof __VLS_12) => any;
+    actions?: (props: typeof __VLS_17) => any;
 } & {
-    preview?: (props: typeof __VLS_14) => any;
+    preview?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;

package/dist/components/gandalf/kit/files-card/FilesCard.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import { gandalfFilesCardVariants } from "./index.js";
 import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withKeys, withModifiers } from "vue";
-import { FileSpreadsheet, Folder } from "lucide-vue-next";
+import { File, FileSpreadsheet, Folder } from "lucide-vue-next";
 // src/components/gandalf/kit/files-card/FilesCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-state",
@@ -24,13 +24,10 @@ var _hoisted_7 = {
 	class: "group-hover:bg-alpha-dark-5 group-active:bg-alpha-dark-8 flex min-h-0 flex-1 flex-col gap-2 p-2"
 };
 var _hoisted_8 = { class: "flex items-center gap-2 pl-1" };
-var _hoisted_9 = {
-	key: 0,
-	class: "text-base-foreground shrink-0 [&_svg]:size-4"
-};
+var _hoisted_9 = { class: "text-base-foreground hidden shrink-0 group-hover:inline-flex [&_svg]:size-4" };
 var _hoisted_10 = { class: "text-base-foreground min-w-0 flex-1 truncate text-base leading-normal font-semibold" };
 var _hoisted_11 = { class: "bg-card flex min-h-0 flex-1 flex-col items-center justify-center gap-1.5 overflow-clip rounded-xl" };
-var _hoisted_12 = { class: "text-base-foreground [&_svg]:size-6" };
+var _hoisted_12 = { class: "text-base-foreground-quiet group-hover:text-base-foreground group-active:text-base-foreground group-data-[state=on]:text-base-foreground [&_svg]:size-6" };
 var _hoisted_13 = {
 	key: 0,
 	class: "text-base-foreground-quiet text-base leading-normal font-semibold uppercase"
@@ -84,10 +81,10 @@ var FilesCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
 				}, [renderSlot(_ctx.$slots, "actions")], 32)) : createCommentVNode("", true)
 			])) : (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_9, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_9, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(File))])]),
 				createElementVNode("span", _hoisted_10, toDisplayString(__props.title), 1),
 				_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
-					key: 1,
+					key: 0,
 					class: "shrink-0",
 					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
 					onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))

package/dist/components/gandalf/kit/header/Header.js

@@ -0,0 +1,4 @@
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/header/Header.vue
+var Header_default = Header_vue_vue_type_script_setup_true_lang_default;
+export { Header_default as default };

package/dist/components/gandalf/kit/header/Header.vue.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /** Shows the GSidebarTrigger after the logo. It needs a GSidebarProvider above (GLayout has one). */
+    sidebarTrigger?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    actions?: (props: typeof __VLS_15) => 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;
+    sidebarTrigger: 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;
+    };
+};

package/dist/components/gandalf/kit/header/Header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { cn } from "../../../../lib/utils.js";
+import GSidebarTrigger_default from "../../base/sidebar/GSidebarTrigger.js";
+import UnergyLogo_default from "./UnergyLogo.js";
+import { gandalfHeaderDividerClass, gandalfHeaderVariants } from "./index.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/gandalf/kit/header/Header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 items-center gap-1" };
+var Header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Header",
+	props: {
+		sidebarTrigger: {
+			type: Boolean,
+			default: true
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				"data-slot": "header",
+				class: normalizeClass(unref(cn)(unref(gandalfHeaderVariants)(), props.class))
+			}, [createElementVNode("div", _hoisted_1, [
+				renderSlot(_ctx.$slots, "logo", {}, () => [createVNode(UnergyLogo_default, { class: "shrink-0" })]),
+				__props.sidebarTrigger ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"aria-hidden": "true",
+					class: normalizeClass(unref(gandalfHeaderDividerClass))
+				}, null, 2)) : createCommentVNode("", true),
+				__props.sidebarTrigger ? (openBlock(), createBlock(unref(GSidebarTrigger_default), { key: 1 })) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default")
+			]), renderSlot(_ctx.$slots, "actions")], 2);
+		};
+	}
+});
+export { Header_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/header/UnergyLogo.js

@@ -0,0 +1,4 @@
+import UnergyLogo_vue_vue_type_script_setup_true_lang_default from "./UnergyLogo.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/header/UnergyLogo.vue
+var UnergyLogo_default = UnergyLogo_vue_vue_type_script_setup_true_lang_default;
+export { UnergyLogo_default as default };

package/dist/components/gandalf/kit/header/UnergyLogo.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/gandalf/kit/header/UnergyLogo.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+// src/components/gandalf/kit/header/UnergyLogo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	width: "15",
+	height: "22",
+	viewBox: "0 0 15 22",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	role: "img",
+	"aria-label": "Unergy"
+};
+var UnergyLogo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "UnergyLogo",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+				d: "M4.2741 9.85924C4.25474 9.52165 4.18004 9.19343 4.06661 8.8871C3.98638 8.66829 3.88955 8.46199 3.76783 8.26506C3.58523 7.95873 3.35285 7.6774 3.08726 7.43359C2.40945 6.81467 1.50203 6.40831 0.492237 6.34267C0.483938 6.34267 0.475637 6.34267 0.467337 6.34267H0.398174C0.293045 6.3583 0.210049 6.44582 0.19345 6.56148C0.190683 6.58023 0.187916 6.59899 0.187916 6.61774L0.240481 10.1718L0.27441 13.207H4.24921L4.28794 10.1718V10.0968C4.28794 10.0187 4.2824 9.94051 4.2741 9.86236V9.85924ZM14.9945 0.222273C14.9917 0.203518 14.9862 0.187889 14.9806 0.169134C14.9696 0.137875 14.953 0.106617 14.9308 0.0816102C14.9253 0.0816102 14.9198 0.0722327 14.9142 0.0659811C14.9087 0.0566035 14.9032 0.0534777 14.8976 0.047226C14.8561 0.0159676 14.8036 -0.00278743 14.7482 0.00033841C13.8242 0.0628552 12.9943 0.469214 12.3773 1.09438C12.1366 1.3382 11.9264 1.61952 11.7604 1.92586C11.6497 2.12278 11.5612 2.32909 11.4893 2.5479C11.3869 2.85423 11.3205 3.18244 11.3011 3.52003C11.2956 3.59818 11.2901 3.67633 11.2901 3.75447V3.82949L11.3288 5.30176H14.9225L15 0.275412C15 0.256657 14.9972 0.237902 14.9945 0.222273ZM11.3288 13.8822C11.3288 16.8236 10.2083 18.4428 7.65759 18.4428C5.28942 18.4428 4.24921 16.8236 4.24921 13.8822V13.0476H0.276447L0.265381 13.9135C0.265381 19.1492 2.81613 22 7.65759 22C12.499 22 14.9225 19.1492 14.9225 13.9135V5.233H11.3288V13.8822Z",
+				fill: "#2C2039"
+			}, null, -1), createElementVNode("path", {
+				d: "M2.23813 5.05805C3.47422 5.05805 4.47627 3.92586 4.47627 2.52924C4.47627 1.13262 3.47422 0.000438482 2.23813 0.000438482C1.00205 0.000438482 0 1.13262 0 2.52924C0 3.92586 1.00205 5.05805 2.23813 5.05805Z",
+				fill: "#915BD8"
+			}, null, -1)])]);
+		};
+	}
+});
+export { UnergyLogo_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,8 @@
+export { default as GHeader } from './Header.vue';
+/** Figma: Header — 48px `card/card` bar with a `bni/border` bottom edge, 16px sides and 8px gaps. */
+export declare const gandalfHeaderVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Figma: Header › Divider — a 24×32px frame with an 8px `primary/foreground-loud` line, 16px from
+ * its left edge.
+ */
+export declare const gandalfHeaderDividerClass = "before:bg-primary-foreground-loud relative h-8 w-6 shrink-0 before:absolute before:top-3 before:left-4 before:h-2 before:w-px";

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

@@ -0,0 +1,11 @@
+import Header_default from "./Header.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/header/index.ts
+/** Figma: Header — 48px `card/card` bar with a `bni/border` bottom edge, 16px sides and 8px gaps. */
+var gandalfHeaderVariants = cva("bg-card border-bni-border flex h-12 shrink-0 items-center gap-2 border-b px-4 py-3");
+/**
+* Figma: Header › Divider — a 24×32px frame with an 8px `primary/foreground-loud` line, 16px from
+* its left edge.
+*/
+var gandalfHeaderDividerClass = "before:bg-primary-foreground-loud relative h-8 w-6 shrink-0 before:absolute before:top-3 before:left-4 before:h-2 before:w-px";
+export { Header_default as GHeader, gandalfHeaderDividerClass, gandalfHeaderVariants };

package/dist/components/gandalf/kit/input-chat/InputChat.js

@@ -0,0 +1,4 @@
+import InputChat_vue_vue_type_script_setup_true_lang_default from "./InputChat.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/input-chat/InputChat.vue
+var InputChat_default = InputChat_vue_vue_type_script_setup_true_lang_default;
+export { InputChat_default as default };

package/dist/components/gandalf/kit/input-chat/InputChat.vue.d.ts

@@ -0,0 +1,52 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /** The text ("Input text" in Figma). */
+    modelValue?: string;
+    placeholder?: string;
+    /** Text of the comment being edited. Shows the "Editando" block and disables the attach buttons. */
+    editing?: string;
+    editingLabel?: string;
+    /** Whether the send button is enabled. By default, when there is text. */
+    canSend?: boolean;
+    disabled?: boolean;
+    attachFileLabel?: string;
+    attachImageLabel?: string;
+    sendLabel?: string;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    attachments?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    send: (value: string) => any;
+    "attach-file": () => any;
+    "attach-image": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSend?: ((value: string) => any) | undefined;
+    "onAttach-file"?: (() => any) | undefined;
+    "onAttach-image"?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    editing: string;
+    editingLabel: string;
+    canSend: boolean;
+    attachFileLabel: string;
+    attachImageLabel: string;
+    sendLabel: 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/input-chat/InputChat.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import { cn } from "../../../../lib/utils.js";
+import GButton_default from "../../base/button/GButton.js";
+import { gandalfInputChatVariants } from "./index.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { File, Image, Send } from "lucide-vue-next";
+// src/components/gandalf/kit/input-chat/InputChat.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex flex-wrap items-start gap-1.5"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "bg-information-muted flex w-full flex-col overflow-clip rounded-xl px-3 py-2 text-base leading-normal whitespace-nowrap"
+};
+var _hoisted_3 = { class: "text-information-bold truncate font-semibold" };
+var _hoisted_4 = { class: "text-base-foreground truncate" };
+var _hoisted_5 = [
+	"value",
+	"placeholder",
+	"disabled"
+];
+var _hoisted_6 = { class: "flex items-center justify-between" };
+var _hoisted_7 = { class: "flex min-w-0 flex-1 items-center gap-2" };
+var InputChat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InputChat",
+	props: {
+		modelValue: { default: "" },
+		placeholder: { default: void 0 },
+		editing: { default: void 0 },
+		editingLabel: { default: "Editando" },
+		canSend: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		attachFileLabel: { default: "Attach file" },
+		attachImageLabel: { default: "Attach image" },
+		sendLabel: { default: "Send" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"send",
+		"attach-file",
+		"attach-image"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const sendEnabled = computed(() => !props.disabled && (props.canSend ?? props.modelValue.trim().length > 0));
+		function onInput(event) {
+			emit("update:modelValue", event.target.value);
+		}
+		function send() {
+			if (sendEnabled.value) emit("send", props.modelValue);
+		}
+		function onKeydown(event) {
+			if (event.key !== "Enter" || event.shiftKey || event.isComposing) return;
+			event.preventDefault();
+			send();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "input-chat",
+				class: normalizeClass(unref(cn)(unref(gandalfInputChatVariants)(), props.class))
+			}, [
+				_ctx.$slots.attachments ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "attachments")])) : createCommentVNode("", true),
+				__props.editing !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.editingLabel), 1), createElementVNode("span", _hoisted_4, toDisplayString(__props.editing), 1)])) : createCommentVNode("", true),
+				createElementVNode("textarea", {
+					value: __props.modelValue,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					rows: "1",
+					class: normalizeClass(["text-base-foreground placeholder:text-base-foreground-extra-quiet [field-sizing:content] max-h-40 min-h-9 w-full resize-none bg-transparent py-1.5 text-base leading-normal outline-none disabled:cursor-not-allowed", __props.editing !== void 0 && "mt-1.5 min-h-6 py-0"]),
+					onInput,
+					onKeydown
+				}, null, 42, _hoisted_5),
+				createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "actions", {}, () => [createVNode(unref(GButton_default), {
+					variant: "ghost-primary",
+					"aria-label": __props.attachFileLabel,
+					disabled: __props.disabled || __props.editing !== void 0,
+					class: "group-focus-within/input-chat:text-secondary-foreground",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("attach-file"))
+				}, {
+					default: withCtx(() => [createVNode(unref(File), { class: "size-4" })]),
+					_: 1
+				}, 8, ["aria-label", "disabled"]), createVNode(unref(GButton_default), {
+					variant: "ghost-primary",
+					"aria-label": __props.attachImageLabel,
+					disabled: __props.disabled || __props.editing !== void 0,
+					class: "group-focus-within/input-chat:text-secondary-foreground",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("attach-image"))
+				}, {
+					default: withCtx(() => [createVNode(unref(Image), { class: "size-4" })]),
+					_: 1
+				}, 8, ["aria-label", "disabled"])])]), createVNode(unref(GButton_default), {
+					variant: "tonal-primary",
+					"aria-label": __props.sendLabel,
+					disabled: !sendEnabled.value,
+					onClick: send
+				}, {
+					default: withCtx(() => [createVNode(unref(Send), { class: "size-4" })]),
+					_: 1
+				}, 8, ["aria-label", "disabled"])])
+			], 2);
+		};
+	}
+});
+export { InputChat_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/kit/input-chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GInputChat } from './InputChat.vue';
+export declare const gandalfInputChatVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/gandalf/kit/input-chat/index.js

@@ -0,0 +1,5 @@
+import InputChat_default from "./InputChat.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/input-chat/index.ts
+var gandalfInputChatVariants = cva("group/input-chat bg-card border-bni-border-loud focus-within:border-primary focus-within:ring-primary flex w-full flex-col justify-center rounded-xl border p-3 shadow-md focus-within:ring-1 focus-within:ring-inset");
+export { InputChat_default as GInputChat, gandalfInputChatVariants };

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

@@ -0,0 +1,4 @@
+import Layout_vue_vue_type_script_setup_true_lang_default from "./Layout.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/layout/Layout.vue
+var Layout_default = Layout_vue_vue_type_script_setup_true_lang_default;
+export { Layout_default as default };

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

@@ -0,0 +1,49 @@
+import { Component, HTMLAttributes } from 'vue';
+import { SidebarNavGroup, SidebarNavItem } from '../sidebar';
+type __VLS_Props = {
+    /** Groups of the GKitSidebar. Leave empty and use the `sidebar` slot for a custom rail. */
+    groups?: SidebarNavGroup[];
+    /** `value` of the active sidebar item (v-model). */
+    modelValue?: string;
+    /** Component for sidebar items with `to`, such as `NuxtLink` or `RouterLink`. */
+    linkAs?: Component | string;
+    /** Expanded or collapsed sidebar (v-model:open). */
+    open?: boolean;
+    defaultOpen?: boolean;
+    class?: HTMLAttributes['class'];
+    /** Classes for the `<main>` that holds the page. */
+    contentClass?: HTMLAttributes['class'];
+};
+declare var __VLS_9: {}, __VLS_16: {}, __VLS_32: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_9) => any;
+} & {
+    sidebar?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    select: (item: SidebarNavItem) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelect?: ((item: SidebarNavItem) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: string;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    open: boolean;
+    defaultOpen: boolean;
+    contentClass: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    groups: SidebarNavGroup[];
+    linkAs: string | Component;
+}, {}, {}, {}, 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/Layout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { cn } from "../../../../lib/utils.js";
+import GSidebarInset_default from "../../base/sidebar/GSidebarInset.js";
+import GSidebarProvider_default from "../../base/sidebar/GSidebarProvider.js";
+import Header_default from "../header/Header.js";
+import Sidebar_default from "../sidebar/Sidebar.js";
+import { gandalfLayoutContentVariants, gandalfLayoutSidebarClass } from "./index.js";
+import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/gandalf/kit/layout/Layout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "relative flex min-h-0 flex-1" };
+var Layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Layout",
+	props: {
+		groups: { default: () => [] },
+		modelValue: { default: void 0 },
+		linkAs: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		contentClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"select"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(GSidebarProvider_default), {
+				open: props.open,
+				"default-open": __props.defaultOpen,
+				class: normalizeClass(unref(cn)("h-svh min-h-0 flex-col overflow-hidden", props.class)),
+				"onUpdate:open": _cache[2] || (_cache[2] = (value) => emit("update:open", value))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "header", {}, () => [createVNode(unref(Header_default))]), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "sidebar", {}, () => [__props.groups.length ? (openBlock(), createBlock(unref(Sidebar_default), {
+					key: 0,
+					groups: __props.groups,
+					"model-value": __props.modelValue,
+					"link-as": __props.linkAs,
+					class: normalizeClass(unref(gandalfLayoutSidebarClass)),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:modelValue", value)),
+					onSelect: _cache[1] || (_cache[1] = (item) => emit("select", item))
+				}, null, 8, [
+					"groups",
+					"model-value",
+					"link-as",
+					"class"
+				])) : createCommentVNode("", true)]), createVNode(unref(GSidebarInset_default), { class: normalizeClass(unref(cn)(unref(gandalfLayoutContentVariants)(), __props.contentClass)) }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["class"])])]),
+				_: 3
+			}, 8, [
+				"open",
+				"default-open",
+				"class"
+			]);
+		};
+	}
+});
+export { Layout_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,4 @@
+import LayoutBreadcrumbs_vue_vue_type_script_setup_true_lang_default from "./LayoutBreadcrumbs.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/layout/LayoutBreadcrumbs.vue
+var LayoutBreadcrumbs_default = LayoutBreadcrumbs_vue_vue_type_script_setup_true_lang_default;
+export { LayoutBreadcrumbs_default as default };

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    /** Shows the back button (Ghost primary sm with `arrow-left`). */
+    back?: boolean;
+    /** Accessible name of the back button. */
+    backLabel?: string;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    actions?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    back: boolean;
+    backLabel: 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/layout/LayoutBreadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { cn } from "../../../../lib/utils.js";
+import GButton_default from "../../base/button/GButton.js";
+import { gandalfLayoutBreadcrumbsVariants } from "./index.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ArrowLeft } from "lucide-vue-next";
+// src/components/gandalf/kit/layout/LayoutBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 items-center" };
+var _hoisted_2 = {
+	key: 1,
+	class: "flex shrink-0 items-center gap-2"
+};
+var LayoutBreadcrumbs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LayoutBreadcrumbs",
+	props: {
+		back: {
+			type: Boolean,
+			default: true
+		},
+		backLabel: { default: "Back" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["back"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "layout-breadcrumbs",
+				class: normalizeClass(unref(cn)(unref(gandalfLayoutBreadcrumbsVariants)(), props.class))
+			}, [
+				__props.back ? (openBlock(), createBlock(unref(GButton_default), {
+					key: 0,
+					variant: "ghost-primary",
+					size: "sm",
+					"aria-label": __props.backLabel,
+					onClick: _cache[0] || (_cache[0] = (event) => emit("back", event))
+				}, {
+					default: withCtx(() => [createVNode(unref(ArrowLeft))]),
+					_: 1
+				}, 8, ["aria-label"])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+export { LayoutBreadcrumbs_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,4 @@
+import LayoutTitle_vue_vue_type_script_setup_true_lang_default from "./LayoutTitle.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/layout/LayoutTitle.vue
+var LayoutTitle_default = LayoutTitle_vue_vue_type_script_setup_true_lang_default;
+export { LayoutTitle_default as default };