@unergy-dev/gandalf 0.3.0 → 0.6.0

package/dist/components/gandalf/base/breadcrumb/GBreadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -1,23 +1,34 @@
 import { cn } from "../../../../lib/utils.js";
 import Breadcrumb_default from "../../../ui/breadcrumb/Breadcrumb.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey } from "./index.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, provide, renderSlot, toRef, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumb.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumb_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GBreadcrumb",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		size: { default: "md" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
 	setup(__props) {
 		const props = __props;
+		provide(breadcrumbSizeKey, toRef(() => props.size));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Breadcrumb_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(Breadcrumb_default), {
+				"data-size": __props.size,
+				class: normalizeClass(unref(cn)(props.class))
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, ["data-size", "class"]);
 		};
 	}
 });

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbEllipsis.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbEllipsis_default from "../../../ui/breadcrumb/BreadcrumbEllipsis.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey, gandalfBreadcrumbEllipsisVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbEllipsis.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbEllipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GBreadcrumbEllipsis",
@@ -13,8 +14,9 @@ var GBreadcrumbEllipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	] } },
 	setup(__props) {
 		const props = __props;
+		const size = inject(breadcrumbSizeKey, computed(() => "md"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbEllipsis_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(BreadcrumbEllipsis_default), { class: normalizeClass(unref(cn)(unref(gandalfBreadcrumbEllipsisVariants)({ size: unref(size) }), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbItem.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbItem_default from "../../../ui/breadcrumb/BreadcrumbItem.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey, gandalfBreadcrumbItemVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GBreadcrumbItem",
@@ -13,8 +14,9 @@ var GBreadcrumbItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	] } },
 	setup(__props) {
 		const props = __props;
+		const size = inject(breadcrumbSizeKey, computed(() => "md"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbItem_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(BreadcrumbItem_default), { class: normalizeClass(unref(cn)(unref(gandalfBreadcrumbItemVariants)({ size: unref(size) }), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbLink.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbLink_default from "../../../ui/breadcrumb/BreadcrumbLink.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey, gandalfBreadcrumbLinkVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbLink.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -22,8 +23,9 @@ var GBreadcrumbLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class");
+		const size = inject(breadcrumbSizeKey, computed(() => "md"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbLink_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
+			return openBlock(), createBlock(unref(BreadcrumbLink_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfBreadcrumbLinkVariants)({ size: unref(size) }), props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbList.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbList_default from "../../../ui/breadcrumb/BreadcrumbList.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey, gandalfBreadcrumbListVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbList.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GBreadcrumbList",
@@ -13,8 +14,9 @@ var GBreadcrumbList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	] } },
 	setup(__props) {
 		const props = __props;
+		const size = inject(breadcrumbSizeKey, computed(() => "md"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbList_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(BreadcrumbList_default), { class: normalizeClass(unref(cn)(unref(gandalfBreadcrumbListVariants)({ size: unref(size) }), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbPage.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbPage_default from "../../../ui/breadcrumb/BreadcrumbPage.js";
+import { gandalfBreadcrumbPageVariants } from "./index.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbPage.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -14,7 +15,7 @@ var GBreadcrumbPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbPage_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(BreadcrumbPage_default), { class: normalizeClass(unref(cn)(unref(gandalfBreadcrumbPageVariants)(), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);

package/dist/components/gandalf/base/breadcrumb/GBreadcrumbSeparator.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { cn } from "../../../../lib/utils.js";
 import BreadcrumbSeparator_default from "../../../ui/breadcrumb/BreadcrumbSeparator.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { breadcrumbSizeKey, gandalfBreadcrumbSeparatorVariants } from "./index.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/breadcrumb/GBreadcrumbSeparator.vue?vue&type=script&setup=true&lang.ts
 var GBreadcrumbSeparator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GBreadcrumbSeparator",
@@ -13,8 +14,9 @@ var GBreadcrumbSeparator_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 	] } },
 	setup(__props) {
 		const props = __props;
+		const size = inject(breadcrumbSizeKey, computed(() => "md"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(BreadcrumbSeparator_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createBlock(unref(BreadcrumbSeparator_default), { class: normalizeClass(unref(cn)(unref(gandalfBreadcrumbSeparatorVariants)({ size: unref(size) }), props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, ["class"]);

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

@@ -1,3 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import { InjectionKey, Ref } from 'vue';
 export { default as GBreadcrumb } from './GBreadcrumb.vue';
 export { default as GBreadcrumbEllipsis } from './GBreadcrumbEllipsis.vue';
 export { default as GBreadcrumbItem } from './GBreadcrumbItem.vue';
@@ -5,3 +7,22 @@ export { default as GBreadcrumbLink } from './GBreadcrumbLink.vue';
 export { default as GBreadcrumbList } from './GBreadcrumbList.vue';
 export { default as GBreadcrumbPage } from './GBreadcrumbPage.vue';
 export { default as GBreadcrumbSeparator } from './GBreadcrumbSeparator.vue';
+export declare const breadcrumbSizeKey: InjectionKey<Ref<GandalfBreadcrumbSize>>;
+export declare const gandalfBreadcrumbListVariants: (props?: ({
+    size?: "md" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfBreadcrumbItemVariants: (props?: ({
+    size?: "md" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfBreadcrumbLinkVariants: (props?: ({
+    size?: "md" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfBreadcrumbPageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfBreadcrumbSeparatorVariants: (props?: ({
+    size?: "md" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfBreadcrumbEllipsisVariants: (props?: ({
+    size?: "md" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GandalfBreadcrumbVariants = VariantProps<typeof gandalfBreadcrumbListVariants>;
+export type GandalfBreadcrumbSize = NonNullable<GandalfBreadcrumbVariants['size']>;

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

@@ -0,0 +1,47 @@
+import GBreadcrumb_default from "./GBreadcrumb.js";
+import GBreadcrumbEllipsis_default from "./GBreadcrumbEllipsis.js";
+import GBreadcrumbItem_default from "./GBreadcrumbItem.js";
+import GBreadcrumbLink_default from "./GBreadcrumbLink.js";
+import GBreadcrumbList_default from "./GBreadcrumbList.js";
+import GBreadcrumbPage_default from "./GBreadcrumbPage.js";
+import GBreadcrumbSeparator_default from "./GBreadcrumbSeparator.js";
+import { cva } from "class-variance-authority";
+// src/components/gandalf/base/breadcrumb/index.ts
+var breadcrumbSizeKey = Symbol("breadcrumb-size");
+var gandalfBreadcrumbListVariants = cva("text-base-foreground-extra-quiet gap-0 break-words sm:gap-0", {
+	variants: { size: {
+		md: "text-sm",
+		xs: "text-xs"
+	} },
+	defaultVariants: { size: "md" }
+});
+var gandalfBreadcrumbItemVariants = cva("gap-0", {
+	variants: { size: {
+		md: "h-6 px-1",
+		xs: "pl-1"
+	} },
+	defaultVariants: { size: "md" }
+});
+var gandalfBreadcrumbLinkVariants = cva("hover:text-base-foreground focus-visible:ring-ring rounded-sm outline-none focus-visible:ring-2", {
+	variants: { size: {
+		md: "leading-6",
+		xs: "leading-[normal]"
+	} },
+	defaultVariants: { size: "md" }
+});
+var gandalfBreadcrumbPageVariants = cva("text-base-foreground leading-[normal] font-semibold");
+var gandalfBreadcrumbSeparatorVariants = cva("flex items-center [[data-slot=breadcrumb-item]:has([data-slot=breadcrumb-link]:hover)+&]:text-base-foreground", {
+	variants: { size: {
+		md: "h-6 px-1 [&>svg]:size-3.5",
+		xs: "[&>svg]:size-3"
+	} },
+	defaultVariants: { size: "md" }
+});
+var gandalfBreadcrumbEllipsisVariants = cva("", {
+	variants: { size: {
+		md: "size-6 [&>svg]:size-3.5",
+		xs: "size-4 [&>svg]:size-3"
+	} },
+	defaultVariants: { size: "md" }
+});
+export { GBreadcrumb_default as GBreadcrumb, GBreadcrumbEllipsis_default as GBreadcrumbEllipsis, GBreadcrumbItem_default as GBreadcrumbItem, GBreadcrumbLink_default as GBreadcrumbLink, GBreadcrumbList_default as GBreadcrumbList, GBreadcrumbPage_default as GBreadcrumbPage, GBreadcrumbSeparator_default as GBreadcrumbSeparator, breadcrumbSizeKey, gandalfBreadcrumbEllipsisVariants, gandalfBreadcrumbItemVariants, gandalfBreadcrumbLinkVariants, gandalfBreadcrumbListVariants, gandalfBreadcrumbPageVariants, gandalfBreadcrumbSeparatorVariants };

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export { default as GButton } from './GButton.vue';
 export declare const gandalfButtonVariants: (props?: ({
     variant?: "tonal-primary" | "tonal-action" | "tonal-destructive" | "outline-primary" | "outline-destructive" | "ghost-primary" | "ghost-action" | "ghost-danger" | null | undefined;
-    size?: "sm" | "md" | "xs" | null | undefined;
+    size?: "md" | "sm" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type GandalfButtonVariants = VariantProps<typeof gandalfButtonVariants>;
 export type GandalfButtonVariant = NonNullable<GandalfButtonVariants['variant']>;

package/dist/components/gandalf/base/details-panel/index.js

@@ -9,7 +9,7 @@ import GDetailsPanelBody_default from "./GDetailsPanelBody.js";
 import GDetailsPanelFooter_default from "./GDetailsPanelFooter.js";
 import { cva } from "class-variance-authority";
 // src/components/gandalf/base/details-panel/index.ts
-var gandalfDetailsPanelContentVariants = cva("bg-card flex w-full max-w-[416px] flex-col gap-0 p-0 sm:max-w-[416px] [&>button:last-child]:hidden", {
+var gandalfDetailsPanelContentVariants = cva("bg-card flex w-full max-w-[416px] flex-col gap-0 p-0 shadow-none sm:max-w-[416px] [&>button:last-child]:hidden", {
 	variants: { side: {
 		right: "border-l-0",
 		left: "border-r-0"

package/dist/components/gandalf/base/dialog/GDialog.vue.d.ts

@@ -7,7 +7,11 @@ declare const __VLS_base: import('vue').DefineComponent<DialogRootProps, {}, {},
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<DialogRootProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: 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;

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

@@ -4,9 +4,18 @@ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref,
 var GDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GDialog",
 	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: void 0
+		},
 		unmountOnHide: { type: Boolean }
 	},
 	emits: ["update:open"],

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

@@ -0,0 +1,4 @@
+import GDialogBody_vue_vue_type_script_setup_true_lang_default from "./GDialogBody.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/dialog/GDialogBody.vue
+var GDialogBody_default = GDialogBody_vue_vue_type_script_setup_true_lang_default;
+export { GDialogBody_default as default };

package/dist/components/gandalf/base/dialog/GDialogBody.vue.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/dialog/GDialogBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfDialogBodyVariants } from "./index.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/gandalf/base/dialog/GDialogBody.vue?vue&type=script&setup=true&lang.ts
+var GDialogBody_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GDialogBody",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "dialog-body",
+				class: normalizeClass(unref(cn)(unref(gandalfDialogBodyVariants)(), props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { GDialogBody_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/dialog/GDialogContent.vue.d.ts

@@ -2,7 +2,6 @@ import { DialogContentProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = DialogContentProps & {
     class?: HTMLAttributes['class'];
-    showCloseButton?: boolean;
 };
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -22,10 +21,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     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;
-    showCloseButton: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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;

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

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import DialogContent_default from "../../../ui/dialog/DialogContent.js";
+import { gandalfDialogContentVariants } from "./index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/dialog/GDialogContent.vue?vue&type=script&setup=true&lang.ts
@@ -11,20 +12,13 @@ var GDialogContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		disableOutsidePointerEvents: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
-		class: {
-			type: [
-				Boolean,
-				null,
-				String,
-				Object,
-				Array
-			],
-			default: void 0
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: true
-		}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: [
 		"escapeKeyDown",
@@ -42,7 +36,8 @@ var GDialogContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				..._ctx.$attrs,
 				...unref(reactiveOmit)(props, "class")
 			}, {
-				class: unref(cn)(props.class),
+				"show-close-button": false,
+				class: unref(cn)(unref(gandalfDialogContentVariants)(), props.class),
 				onCloseAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("closeAutoFocus", $event)),
 				onEscapeKeyDown: _cache[1] || (_cache[1] = ($event) => emits("escapeKeyDown", $event)),
 				onFocusOutside: _cache[2] || (_cache[2] = ($event) => emits("focusOutside", $event)),

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

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

package/dist/components/gandalf/base/dialog/GDialogFooter.vue.d.ts

@@ -1,15 +1,18 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+    /** Adds an Outline primary button that closes the dialog. */
     showCloseButton?: boolean;
+    closeLabel?: string;
+    class?: HTMLAttributes['class'];
 };
-declare var __VLS_7: {};
+declare var __VLS_19: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_19) => 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;
     showCloseButton: boolean;
+    closeLabel: string;
 }, {}, {}, {}, 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/dialog/GDialogFooter.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,18 @@
 import { cn } from "../../../../lib/utils.js";
 import DialogFooter_default from "../../../ui/dialog/DialogFooter.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import GButton_default from "../button/GButton.js";
+import GDialogClose_default from "./GDialogClose.js";
+import { gandalfDialogFooterVariants } from "./index.js";
+import { createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/gandalf/base/dialog/GDialogFooter.vue?vue&type=script&setup=true&lang.ts
 var GDialogFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GDialogFooter",
 	props: {
+		showCloseButton: {
+			type: Boolean,
+			default: false
+		},
+		closeLabel: { default: "Close" },
 		class: {
 			type: [
 				Boolean,
@@ -15,20 +22,24 @@ var GDialogFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				Array
 			],
 			default: void 0
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: false
 		}
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogFooter_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(DialogFooter_default), { class: normalizeClass(unref(cn)(unref(gandalfDialogFooterVariants)(), props.class)) }, {
+				default: withCtx(() => [__props.showCloseButton ? (openBlock(), createBlock(GDialogClose_default, {
+					key: 0,
+					"as-child": ""
+				}, {
+					default: withCtx(() => [createVNode(unref(GButton_default), { variant: "outline-primary" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.closeLabel), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["class"]);
 		};
 	}
 });

package/dist/components/gandalf/base/dialog/GDialogHeader.vue.d.ts

@@ -1,12 +1,24 @@
 import { HTMLAttributes } from 'vue';
+import { GandalfDialogHeaderType } from './index';
 type __VLS_Props = {
+    type?: GandalfDialogHeaderType;
+    /** Figma's "Show Button". Only drawn with `type="left"`. */
+    showCloseButton?: boolean;
+    closeLabel?: string;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_7: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    icon?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => 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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: GandalfDialogHeaderType;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    showCloseButton: boolean;
+    closeLabel: 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;

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

@@ -1,25 +1,63 @@
 import { cn } from "../../../../lib/utils.js";
 import DialogHeader_default from "../../../ui/dialog/DialogHeader.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { reactiveOmit } from "@vueuse/core";
+import GButton_default from "../button/GButton.js";
+import GDialogClose_default from "./GDialogClose.js";
+import { gandalfDialogHeaderIconVariants, gandalfDialogHeaderVariants } from "./index.js";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { X } from "lucide-vue-next";
 // src/components/gandalf/base/dialog/GDialogHeader.vue?vue&type=script&setup=true&lang.ts
 var GDialogHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GDialogHeader",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		type: { default: "left" },
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		closeLabel: { default: "Close" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogHeader_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class) }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(DialogHeader_default), {
+				"data-type": __props.type,
+				class: normalizeClass(unref(cn)(unref(gandalfDialogHeaderVariants)({ type: __props.type }), props.class))
+			}, {
+				default: withCtx(() => [
+					__props.type === "left" && _ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						"data-slot": "dialog-header-icon",
+						class: normalizeClass(unref(gandalfDialogHeaderIconVariants)())
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					__props.type === "left" && __props.showCloseButton ? (openBlock(), createBlock(GDialogClose_default, {
+						key: 1,
+						"as-child": ""
+					}, {
+						default: withCtx(() => [createVNode(unref(GButton_default), {
+							variant: "ghost-primary",
+							size: "md",
+							class: "shrink-0",
+							"aria-label": __props.closeLabel
+						}, {
+							default: withCtx(() => [createVNode(unref(X))]),
+							_: 1
+						}, 8, ["aria-label"])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				]),
 				_: 3
-			}, 16, ["class"]);
+			}, 8, ["data-type", "class"]);
 		};
 	}
 });

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

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.js";
 import DialogScrollContent_default from "../../../ui/dialog/DialogScrollContent.js";
+import { gandalfDialogContentVariants } from "./index.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/dialog/GDialogScrollContent.vue?vue&type=script&setup=true&lang.ts
@@ -35,7 +36,7 @@ var GDialogScrollContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 				..._ctx.$attrs,
 				...unref(reactiveOmit)(props, "class")
 			}, {
-				class: unref(cn)(props.class),
+				class: unref(cn)(unref(gandalfDialogContentVariants)(), "max-w-[416px] sm:rounded-3xl [&>button:last-child]:hidden", props.class),
 				onCloseAutoFocus: _cache[0] || (_cache[0] = ($event) => emits("closeAutoFocus", $event)),
 				onEscapeKeyDown: _cache[1] || (_cache[1] = ($event) => emits("escapeKeyDown", $event)),
 				onFocusOutside: _cache[2] || (_cache[2] = ($event) => emits("focusOutside", $event)),