@unergy-dev/gandalf 0.3.0 → 0.6.0

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

@@ -1,7 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
 /** Dropdown menu: the floating container. Padding is completed by the list's own viewport. */
 export declare const gandalfMenuContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-/** Menu Item: 36px rows, 16px text, Figma's alpha overlays for hover and press. */
-export declare const gandalfMenuItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Menu Item: 36px rows, 16px text, Figma's alpha overlays for hover and press. `destructive` is the
+ * red item of "Dropdown menu" (an exit or a delete): text and icon in `destructive/destructive`,
+ * same overlays. Merge with `cn` so its text colors replace the default ones.
+ */
+export declare const gandalfMenuItemVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GandalfMenuItemVariant = NonNullable<VariantProps<typeof gandalfMenuItemVariants>['variant']>;
 /** Divider, Type=Header: a group title. */
 export declare const gandalfMenuLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 /** Divider, Type=Line. */
@@ -12,3 +20,9 @@ export declare const gandalfMenuSeparatorVariants: (props?: import('class-varian
  * next state. Checked items get the accent fill and border.
  */
 export declare const gandalfMenuCheckItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export { default as GMenu } from './GMenu.vue';
+export { default as GMenuTrigger } from './GMenuTrigger.vue';
+export { default as GMenuContent } from './GMenuContent.vue';
+export { default as GMenuItem } from './GMenuItem.vue';
+export { default as GMenuLabel } from './GMenuLabel.vue';
+export { default as GMenuSeparator } from './GMenuSeparator.vue';

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

@@ -1,9 +1,25 @@
+import GMenu_default from "./GMenu.js";
+import GMenuTrigger_default from "./GMenuTrigger.js";
+import GMenuContent_default from "./GMenuContent.js";
+import GMenuItem_default from "./GMenuItem.js";
+import GMenuLabel_default from "./GMenuLabel.js";
+import GMenuSeparator_default from "./GMenuSeparator.js";
 import { cva } from "class-variance-authority";
 // src/components/gandalf/base/menu/index.ts
 /** Dropdown menu: the floating container. Padding is completed by the list's own viewport. */
 var gandalfMenuContentVariants = cva("rounded-xl border border-bni-border-loud bg-card text-base-foreground shadow-sm");
-/** Menu Item: 36px rows, 16px text, Figma's alpha overlays for hover and press. */
-var gandalfMenuItemVariants = cva("mb-1 min-h-9 gap-2 rounded-lg text-base text-base-foreground last:mb-0 hover:overlay-dark-8 focus:bg-transparent focus:text-base-foreground focus:overlay-dark-8 active:overlay-dark-12 data-[highlighted]:bg-transparent data-[highlighted]:text-base-foreground data-[highlighted]:overlay-dark-8 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground-quiet data-[disabled]:opacity-100 [&_svg:not([class*='text-'])]:text-base-foreground [&_svg:not([class*='size-'])]:size-4 data-[disabled]:[&_svg:not([class*='text-'])]:text-muted-foreground-quiet");
+/**
+* Menu Item: 36px rows, 16px text, Figma's alpha overlays for hover and press. `destructive` is the
+* red item of "Dropdown menu" (an exit or a delete): text and icon in `destructive/destructive`,
+* same overlays. Merge with `cn` so its text colors replace the default ones.
+*/
+var gandalfMenuItemVariants = cva("mb-1 min-h-9 gap-2 rounded-lg text-base text-base-foreground last:mb-0 hover:overlay-dark-8 focus:bg-transparent focus:text-base-foreground focus:overlay-dark-8 active:overlay-dark-12 data-[highlighted]:bg-transparent data-[highlighted]:text-base-foreground data-[highlighted]:overlay-dark-8 data-[disabled]:bg-muted data-[disabled]:text-muted-foreground-quiet data-[disabled]:opacity-100 [&_svg:not([class*='text-'])]:text-base-foreground [&_svg:not([class*='size-'])]:size-4 data-[disabled]:[&_svg:not([class*='text-'])]:text-muted-foreground-quiet", {
+	variants: { variant: {
+		default: "",
+		destructive: "text-destructive focus:text-destructive data-[highlighted]:text-destructive [&_svg:not([class*='text-'])]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+});
 /** Divider, Type=Header: a group title. */
 var gandalfMenuLabelVariants = cva("flex h-9 items-center gap-2 px-3 py-0 text-sm font-normal text-base-foreground-extra-quiet");
 /** Divider, Type=Line. */
@@ -22,4 +38,4 @@ var gandalfMenuCheckItemVariants = cva([
 	"data-[state=checked]:focus:bg-accent-primary data-[state=checked]:data-[highlighted]:bg-accent-primary data-[state=checked]:focus:text-accent-primary-foreground data-[state=checked]:data-[highlighted]:text-accent-primary-foreground",
 	"data-[disabled]:after:text-muted-foreground-quiet data-[disabled]:data-[state=checked]:border-muted-foreground-quiet data-[disabled]:data-[state=checked]:bg-muted data-[disabled]:data-[state=checked]:text-muted-foreground-quiet"
 ]);
-export { gandalfMenuCheckItemVariants, gandalfMenuContentVariants, gandalfMenuItemVariants, gandalfMenuLabelVariants, gandalfMenuSeparatorVariants };
+export { GMenu_default as GMenu, GMenuContent_default as GMenuContent, GMenuItem_default as GMenuItem, GMenuLabel_default as GMenuLabel, GMenuSeparator_default as GMenuSeparator, GMenuTrigger_default as GMenuTrigger, gandalfMenuCheckItemVariants, gandalfMenuContentVariants, gandalfMenuItemVariants, gandalfMenuLabelVariants, gandalfMenuSeparatorVariants };

package/dist/components/gandalf/base/navigation-button/GNavigationButton.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { cn } from "../../../../lib/utils.js";
-import { gandalfMenuContentVariants, gandalfMenuItemVariants, 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 DropdownMenuSeparator_default from "../../../ui/dropdown-menu/DropdownMenuSeparator.js";
 import DropdownMenuTrigger_default from "../../../ui/dropdown-menu/DropdownMenuTrigger.js";
+import { gandalfMenuContentVariants, gandalfMenuItemVariants, gandalfMenuSeparatorVariants } from "../menu/index.js";
 import { gandalfNavigationButtonVariants } from "./index.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { Check, ChevronDown } from "lucide-vue-next";

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export { default as GNavigationButton } from './GNavigationButton.vue';
 export type { NavigationOption, NavigationOptionGroup, NavigationOptions } from './types';
 export declare const gandalfNavigationButtonVariants: (props?: ({
-    color?: "default" | "action" | "destructive" | "information" | "success" | "warning" | null | undefined;
+    color?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type GandalfNavigationButtonVariants = VariantProps<typeof gandalfNavigationButtonVariants>;
 export type GandalfNavigationButtonColor = NonNullable<GandalfNavigationButtonVariants['color']>;

package/dist/components/gandalf/base/pagination/GPaginationFirst.vue.d.ts

@@ -10,7 +10,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<{}>, {
-    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "lg" | "icon-sm" | "icon-lg" | null;
     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>;

package/dist/components/gandalf/base/pagination/GPaginationItem.vue.d.ts

@@ -11,7 +11,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<{}>, {
-    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "lg" | "icon-sm" | "icon-lg" | null;
     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>;

package/dist/components/gandalf/base/pagination/GPaginationLast.vue.d.ts

@@ -10,7 +10,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<{}>, {
-    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "lg" | "icon-sm" | "icon-lg" | null;
     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>;

package/dist/components/gandalf/base/pagination/GPaginationNext.vue.d.ts

@@ -10,7 +10,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<{}>, {
-    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "lg" | "icon-sm" | "icon-lg" | null;
     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>;

package/dist/components/gandalf/base/pagination/GPaginationPrevious.vue.d.ts

@@ -10,7 +10,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<{}>, {
-    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "sm" | "icon" | "lg" | "icon-sm" | "icon-lg" | null;
     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>;

package/dist/components/gandalf/base/popover/GPopover.vue.d.ts

@@ -10,7 +10,11 @@ declare const __VLS_base: import('vue').DefineComponent<PopoverRootProps, {}, {}
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverRootProps> & 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/popover/GPopover.vue_vue_type_script_setup_true_lang.js

@@ -4,9 +4,18 @@ import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalize
 var GPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GPopover",
 	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		modal: { type: Boolean }
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:open"],
 	setup(__props, { emit: __emit }) {

package/dist/components/gandalf/base/segmented-button/index.js

@@ -6,6 +6,7 @@ var gandalfSegmentedButtonVariants = cva("w-fit overflow-hidden rounded-full bor
 var gandalfSegmentVariants = cva([
 	"text-base-foreground h-10 min-w-0 cursor-pointer rounded-none px-3 text-base leading-[normal] font-semibold",
 	"border-bni-border-extra-loud border-l first:border-l-0",
+	"[&:nth-child(2):last-child]:border-l-primary-foreground-loud",
 	"data-[spacing=0]:rounded-none data-[spacing=0]:first:rounded-l-none data-[spacing=0]:last:rounded-r-none",
 	"hover:text-base-foreground hover:overlay-dark-5 active:overlay-dark-8 hover:bg-transparent",
 	"data-[state=on]:bg-accent-primary data-[state=on]:text-accent-primary-foreground",

package/dist/components/gandalf/base/select/GSelect.vue.d.ts

@@ -13,7 +13,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    required: 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/select/GSelect.vue_vue_type_script_setup_true_lang.js

@@ -4,18 +4,33 @@ import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalize
 var GSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GSelect",
 	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
 		defaultValue: {},
 		modelValue: {},
 		nullableValue: {},
-		by: { type: [String, Function] },
+		by: {},
 		dir: {},
-		multiple: { type: Boolean },
+		multiple: {
+			type: Boolean,
+			default: void 0
+		},
 		autocomplete: {},
-		disabled: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		name: {},
-		required: { type: Boolean }
+		required: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(__props, { emit: __emit }) {

package/dist/components/gandalf/base/sidebar/GSidebar.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<SidebarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarProps> & Readonly<{}>, {
-    collapsible: "icon" | "none" | "offcanvas";
+    collapsible: "none" | "icon" | "offcanvas";
     class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
     variant: "inset" | "sidebar" | "floating";
     side: "left" | "right";

package/dist/components/gandalf/base/sonner/GToast.js

@@ -0,0 +1,4 @@
+import GToast_vue_vue_type_script_setup_true_lang_default from "./GToast.vue_vue_type_script_setup_true_lang.js";
+// src/components/gandalf/base/sonner/GToast.vue
+var GToast_default = GToast_vue_vue_type_script_setup_true_lang_default;
+export { GToast_default as default };

package/dist/components/gandalf/base/sonner/GToast.vue.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'vue';
+import { GandalfToastType } from './index';
+type __VLS_Props = {
+    /** Sonner toast id. When set, the close button dismisses that toast. */
+    id?: string | number;
+    title: string;
+    description?: string;
+    type?: GandalfToastType;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    type: GandalfToastType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/gandalf/base/sonner/GToast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { cn } from "../../../../lib/utils.js";
+import { gandalfToastCloseVariants, gandalfToastDescriptionVariants, gandalfToastIconVariants, gandalfToastTitleVariants, gandalfToastVariants } from "./index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref } from "vue";
+import { CheckIcon, ComponentIcon, LoaderCircleIcon, SirenIcon, TriangleAlertIcon, XIcon } from "lucide-vue-next";
+import { toast } from "vue-sonner";
+// src/components/gandalf/base/sonner/GToast.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col self-start" };
+var GToast_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "GToast",
+	props: {
+		id: {},
+		title: {},
+		description: {},
+		type: { default: "default" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const icons = {
+			default: CheckIcon,
+			action: LoaderCircleIcon,
+			information: ComponentIcon,
+			success: CheckIcon,
+			warning: TriangleAlertIcon,
+			destructive: SirenIcon
+		};
+		const icon = computed(() => icons[props.type]);
+		function close() {
+			emit("close");
+			if (props.id !== void 0) toast.dismiss(props.id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "toast",
+				class: normalizeClass(unref(cn)(unref(gandalfToastVariants)({ type: __props.type }), props.class))
+			}, [
+				(openBlock(), createBlock(resolveDynamicComponent(icon.value), {
+					"aria-hidden": "true",
+					class: normalizeClass([unref(gandalfToastIconVariants)({ type: __props.type }), __props.type === "action" && "animate-spin"])
+				}, null, 8, ["class"])),
+				createElementVNode("div", _hoisted_1, [createElementVNode("p", { class: normalizeClass(unref(gandalfToastTitleVariants)({ type: __props.type })) }, toDisplayString(__props.title), 3), __props.description ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					class: normalizeClass(unref(gandalfToastDescriptionVariants)())
+				}, toDisplayString(__props.description), 3)) : createCommentVNode("", true)]),
+				createElementVNode("button", {
+					type: "button",
+					"aria-label": "Close",
+					class: normalizeClass(unref(gandalfToastCloseVariants)({ type: __props.type })),
+					onClick: close
+				}, [createVNode(unref(XIcon))], 2)
+			], 2);
+		};
+	}
+});
+export { GToast_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/gandalf/base/sonner/GToaster.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import Sonner_default from "../../../ui/sonner/Sonner.js";
-import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
 // src/components/gandalf/base/sonner/GToaster.vue?vue&type=script&setup=true&lang.ts
 var GToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GToaster",
@@ -29,7 +29,10 @@ var GToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Sonner_default), normalizeProps(guardReactiveProps(props)), null, 16);
+			return openBlock(), createBlock(unref(Sonner_default), mergeProps(props, { style: {
+				"--width": "404px",
+				...props.style
+			} }), null, 16, ["style"]);
 		};
 	}
 });

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

@@ -1,17 +1,25 @@
 import { VariantProps } from 'class-variance-authority';
 import { ExternalToast } from 'vue-sonner';
+import { default as GToast } from './GToast.vue';
+export { GToast };
 export { default as GToaster } from './GToaster.vue';
 export declare const gandalfToastVariants: (props?: ({
-    color?: "default" | "action" | "destructive" | "information" | "success" | "warning" | null | undefined;
+    type?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const gandalfToastIconVariants: (props?: ({
-    color?: "default" | "action" | "destructive" | "information" | "success" | "warning" | null | undefined;
+    type?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const gandalfToastTitleVariants: (props?: ({
-    color?: "default" | "action" | "destructive" | "information" | "success" | "warning" | null | undefined;
+    type?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const gandalfToastDescriptionVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const gandalfToastCloseVariants: (props?: ({
+    type?: "default" | "destructive" | "action" | "information" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type GandalfToastVariants = VariantProps<typeof gandalfToastVariants>;
-export type GandalfToastColor = NonNullable<GandalfToastVariants['color']>;
+export type GandalfToastType = NonNullable<GandalfToastVariants['type']>;
+/** @deprecated Use `GandalfToastType`; Figma calls this property Type. */
+export type GandalfToastColor = GandalfToastType;
 export declare const gToast: {
     default: (title: string, description?: string, data?: ExternalToast) => string | number;
     action: (title: string, description?: string, data?: ExternalToast) => string | number;

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

@@ -1,11 +1,11 @@
-import GToastCard_default from "./GToastCard.js";
+import GToast_default from "./GToast.js";
 import GToaster_default from "./GToaster.js";
 import { cva } from "class-variance-authority";
 import { markRaw } from "vue";
 import { toast } from "vue-sonner";
 // src/components/gandalf/base/sonner/index.ts
-var gandalfToastVariants = cva("bg-card border rounded-xl shadow-md p-3 flex w-80 items-start gap-2", {
-	variants: { color: {
+var gandalfToastVariants = cva("bg-base-base text-base-foreground-quiet flex w-[404px] max-w-full gap-4 rounded-2xl border py-3 pr-3 pl-5 shadow-sm", {
+	variants: { type: {
 		default: "border-default",
 		action: "border-action",
 		information: "border-information",
@@ -13,10 +13,10 @@ var gandalfToastVariants = cva("bg-card border rounded-xl shadow-md p-3 flex w-8
 		warning: "border-warning",
 		destructive: "border-destructive"
 	} },
-	defaultVariants: { color: "default" }
+	defaultVariants: { type: "default" }
 });
-var gandalfToastIconVariants = cva("mt-0.5 size-4 shrink-0", {
-	variants: { color: {
+var gandalfToastIconVariants = cva("size-[18px] shrink-0 self-center", {
+	variants: { type: {
 		default: "text-default",
 		action: "text-action",
 		information: "text-information",
@@ -24,10 +24,10 @@ var gandalfToastIconVariants = cva("mt-0.5 size-4 shrink-0", {
 		warning: "text-warning",
 		destructive: "text-destructive"
 	} },
-	defaultVariants: { color: "default" }
+	defaultVariants: { type: "default" }
 });
-var gandalfToastTitleVariants = cva("text-sm font-semibold", {
-	variants: { color: {
+var gandalfToastTitleVariants = cva("text-body-mdEm truncate", {
+	variants: { type: {
 		default: "text-default",
 		action: "text-action",
 		information: "text-information",
@@ -35,19 +35,31 @@ var gandalfToastTitleVariants = cva("text-sm font-semibold", {
 		warning: "text-warning",
 		destructive: "text-destructive"
 	} },
-	defaultVariants: { color: "default" }
+	defaultVariants: { type: "default" }
 });
-function createToast(color) {
+var gandalfToastDescriptionVariants = cva("text-base-foreground-quiet text-sm leading-[1.3] font-normal");
+var gandalfToastCloseVariants = cva("text-base-foreground-quiet hover:text-base-foreground focus-visible:ring-ring/50 flex shrink-0 cursor-pointer items-start self-start rounded-sm outline-none focus-visible:ring-[3px] [&_svg]:size-4", {
+	variants: { type: {
+		default: "",
+		action: "",
+		information: "",
+		success: "",
+		warning: "",
+		destructive: "h-12"
+	} },
+	defaultVariants: { type: "default" }
+});
+function createToast(type) {
 	return (title, description, data) => {
 		const id = data?.id ?? crypto.randomUUID();
-		return toast.custom(markRaw(GToastCard_default), {
+		return toast.custom(markRaw(GToast_default), {
 			...data,
 			id,
 			componentProps: {
 				id,
 				title,
 				description,
-				color
+				type
 			}
 		});
 	};
@@ -60,4 +72,4 @@ var gToast = {
 	warning: createToast("warning"),
 	destructive: createToast("destructive")
 };
-export { GToaster_default as GToaster, gToast, gandalfToastIconVariants, gandalfToastTitleVariants, gandalfToastVariants };
+export { GToast_default as GToast, GToaster_default as GToaster, gToast, gandalfToastCloseVariants, gandalfToastDescriptionVariants, gandalfToastIconVariants, gandalfToastTitleVariants, gandalfToastVariants };

package/dist/components/gandalf/base/table/GTable.vue.d.ts

@@ -1,10 +1,14 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
     class?: HTMLAttributes['class'];
+    /** Classes for the bordered frame around the table and its footer. */
+    containerClass?: HTMLAttributes['class'];
 };
-declare var __VLS_7: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (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_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/gandalf/base/table/GTable.vue_vue_type_script_setup_true_lang.js

@@ -1,24 +1,37 @@
 import { cn } from "../../../../lib/utils.js";
 import Table_default from "../../../ui/table/Table.js";
-import { gandalfTableVariants } from "./index.js";
-import { createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { gandalfTableFooterBarVariants, gandalfTableVariants } from "./index.js";
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 // src/components/gandalf/base/table/GTable.vue?vue&type=script&setup=true&lang.ts
 var GTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GTable",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		containerClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(gandalfTableVariants)()) }, [createVNode(unref(Table_default), { class: normalizeClass(unref(cn)(props.class)) }, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)(unref(gandalfTableVariants)(), props.containerClass)) }, [createVNode(unref(Table_default), { class: normalizeClass(unref(cn)(props.class)) }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"])], 2);
+			}, 8, ["class"]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-slot": "table-footer-bar",
+				class: normalizeClass(unref(gandalfTableFooterBarVariants)())
+			}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)], 2);
 		};
 	}
 });

package/dist/components/gandalf/base/table/GTableCell.vue.d.ts

@@ -1,10 +1,16 @@
 import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
+    /** Second line (Figma: Text Configuration=Double). */
+    description?: string;
     class?: HTMLAttributes['class'];
 };
-declare var __VLS_7: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
+} & {
+    description?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => 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>;

package/dist/components/gandalf/base/table/GTableCell.vue_vue_type_script_setup_true_lang.js

@@ -1,22 +1,30 @@
 import { cn } from "../../../../lib/utils.js";
 import TableCell_default from "../../../ui/table/TableCell.js";
-import { gandalfTableCellVariants } from "./index.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { gandalfTableCellVariants, gandalfTableDescriptionVariants } from "./index.js";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 // src/components/gandalf/base/table/GTableCell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "flex min-w-0 flex-col"
+};
+var _hoisted_2 = { class: "block truncate" };
 var GTableCell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GTableCell",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		description: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TableCell_default), { class: normalizeClass(unref(cn)(unref(gandalfTableCellVariants)(), props.class)) }, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				default: withCtx(() => [__props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), createElementVNode("span", { class: normalizeClass(unref(gandalfTableDescriptionVariants)({ type: "cell" })) }, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 2)])) : renderSlot(_ctx.$slots, "default", { key: 1 })]),
 				_: 3
 			}, 8, ["class"]);
 		};

package/dist/components/gandalf/base/table/GTableFooter.vue_vue_type_script_setup_true_lang.js

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