@unergy-dev/gandalf 0.0.0-stage → 0.6.0

package/dist/components/gandalf/kit/date-picker/presets.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerModelValue, DatePickerPreset } from './types';
+/** A preset's selection as of now. */
+export declare function resolvePreset(preset: DatePickerPreset): DatePickerModelValue;
+/**
+ * Which preset the current selection stands for, if any.
+ *
+ * Compared by day rather than by identity: a preset given as a function hands back a fresh date on
+ * every call, so `===` is always false and the row would never highlight. Exported on its own for
+ * a preset row rendered outside the picker.
+ */
+export declare function activePreset(presets: DatePickerPreset[], value: DatePickerModelValue): DatePickerPreset | undefined;

package/dist/components/gandalf/kit/date-picker/presets.js

@@ -0,0 +1,29 @@
+import { isRange, toISODate } from "./date.js";
+// src/components/gandalf/kit/date-picker/presets.ts
+/** A preset's selection as of now. */
+function resolvePreset(preset) {
+	return typeof preset.value === "function" ? preset.value() : preset.value;
+}
+/** The day fields of a selection, and nothing else — what two selections are compared by. */
+function key(value) {
+	if (value === void 0 || value === null) return "";
+	if (isRange(value)) {
+		const start = toISODate(value.start);
+		const end = toISODate(value.end);
+		return start || end ? `${start}/${end}` : "";
+	}
+	return toISODate(value);
+}
+/**
+* Which preset the current selection stands for, if any.
+*
+* Compared by day rather than by identity: a preset given as a function hands back a fresh date on
+* every call, so `===` is always false and the row would never highlight. Exported on its own for
+* a preset row rendered outside the picker.
+*/
+function activePreset(presets, value) {
+	const target = key(value);
+	if (target === "") return void 0;
+	return presets.find((preset) => key(resolvePreset(preset)) === target);
+}
+export { activePreset, resolvePreset };

package/dist/components/gandalf/kit/date-picker/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * A day, in the shapes a caller is likely to already have one in.
+ *
+ * A `string` is read as an ISO date (`YYYY-MM-DD`) — the shape the platform's APIs speak — so a
+ * value straight off a response can be bound without converting it first. What the picker writes
+ * back is always a `Date`, so a caller only ever has to read one type.
+ */
+export type DatePickerDate = Date | string;
+/** A range. `end` is missing for as long as it takes the user to click the second day. */
+export type DatePickerRange = {
+    start?: DatePickerDate;
+    end?: DatePickerDate;
+};
+/** What `v-model` carries: a day for `type="single"`, a range for `type="range"`. */
+export type DatePickerModelValue = DatePickerDate | DatePickerRange | undefined;
+/** What the picker writes back: the same two shapes, narrowed to `Date`. */
+export type DatePickerSelection = Date | {
+    start?: Date;
+    end?: Date;
+} | undefined;
+/** Whether `value` is a day or a range. */
+export type DatePickerType = 'single' | 'range';
+/** Keeps a single day out of reach. Return `true` to disable it. */
+export type DatePickerMatcher = (date: Date) => boolean;
+/** The first column of the week. `0` is Sunday, `1` Monday. */
+export type DatePickerWeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * A shortcut beside the calendar.
+ *
+ * Give `value` as a function whenever it is relative to now. A preset computed once at module
+ * scope is right until midnight and then quietly wrong for everyone who left the tab open; the
+ * function is called when the row renders and again when it is clicked, so both the highlight and
+ * the selection come from the clock as it is.
+ */
+export type DatePickerPreset = {
+    /** Shown on the shortcut, and on the trigger while it is the active selection. */
+    label: string;
+    /** The selection it stands for. */
+    value: DatePickerModelValue | (() => DatePickerModelValue);
+};

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

