@unergy-dev/gandalf 0.3.0 → 0.6.0

package/dist/components/gandalf/base/dialog/GDialogTitle.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,10 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
 export { default as GDialog } from './GDialog.vue';
 export { default as GDialogTrigger } from './GDialogTrigger.vue';
 export { default as GDialogContent } from './GDialogContent.vue';
 export { default as GDialogHeader } from './GDialogHeader.vue';
+export { default as GDialogBody } from './GDialogBody.vue';
 export { default as GDialogFooter } from './GDialogFooter.vue';
 export { default as GDialogTitle } from './GDialogTitle.vue';
 export { default as GDialogDescription } from './GDialogDescription.vue';
 export { default as GDialogClose } from './GDialogClose.vue';
 export { default as GDialogScrollContent } from './GDialogScrollContent.vue';
 export { default as GDialogOverlay } from './GDialogOverlay.vue';
+export declare const gandalfDialogContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfDialogHeaderVariants: (props?: ({
+    type?: "center" | "left" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GandalfDialogHeaderVariants = VariantProps<typeof gandalfDialogHeaderVariants>;
+export type GandalfDialogHeaderType = NonNullable<GandalfDialogHeaderVariants['type']>;
+export declare const gandalfDialogHeaderIconVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfDialogTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfDialogDescriptionVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfDialogBodyVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfDialogFooterVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,27 @@
+import GDialog_default from "./GDialog.js";
+import GDialogTrigger_default from "./GDialogTrigger.js";
+import GDialogContent_default from "./GDialogContent.js";
+import GDialogClose_default from "./GDialogClose.js";
+import GDialogHeader_default from "./GDialogHeader.js";
+import GDialogBody_default from "./GDialogBody.js";
+import GDialogFooter_default from "./GDialogFooter.js";
+import GDialogTitle_default from "./GDialogTitle.js";
+import GDialogDescription_default from "./GDialogDescription.js";
+import GDialogScrollContent_default from "./GDialogScrollContent.js";
+import GDialogOverlay_default from "./GDialogOverlay.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/base/dialog/index.ts
+var gandalfDialogContentVariants = cva("bg-card text-base-foreground flex flex-col gap-0 overflow-clip rounded-3xl border-0 p-0 shadow-lg sm:max-w-[416px]");
+var gandalfDialogHeaderVariants = cva("flex h-18 shrink-0 flex-row items-center gap-3 py-0", {
+	variants: { type: {
+		left: "pr-4 pl-6 text-left sm:text-left",
+		center: "justify-center px-6 text-center sm:text-center"
+	} },
+	defaultVariants: { type: "left" }
+});
+var gandalfDialogHeaderIconVariants = cva("text-base-foreground flex shrink-0 [&_svg]:size-6 [&_svg]:shrink-0");
+var gandalfDialogTitleVariants = cva("text-base-foreground min-w-0 flex-1 text-2xl leading-[normal] font-semibold");
+var gandalfDialogDescriptionVariants = cva("text-base-foreground text-base leading-normal font-normal");
+var gandalfDialogBodyVariants = cva("flex flex-col gap-5 px-6 py-3");
+var gandalfDialogFooterVariants = cva("flex flex-row items-center justify-end gap-2 p-6 sm:flex-row sm:justify-end");
+export { GDialog_default as GDialog, GDialogBody_default as GDialogBody, GDialogClose_default as GDialogClose, GDialogContent_default as GDialogContent, GDialogDescription_default as GDialogDescription, GDialogFooter_default as GDialogFooter, GDialogHeader_default as GDialogHeader, GDialogOverlay_default as GDialogOverlay, GDialogScrollContent_default as GDialogScrollContent, GDialogTitle_default as GDialogTitle, GDialogTrigger_default as GDialogTrigger, gandalfDialogBodyVariants, gandalfDialogContentVariants, gandalfDialogDescriptionVariants, gandalfDialogFooterVariants, gandalfDialogHeaderIconVariants, gandalfDialogHeaderVariants, gandalfDialogTitleVariants };

package/dist/components/gandalf/base/dropdown/GDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import { gandalfMenuContentVariants, gandalfMenuItemVariants, gandalfMenuLabelVariants, gandalfMenuSeparatorVariants } from "../menu/index.js";
 import DropdownMenu_default from "../../../ui/dropdown-menu/DropdownMenu.js";
 import DropdownMenuContent_default from "../../../ui/dropdown-menu/DropdownMenuContent.js";
 import DropdownMenuItem_default from "../../../ui/dropdown-menu/DropdownMenuItem.js";
 import DropdownMenuLabel_default from "../../../ui/dropdown-menu/DropdownMenuLabel.js";
 import DropdownMenuSeparator_default from "../../../ui/dropdown-menu/DropdownMenuSeparator.js";
 import DropdownMenuTrigger_default from "../../../ui/dropdown-menu/DropdownMenuTrigger.js";
+import { gandalfMenuContentVariants, gandalfMenuItemVariants, gandalfMenuLabelVariants, gandalfMenuSeparatorVariants } from "../menu/index.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/gandalf/base/dropdown/GDropdown.vue?vue&type=script&setup=true&lang.ts
 var GDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({

package/dist/components/gandalf/base/input/GInput.vue.d.ts

@@ -6,10 +6,22 @@ type __VLS_Props = {
     modelValue?: string | number;
     size?: GandalfInputSize;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+type __VLS_Slots = {
+    /** Icon before the text ("Leading icon" in Figma). */
+    leading?: () => unknown;
+    /** Icon after the text ("Trailing icon" in Figma). */
+    trailing?: () => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/gandalf/base/input/GInput.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
 import { cn } from "../../../../lib/utils.js";
 import Input_default from "../../../ui/input/Input.js";
-import { gandalfInputVariants } from "./index.js";
-import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { gandalfFieldWithinClass, gandalfInputFieldInputClass, gandalfInputFieldVariants, gandalfInputVariants } from "./index.js";
+import { createBlock, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/input/GInput.vue?vue&type=script&setup=true&lang.ts
 var GInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
 	__name: "GInput",
 	props: {
 		class: { type: [
@@ -23,11 +24,28 @@ var GInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class", "size");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Input_default), mergeProps(unref(delegatedProps), {
+			return _ctx.$slots.leading || _ctx.$slots.trailing ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-slot": "input-field",
+				class: normalizeClass(unref(cn)(unref(gandalfFieldWithinClass), unref(gandalfInputFieldVariants)({ size: __props.size }), props.class))
+			}, [
+				renderSlot(_ctx.$slots, "leading"),
+				createVNode(unref(Input_default), mergeProps({
+					..._ctx.$attrs,
+					...unref(delegatedProps)
+				}, {
+					class: unref(gandalfInputFieldInputClass),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+				}), null, 16, ["class"]),
+				renderSlot(_ctx.$slots, "trailing")
+			], 2)) : (openBlock(), createBlock(unref(Input_default), mergeProps({ key: 1 }, {
+				..._ctx.$attrs,
+				...unref(delegatedProps)
+			}, {
 				"data-size": __props.size ?? "md",
 				class: unref(cn)(unref(gandalfInputVariants)({ size: __props.size }), props.class),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-			}), null, 16, ["data-size", "class"]);
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, ["data-size", "class"]));
 		};
 	}
 });

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

@@ -1,11 +1,16 @@
 import { VariantProps } from 'class-variance-authority';
 export { default as GInput } from './GInput.vue';
 export declare const gandalfFieldVariants: (props?: ({
-    size?: "sm" | "md" | "xs" | null | undefined;
+    size?: "md" | "sm" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const gandalfInputVariants: (props?: GandalfFieldVariants) => string;
 /** Field look for a wrapper around an <input> (icons inside the field): states follow the input. */
 export declare const gandalfFieldWithinClass = "rounded-lg border border-bni-border-loud bg-bni-background text-base-foreground hover:bg-bni-input focus-within:border-base-foreground-quiet focus-within:bg-bni-input focus-within:ring-1 focus-within:ring-base-foreground-quiet focus-within:ring-inset has-[input:disabled]:border-muted-foreground-quiet has-[input:disabled]:bg-muted has-[input:disabled]:text-muted-foreground-quiet";
+export declare const gandalfInputFieldVariants: (props?: ({
+    size?: "md" | "sm" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** The <input> inside gandalfInputFieldVariants: no field look of its own (the wrapper has it). */
+export declare const gandalfInputFieldInputClass = "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:inherit] shadow-none md:text-[length:inherit] dark:bg-transparent focus-visible:ring-0 aria-invalid:ring-0 disabled:opacity-100 placeholder:text-base-foreground-extra-quiet disabled:placeholder:text-muted-foreground-quiet";
 /** Layout for a <button> that opens a list and looks like a field. */
 export declare const gandalfFieldTriggerClass = "flex w-full cursor-pointer items-center justify-between gap-2 text-left whitespace-nowrap outline-none disabled:pointer-events-none disabled:cursor-not-allowed";
 /** Placeholder text inside a field trigger. */

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

@@ -19,8 +19,18 @@ var gandalfFieldVariants = cva([
 var gandalfInputVariants = (props) => [gandalfFieldVariants(props), "placeholder:text-base-foreground-extra-quiet disabled:placeholder:text-muted-foreground-quiet"].join(" ");
 /** Field look for a wrapper around an <input> (icons inside the field): states follow the input. */
 var gandalfFieldWithinClass = "rounded-lg border border-bni-border-loud bg-bni-background text-base-foreground hover:bg-bni-input focus-within:border-base-foreground-quiet focus-within:bg-bni-input focus-within:ring-1 focus-within:ring-base-foreground-quiet focus-within:ring-inset has-[input:disabled]:border-muted-foreground-quiet has-[input:disabled]:bg-muted has-[input:disabled]:text-muted-foreground-quiet";
+var gandalfInputFieldVariants = cva(["flex w-full items-center [&_svg]:shrink-0", "has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]:focus-visible]:border-destructive has-[input[aria-invalid=true]:focus-visible]:ring-destructive"], {
+	variants: { size: {
+		xs: "h-6 gap-1.5 px-2 text-xs [&_svg]:size-3",
+		sm: "h-8 gap-1.5 px-2.5 text-sm [&_svg]:size-3.5",
+		md: "h-10 gap-2 px-3 text-base [&_svg]:size-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** The <input> inside gandalfInputFieldVariants: no field look of its own (the wrapper has it). */
+var gandalfInputFieldInputClass = "h-full min-w-0 flex-1 rounded-none border-0 bg-transparent p-0 text-[length:inherit] shadow-none md:text-[length:inherit] dark:bg-transparent focus-visible:ring-0 aria-invalid:ring-0 disabled:opacity-100 placeholder:text-base-foreground-extra-quiet disabled:placeholder:text-muted-foreground-quiet";
 /** Layout for a <button> that opens a list and looks like a field. */
 var gandalfFieldTriggerClass = "flex w-full cursor-pointer items-center justify-between gap-2 text-left whitespace-nowrap outline-none disabled:pointer-events-none disabled:cursor-not-allowed";
 /** Placeholder text inside a field trigger. */
 var gandalfFieldPlaceholderClass = "text-base-foreground-extra-quiet";
-export { GInput_default as GInput, gandalfFieldPlaceholderClass, gandalfFieldTriggerClass, gandalfFieldVariants, gandalfFieldWithinClass, gandalfInputVariants };
+export { GInput_default as GInput, gandalfFieldPlaceholderClass, gandalfFieldTriggerClass, gandalfFieldVariants, gandalfFieldWithinClass, gandalfInputFieldInputClass, gandalfInputFieldVariants, gandalfInputVariants };

package/dist/components/gandalf/base/input-group/GInputGroupButton.vue.d.ts

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "icon-sm" | "xs" | "icon-xs" | null;
+    size: "sm" | "xs" | "icon-sm" | "icon-xs" | null;
     class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
-    variant: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null;
+    variant: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/gandalf/base/menu/GMenu.js

@@ -0,0 +1,4 @@
+import GMenu_vue_vue_type_script_setup_true_lang_default from "./GMenu.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenu.vue
+var GMenu_default = GMenu_vue_vue_type_script_setup_true_lang_default;
+export { GMenu_default as default };

package/dist/components/gandalf/base/menu/GMenu.vue.d.ts

@@ -0,0 +1,20 @@
+import { DropdownMenuRootProps } from 'reka-ui';
+declare var __VLS_7: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DropdownMenuRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (payload: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
+    "onUpdate:open"?: ((payload: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/gandalf/base/menu/GMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import DropdownMenu_default from "../../../ui/dropdown-menu/DropdownMenu.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useForwardPropsEmits } from "reka-ui";
+// src/components/gandalf/base/menu/GMenu.vue?vue&type=script&setup=true&lang.ts
+var GMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenu",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		dir: {},
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenu_default), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { GMenu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/menu/GMenuContent.js

@@ -0,0 +1,4 @@
+import GMenuContent_vue_vue_type_script_setup_true_lang_default from "./GMenuContent.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenuContent.vue
+var GMenuContent_default = GMenuContent_vue_vue_type_script_setup_true_lang_default;
+export { GMenuContent_default as default };

package/dist/components/gandalf/base/menu/GMenuContent.vue.d.ts

@@ -0,0 +1,34 @@
+import { DropdownMenuContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DropdownMenuContentProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/gandalf/base/menu/GMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { cn } from "../../../../lib/utils.js";
+import DropdownMenuContent_default from "../../../ui/dropdown-menu/DropdownMenuContent.js";
+import { gandalfMenuContentVariants } from "./index.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { useForwardPropsEmits } from "reka-ui";
+// src/components/gandalf/base/menu/GMenuContent.vue?vue&type=script&setup=true&lang.ts
+var GMenuContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenuContent",
+	props: {
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuContent_default), mergeProps(unref(forwarded), { class: unref(cn)(unref(gandalfMenuContentVariants)(), "min-w-50 p-3", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { GMenuContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/menu/GMenuItem.js

@@ -0,0 +1,4 @@
+import GMenuItem_vue_vue_type_script_setup_true_lang_default from "./GMenuItem.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenuItem.vue
+var GMenuItem_default = GMenuItem_vue_vue_type_script_setup_true_lang_default;
+export { GMenuItem_default as default };

package/dist/components/gandalf/base/menu/GMenuItem.vue.d.ts

@@ -0,0 +1,27 @@
+import { DropdownMenuItemProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { GandalfMenuItemVariant } from './index';
+type __VLS_Props = DropdownMenuItemProps & {
+    variant?: GandalfMenuItemVariant;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    variant: GandalfMenuItemVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/gandalf/base/menu/GMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { cn } from "../../../../lib/utils.js";
+import DropdownMenuItem_default from "../../../ui/dropdown-menu/DropdownMenuItem.js";
+import { gandalfMenuItemVariants } from "./index.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { useForwardPropsEmits } from "reka-ui";
+// src/components/gandalf/base/menu/GMenuItem.vue?vue&type=script&setup=true&lang.ts
+var GMenuItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenuItem",
+	props: {
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		variant: { default: "default" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "variant", "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuItem_default), mergeProps(unref(forwarded), {
+				"data-menu-variant": __props.variant,
+				class: unref(cn)(unref(gandalfMenuItemVariants)({ variant: __props.variant }), props.class)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-menu-variant", "class"]);
+		};
+	}
+});
+export { GMenuItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/menu/GMenuLabel.js

@@ -0,0 +1,4 @@
+import GMenuLabel_vue_vue_type_script_setup_true_lang_default from "./GMenuLabel.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenuLabel.vue
+var GMenuLabel_default = GMenuLabel_vue_vue_type_script_setup_true_lang_default;
+export { GMenuLabel_default as default };

package/dist/components/gandalf/base/menu/GMenuLabel.vue.d.ts

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

package/dist/components/gandalf/base/menu/GMenuLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { cn } from "../../../../lib/utils.js";
+import DropdownMenuLabel_default from "../../../ui/dropdown-menu/DropdownMenuLabel.js";
+import { gandalfMenuLabelVariants } from "./index.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+// src/components/gandalf/base/menu/GMenuLabel.vue?vue&type=script&setup=true&lang.ts
+var GMenuLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenuLabel",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuLabel_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfMenuLabelVariants)(), props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { GMenuLabel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/menu/GMenuSeparator.js

@@ -0,0 +1,4 @@
+import GMenuSeparator_vue_vue_type_script_setup_true_lang_default from "./GMenuSeparator.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenuSeparator.vue
+var GMenuSeparator_default = GMenuSeparator_vue_vue_type_script_setup_true_lang_default;
+export { GMenuSeparator_default as default };

package/dist/components/gandalf/base/{sonner/GToastCard.vue.d.ts → menu/GMenuSeparator.vue.d.ts}

@@ -1,9 +1,7 @@
-import { GandalfToastColor } from './index';
-type __VLS_Props = {
-    id: string | number;
-    title: string;
-    description?: string;
-    color: GandalfToastColor;
+import { DropdownMenuSeparatorProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = DropdownMenuSeparatorProps & {
+    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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/gandalf/base/menu/GMenuSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { cn } from "../../../../lib/utils.js";
+import DropdownMenuSeparator_default from "../../../ui/dropdown-menu/DropdownMenuSeparator.js";
+import { gandalfMenuSeparatorVariants } from "./index.js";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+// src/components/gandalf/base/menu/GMenuSeparator.vue?vue&type=script&setup=true&lang.ts
+var GMenuSeparator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenuSeparator",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const delegatedProps = reactiveOmit(props, "class");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuSeparator_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfMenuSeparatorVariants)(), "mt-[17.5px] mb-[21.5px]", props.class) }), null, 16, ["class"]);
+		};
+	}
+});
+export { GMenuSeparator_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/menu/GMenuTrigger.js

@@ -0,0 +1,4 @@
+import GMenuTrigger_vue_vue_type_script_setup_true_lang_default from "./GMenuTrigger.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/menu/GMenuTrigger.vue
+var GMenuTrigger_default = GMenuTrigger_vue_vue_type_script_setup_true_lang_default;
+export { GMenuTrigger_default as default };

package/dist/components/gandalf/base/menu/GMenuTrigger.vue.d.ts

@@ -0,0 +1,16 @@
+import { DropdownMenuTriggerProps } from 'reka-ui';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {
+    asChild: 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/base/menu/GMenuTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import DropdownMenuTrigger_default from "../../../ui/dropdown-menu/DropdownMenuTrigger.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/gandalf/base/menu/GMenuTrigger.vue?vue&type=script&setup=true&lang.ts
+var GMenuTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GMenuTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: {
+			type: Boolean,
+			default: true
+		},
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuTrigger_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { GMenuTrigger_vue_vue_type_script_setup_true_lang_default as default };