@@ -0,0 +1,4 @@
+import FilesCard_vue_vue_type_script_setup_true_lang_default from "./FilesCard.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/kit/files-card/FilesCard.vue
+var FilesCard_default = FilesCard_vue_vue_type_script_setup_true_lang_default;
+export { FilesCard_default as default };

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfFilesCardType } from './index';
+type __VLS_Props = {
+    title: string;
+    type?: GandalfFilesCardType;
+    /** Second line of a folder, e.g. "12 files". */
+    fileCount?: string | number;
+    /** File type shown in the preview of a file, e.g. "xlsx". */
+    extension?: string;
+    /** Activated state ("State=Activated" in Figma). */
+    modelValue?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+} & {
+    icon?: (props: typeof __VLS_10) => any;
+} & {
+    actions?: (props: typeof __VLS_17) => 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;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    type: GandalfFilesCardType;
+    modelValue: boolean;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    fileCount: string | number;
+    extension: 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/files-card/FilesCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+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 { 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",
+	"aria-pressed",
+	"onKeydown"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "group-hover:bg-alpha-dark-5 group-active:bg-alpha-dark-8 flex h-full min-w-0 flex-1 items-center gap-4 px-5"
+};
+var _hoisted_3 = { class: "text-base-foreground shrink-0 [&_svg]:size-6" };
+var _hoisted_4 = { class: "flex min-w-0 flex-1 flex-col gap-0.5 pb-0.5" };
+var _hoisted_5 = { class: "text-base-foreground truncate text-base leading-normal font-semibold" };
+var _hoisted_6 = {
+	key: 0,
+	class: "text-base-foreground-quiet text-sm leading-[normal]"
+};
+var _hoisted_7 = {
+	key: 1,
+	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 = { 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-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"
+};
+var FilesCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "FilesCard",
+	props: {
+		title: {},
+		type: { default: "folder" },
+		fileCount: { default: void 0 },
+		extension: { default: void 0 },
+		modelValue: {
+			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;
+		function toggle() {
+			emit("update:modelValue", !props.modelValue);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "button",
+				tabindex: "0",
+				"data-slot": "files-card",
+				"data-state": __props.modelValue ? "on" : "off",
+				"aria-pressed": __props.modelValue,
+				class: normalizeClass(unref(cn)(unref(gandalfFilesCardVariants)({ type: __props.type }), props.class)),
+				onClick: toggle,
+				onKeydown: [withKeys(withModifiers(toggle, ["prevent"]), ["enter"]), withKeys(withModifiers(toggle, ["prevent"]), ["space"])]
+			}, [__props.type === "folder" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(Folder))])]),
+				createElementVNode("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1), __props.fileCount !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.fileCount), 1)) : createCommentVNode("", true)]),
+				_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "shrink-0",
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}, [renderSlot(_ctx.$slots, "actions")], 32)) : createCommentVNode("", true)
+			])) : (openBlock(), createElementBlock("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [
+				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: 0,
+					class: "shrink-0",
+					onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+					onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+				}, [renderSlot(_ctx.$slots, "actions")], 32)) : createCommentVNode("", true)
+			]), createElementVNode("div", _hoisted_11, [renderSlot(_ctx.$slots, "preview", {}, () => [createElementVNode("span", _hoisted_12, [createVNode(unref(FileSpreadsheet))]), __props.extension ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.extension), 1)) : createCommentVNode("", true)])])]))], 42, _hoisted_1);
+		};
+	}
+});
+export { FilesCard_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as GFilesCard } from './FilesCard.vue';
+export declare const gandalfFilesCardVariants: (props?: ({
+    type?: "file" | "folder" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GandalfFilesCardVariants = VariantProps<typeof gandalfFilesCardVariants>;
+export type GandalfFilesCardType = NonNullable<GandalfFilesCardVariants['type']>;

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

@@ -0,0 +1,11 @@
+import FilesCard_default from "./FilesCard.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/kit/files-card/index.ts
+var gandalfFilesCardVariants = cva("group flex w-full cursor-pointer overflow-clip rounded-2xl border border-bni-border-loud bg-base-base text-left outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=on]:border-accent-primary-foreground data-[state=on]:bg-accent-primary", {
+	variants: { type: {
+		folder: "h-18",
+		file: "h-48 flex-col"
+	} },
+	defaultVariants: { type: "folder" }
+});
+export { FilesCard_default as GFilesCard, gandalfFilesCardVariants };

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;
+    };
+};