@unergy-dev/gandalf 0.3.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @unergy-dev/gandalf
 
+## 0.6.0
+
+### Minor Changes
+
+- d72d7d2: **Breaking:** `GAccordion` follows the Accordeon page in Figma. `variant` is now `main` (default, Accordeon Main) or `blended` (Accordeon Blended); `default`, `layout` and `blended-main` are gone. `GAccordion` takes `category` (`main` / `default`) for Blended, and `GAccordionItem` takes `type` (`visualization` / `table`) for Main. `GAccordionTrigger` draws Figma's 48px header: uppercase 12px semibold title, a `label` badge (Tonal, Outlined in Blended Default; `label` and `label-icon` slots), a `count` (Main), and the "Mostrar" / "Ocultar" action (`expandText`, `collapseText`), with the alpha hover / pressed overlays and muted disabled colors. `indicatorColor`, `indicatorPosition` and the `indicator-label` slot are removed: Figma fixes the chevron's place and color for each variant. `GAccordionContent` adds no padding. The CVAs are exported as `gandalfAccordionVariants`, `gandalfAccordionItemVariants` and `gandalfAccordionTriggerVariants`; `gandalfAccordionIndicatorVariants` and `ACCORDION_VARIANT_KEY` are removed.
+- f1c1159: **Breaking:** `GAvatar` and `GKitAvatar` follow the Avatar page in Figma. `variant="rounded" | "square"` becomes `type="circle" | "square"` (square is now 8px, `corner/lg`). New props `size` (`xs` 24px, `sm` 32px by default, `md` 40px, `lg` 48px, with bold 12 / 14 / 16 / 18px text) and `semantic` (`default`, `action`, `information`, `success`, `warning`, `destructive`). `GKitAvatarGroup` overlaps by half the avatar size, without ring, and takes `type`, `size` and `more` (a last "+N" avatar). New `GAvatarRol` (Avatar Rol: legal, ambiental, forestal, civil, electrico).
+- 7952388: `GBreadcrumb` follows the Breadcrumbs page in Figma: new `size` prop (`md` / `xs`), links in `base/foreground-extra-quiet` that turn `base/foreground` on hover together with their chevron, current page in semibold `base/foreground`, and Figma's spacing (8px between text and chevron in md, none in xs). The CVAs (`gandalfBreadcrumb*Variants`) and `GandalfBreadcrumbSize` are exported.
+- 7e14810: New components from the Figma Chat page: `GInputChat` (the field to write a message, with attachments, attach buttons, send button and an editing state), `GMessageCard` (a chat message with avatar, ⋮ menu, comment, images, attachments and date) and `GMiniatures` (an attachment chip, as a file or an image thumbnail).
+- 903fcfe: **Breaking:** `GDialog` and `GAlertDialog` follow the Figma page Dialogs. The card is `card/card` with a 24px radius, the `LG` elevation and no padding, 416px wide by default. `GDialogHeader` is Figma's Dialog Header (72px, 24px semibold title) with `type` `left` (default; `#icon` slot and a Ghost primary close button) or `center`. The close button moved from the corner of `GDialogContent` to `GDialogHeader`: `GDialogContent` no longer takes `showCloseButton` (use it on `GDialogHeader`). New `GDialogBody` and `GAlertDialogBody` for the content bands; put the description inside one. `GDialogFooter` is Figma's Group Button (24px padding, buttons in a row on the right) and its `showCloseButton` now renders an Outline primary `GButton` (`closeLabel`). `GAlertDialogHeader` is centred by default, with no close button; `GAlertDialogAction` and `GAlertDialogCancel` take `variant` and `size` like `GButton` (Tonal primary and Outline primary by default). The dialog CVAs are exported as `gandalfDialog*Variants`.
+- 97489e1: New components from the Figma **Layouts** page: `GHeader` (the app bar with the Unergy logo, sidebar toggle and actions), `GLayout` (the app shell: header, `GKitSidebar` below it and the scrolling page), `GLayoutTitle` (First and Second Level titles) and `GLayoutBreadcrumbs` (back button, breadcrumbs and tools of a Second Level screen).
+- 5221210: New components from the Figma **Reports** page: `GCircleReport` and `GAvatarReport` (report type badges), `GPin` (map pin with a layer name), `GIcons` (illustrated map markers) and `GPickerItem` (icon or label item of the layer style picker, with `v-model`).
+- ba1b6ae: Table aligned with Figma: 12px-rounded frame with `bni/border`, header cells 12px semibold in `base/foreground-extra-quiet` without forced uppercase, body cells 14px in `base/inverse`, `accent` row hover, `description` prop/slot for two-line headers and cells (Text Configuration=Double), `action` slot shown on header hover, `footer` slot on `GTable` for the footer bar and `containerClass` for the frame.
+- da9fa52: **Breaking:** `GTabsList` follows the Figma **Tabs** page. `variant` is now `'toggle-primary'` (default, was `'base'`), `'toggle-secondary'` (new) or `'tab'` (was `'outline'`). Hover and press use Figma's alpha overlays, the `tab` variant draws a 1px `bni/border` line, 16px spacing, a 3px `primary` underline and `primary/primary-quiet` on hover, and the toggle items use 16px semibold labels.
+- c916ba2: Toast matches the Figma page: 404px card on `base/base`, 16px radius, elevation SM, padding 12/12/12/20 and 16px gaps. Title in Body/mdEm (16px semibold) truncated, description 14px with a 1.3 line height in `base/foreground-quiet`, 18px icons (`check`, `loader-circle`, `component`, `triangle-alert`, `siren`) and a 16px close icon pinned to the top. The toast card is now exported as `GToast` (prop `type`, as in Figma), and `GToaster` sets sonner's `--width` to 404px. `GandalfToastColor` is deprecated in favor of `GandalfToastType`, and the toast CVAs (`gandalfToastVariants`, `gandalfToastIconVariants`, `gandalfToastTitleVariants`) take `type` instead of `color`.
+
+### Patch Changes
+
+- 95e0527: Fix `GDialog`, `GAlertDialog` and `GPopover` casting absent boolean props to `false`: without `v-model:open` they never opened from their trigger, and `GDialog` was not modal (no overlay). They are now uncontrolled unless `open` is passed, and `GDialog` is modal by default.
+- b489978: Fix `GSelect` never opening when used without `v-model:open`: an absent `open` was cast to `false`, so the select stayed closed. It is now uncontrolled unless `open` is passed.
+
+## 0.5.0
+
+### Minor Changes
+
+- 61a6314: Add `GKitSidebar`, a navigation rail built from `GSidebar`: pass `groups` of items (`value`, `title`, `icon`, `to` / `href`, `disabled`) and the active `value` with `v-model`. It hides group titles without an icon in the collapsed rail, shows a tooltip per item, renders `to` items with the `linkAs` component (`NuxtLink`, `RouterLink`…) and has `header`, `footer` and `item` slots. New types: `SidebarNavGroup`, `SidebarNavItem`.
+
+## 0.4.0
+
+### Minor Changes
+
+- 3130e9a: `GInput` has `leading` and `trailing` slots for the icons of Figma's Input Field. Native attributes now always go to the `<input>`.
+- e22386e: `GMenu`, `GMenuTrigger`, `GMenuContent`, `GMenuItem`, `GMenuLabel` and `GMenuSeparator`: Figma's Dropdown menu with free content (icons, group titles, separators and a `destructive` item). `gandalfMenuItemVariants` takes a `variant`.
+- 14a53a0: The `text-display-*`, `text-heading-*`, `text-body-*` and `text-action-*` utilities set the line height of their Figma style: `normal` (Figma's "Auto") for all of them, and 1.5 for `text-body-md` and `text-body-mdEm`. Before, they inherited Tailwind's line height for each size.
+
+### Patch Changes
+
+- 7c4cea0: `GDetailsPanel` has no shadow, as in Figma.
+- b3d5396: `GFilesCard` of type `file` shows a file icon before its title on hover, and its preview icon is quiet at rest, as in Figma.
+- 855b793: `GSegmentedButton` with two segments draws its divider in `primary/foreground-loud`, as Type=Two in Figma.
+- 54fd18e: `GTooltipContent` draws Figma's arrow: a 12×8px triangle with a sharp tip, instead of shadcn's rotated square.
+- 54fd18e: Fix `GTooltip` ignoring its props and events: `open`, `v-model:open`, `delayDuration` and the rest now reach the tooltip.
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/components/gandalf/base/accordion/GAccordion.vue.d.ts

@@ -1,25 +1,29 @@
 import { AccordionRootProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { GandalfAccordionVariant } from './index';
+import { GandalfAccordionCategory, GandalfAccordionVariant } from './index';
 type __VLS_Props = AccordionRootProps & {
     class?: HTMLAttributes['class'];
     variant?: GandalfAccordionVariant;
+    category?: GandalfAccordionCategory;
 };
 declare var __VLS_9: {
     modelValue: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[] | undefined;
-}, __VLS_11: {
-    modelValue: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[] | undefined;
 };
 type __VLS_Slots = {} & {
     default?: (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, {
     "update:modelValue": (value: string | string[] | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    collapsible: boolean;
+    disabled: boolean;
+    unmountOnHide: boolean;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    variant: GandalfAccordionVariant;
+    category: GandalfAccordionCategory;
+}, {}, {}, {}, 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/accordion/GAccordion.vue_vue_type_script_setup_true_lang.js

@@ -1,47 +1,62 @@
 import { cn } from "../../../../lib/utils.js";
 import Accordion_default from "../../../ui/accordion/Accordion.js";
-import { ACCORDION_VARIANT_KEY, gandalfAccordionVariants } from "./index.js";
-import { computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { ACCORDION_KEY, gandalfAccordionVariants } from "./index.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/accordion/GAccordion.vue?vue&type=script&setup=true&lang.ts
 var GAccordion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAccordion",
 	props: {
-		collapsible: { type: Boolean },
-		disabled: { type: Boolean },
+		collapsible: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		dir: {},
 		orientation: {},
-		unmountOnHide: { type: Boolean },
+		unmountOnHide: {
+			type: Boolean,
+			default: void 0
+		},
 		asChild: { type: Boolean },
 		as: {},
 		type: {},
 		modelValue: {},
 		defaultValue: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {}
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		variant: { default: "main" },
+		category: { default: "main" }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const delegatedProps = reactiveOmit(props, "class", "variant");
-		provide(ACCORDION_VARIANT_KEY, computed(() => props.variant ?? "default"));
-		const isBoxed = computed(() => props.variant === "blended");
+		const delegatedProps = reactiveOmit(props, "class", "variant", "category");
+		provide(ACCORDION_KEY, computed(() => ({
+			variant: props.variant,
+			category: props.category
+		})));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Accordion_default), mergeProps(unref(delegatedProps), {
-				class: unref(cn)(unref(gandalfAccordionVariants)({ variant: __props.variant }), !isBoxed.value && props.class),
+				class: unref(cn)(unref(gandalfAccordionVariants)({
+					variant: __props.variant,
+					category: __props.category
+				}), props.class),
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
 			}), {
-				default: withCtx((slotProps) => [isBoxed.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(cn)("overflow-hidden rounded-xl border border-transparent", props.class))
-				}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))], 2)) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, slotProps)))]),
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
 				_: 3
 			}, 16, ["class"]);
 		};

package/dist/components/gandalf/base/accordion/GAccordionContent.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var GAccordionContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const delegatedProps = reactiveOmit(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AccordionContent_default), mergeProps(unref(delegatedProps), { class: unref(cn)(props.class, "pb-0") }), {
+			return openBlock(), createBlock(unref(AccordionContent_default), mergeProps(unref(delegatedProps), { class: unref(cn)("pb-0", props.class) }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/accordion/GAccordionItem.vue.d.ts

@@ -1,7 +1,10 @@
 import { AccordionItemProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
+import { GandalfAccordionType } from './index';
 type __VLS_Props = AccordionItemProps & {
     class?: HTMLAttributes['class'];
+    /** Figma "Accordeon Main" Type. Only used by `variant="main"`. */
+    type?: GandalfAccordionType;
 };
 declare var __VLS_7: {
     open: boolean;
@@ -9,7 +12,12 @@ 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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    unmountOnHide: boolean;
+    type: GandalfAccordionType;
+    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;

package/dist/components/gandalf/base/accordion/GAccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,49 @@
 import { cn } from "../../../../lib/utils.js";
 import AccordionItem_default from "../../../ui/accordion/AccordionItem.js";
-import { ACCORDION_VARIANT_KEY, gandalfAccordionItemVariants } from "./index.js";
-import { computed, createBlock, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ACCORDION_ITEM_KEY, ACCORDION_KEY, gandalfAccordionItemVariants } from "./index.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 // src/components/gandalf/base/accordion/GAccordionItem.vue?vue&type=script&setup=true&lang.ts
 var GAccordionItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAccordionItem",
 	props: {
-		disabled: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		value: {},
-		unmountOnHide: { type: Boolean },
+		unmountOnHide: {
+			type: Boolean,
+			default: void 0
+		},
 		asChild: { type: Boolean },
 		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		},
+		type: { default: "visualization" }
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class");
-		const variant = inject(ACCORDION_VARIANT_KEY, computed(() => "default"));
+		const delegatedProps = reactiveOmit(props, "class", "type");
+		const accordion = inject(ACCORDION_KEY, computed(() => ({
+			variant: "main",
+			category: "main"
+		})));
+		const context = computed(() => ({
+			...accordion.value,
+			type: props.type
+		}));
+		provide(ACCORDION_ITEM_KEY, context);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AccordionItem_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfAccordionItemVariants)({ variant: unref(variant) }), props.class) }), {
+			return openBlock(), createBlock(unref(AccordionItem_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfAccordionItemVariants)(context.value), props.class) }), {
 				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
 				_: 3
 			}, 16, ["class"]);

package/dist/components/gandalf/base/accordion/GAccordionTrigger.vue.d.ts

@@ -1,23 +1,36 @@
 import { AccordionTriggerProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { GandalfAccordionIndicatorColor, GandalfAccordionIndicatorPosition } from './index';
 type __VLS_Props = AccordionTriggerProps & {
     class?: HTMLAttributes['class'];
-    indicatorColor?: GandalfAccordionIndicatorColor;
-    indicatorPosition?: GandalfAccordionIndicatorPosition;
+    /** Text of the badge ("Label" in Figma). The `label` slot replaces the whole badge. */
+    label?: string;
+    /** Text after the badge ("Count#" in Figma). Main only. */
+    count?: string | number;
+    /** Action text of a closed Table item. */
+    expandText?: string;
+    /** Action text of an open Main item. */
+    collapseText?: string;
 };
-declare var __VLS_7: {}, __VLS_10: {}, __VLS_12: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_17: {}, __VLS_29: {}, __VLS_31: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 } & {
-    icon?: (props: typeof __VLS_10) => any;
+    label?: (props: typeof __VLS_9) => any;
 } & {
-    'indicator-label'?: (props: typeof __VLS_12) => any;
+    count?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_29) => any;
+} & {
+    label?: (props: typeof __VLS_31) => any;
+} & {
+    'label-icon'?: (props: typeof __VLS_39) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
     class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
-    indicatorColor: GandalfAccordionIndicatorColor;
-    indicatorPosition: GandalfAccordionIndicatorPosition;
+    count: string | number;
+    expandText: string;
+    collapseText: 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/accordion/GAccordionTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,23 @@
 import { cn } from "../../../../lib/utils.js";
 import AccordionTrigger_default from "../../../ui/accordion/AccordionTrigger.js";
-import { gandalfAccordionIndicatorVariants } from "./index.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import GBadge_default from "../badge/GBadge.js";
+import { ACCORDION_ITEM_KEY, gandalfAccordionTriggerVariants } from "./index.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronDown } from "lucide-vue-next";
 // src/components/gandalf/base/accordion/GAccordionTrigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex min-w-0 flex-1 items-center gap-2" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-base-foreground-quiet group-data-[disabled]:text-muted-foreground-quiet truncate text-base leading-normal"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "group-data-[state=open]:hidden"
+};
+var _hoisted_4 = { class: "hidden group-data-[state=open]:inline" };
+var _hoisted_5 = { class: "flex min-w-0 flex-1 items-center gap-2" };
+var chevronClass = "size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-180";
 var GAccordionTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GAccordionTrigger",
 	props: {
@@ -20,16 +33,53 @@ var GAccordionTrigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			],
 			default: void 0
 		},
-		indicatorColor: { default: "default" },
-		indicatorPosition: { default: "end" }
+		label: { default: void 0 },
+		count: { default: void 0 },
+		expandText: { default: "Mostrar" },
+		collapseText: { default: "Ocultar" }
 	},
 	setup(__props) {
 		const props = __props;
-		const delegatedProps = reactiveOmit(props, "class", "indicatorColor", "indicatorPosition");
+		const delegatedProps = reactiveOmit(props, "class", "label", "count", "expandText", "collapseText");
+		const slots = useSlots();
+		const item = inject(ACCORDION_ITEM_KEY, computed(() => ({
+			variant: "main",
+			category: "main",
+			type: "visualization"
+		})));
+		const isMain = computed(() => item.value.variant === "main");
+		const isTable = computed(() => item.value.type === "table");
+		const isDefault = computed(() => item.value.category === "default");
+		const hasLabel = computed(() => props.label !== void 0 || !!slots.label);
+		const hasCount = computed(() => props.count !== void 0 || !!slots.count);
+		const titleClass = computed(() => cn("text-base-foreground-quiet group-data-[disabled]:text-muted-foreground-quiet truncate text-xs leading-[normal] font-semibold uppercase", !isMain.value && isDefault.value && "group-data-[state=open]:text-action group-data-[disabled]:group-data-[state=open]:text-muted-foreground-quiet"));
+		const badgeClass = computed(() => cn("group-data-[disabled]:bg-muted group-data-[disabled]:text-muted-foreground-quiet shrink-0", !isMain.value && isDefault.value && "group-data-[disabled]:border-muted-foreground-quiet"));
+		const actionClass = computed(() => cn("text-base-foreground group-data-[state=open]:text-action flex shrink-0 items-center gap-2 text-sm leading-[normal] font-semibold", isTable.value && "group-data-[disabled]:text-muted-foreground-quiet group-data-[disabled]:group-data-[state=open]:text-muted-foreground-quiet"));
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AccordionTrigger_default), mergeProps(unref(delegatedProps), { class: unref(cn)("group px-4", __props.indicatorPosition === "start" && "flex-row-reverse", props.class) }), {
-				icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createElementVNode("span", { class: normalizeClass(unref(gandalfAccordionIndicatorVariants)({ color: __props.indicatorColor })) }, [renderSlot(_ctx.$slots, "indicator-label"), createVNode(unref(ChevronDown), { class: "size-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-180" })], 2)])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(AccordionTrigger_default), mergeProps(unref(delegatedProps), { class: unref(cn)(unref(gandalfAccordionTriggerVariants)(unref(item)), props.class) }), {
+				icon: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "hidden" }, null, -1)])]),
+				default: withCtx(() => [isMain.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_1, [
+					createElementVNode("span", { class: normalizeClass(titleClass.value) }, [renderSlot(_ctx.$slots, "default")], 2),
+					renderSlot(_ctx.$slots, "label", {}, () => [hasLabel.value ? (openBlock(), createBlock(unref(GBadge_default), {
+						key: 0,
+						class: normalizeClass(badgeClass.value)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true)]),
+					hasCount.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "count", {}, () => [createTextVNode(toDisplayString(__props.count), 1)])])) : createCommentVNode("", true)
+				]), createElementVNode("span", { class: normalizeClass(actionClass.value) }, [
+					isTable.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.expandText), 1)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_4, toDisplayString(__props.collapseText), 1),
+					createVNode(unref(ChevronDown), { class: normalizeClass(chevronClass) })
+				], 2)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_5, [createVNode(unref(ChevronDown), { class: normalizeClass(unref(cn)(chevronClass, "text-base-foreground group-data-[state=open]:text-action group-data-[disabled]:text-muted-foreground-quiet group-data-[disabled]:group-data-[state=open]:text-muted-foreground-quiet")) }, null, 8, ["class"]), createElementVNode("span", { class: normalizeClass(titleClass.value) }, [renderSlot(_ctx.$slots, "default")], 2)]), renderSlot(_ctx.$slots, "label", {}, () => [hasLabel.value ? (openBlock(), createBlock(unref(GBadge_default), {
+					key: 0,
+					variant: isDefault.value ? "outlined" : "tonal",
+					class: normalizeClass(badgeClass.value)
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "label-icon"), createTextVNode(" " + toDisplayString(__props.label), 1)]),
+					_: 3
+				}, 8, ["variant", "class"])) : createCommentVNode("", true)])], 64))]),
 				_: 3
 			}, 16, ["class"]);
 		};

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

@@ -5,16 +5,29 @@ export { default as GAccordionItem } from './GAccordionItem.vue';
 export { default as GAccordionTrigger } from './GAccordionTrigger.vue';
 export { default as GAccordionContent } from './GAccordionContent.vue';
 export declare const gandalfAccordionVariants: (props?: ({
-    variant?: "default" | "layout" | "blended" | "blended-main" | null | undefined;
+    variant?: "main" | "blended" | null | undefined;
+    category?: "default" | "main" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const gandalfAccordionItemVariants: (props?: ({
-    variant?: "default" | "layout" | "blended" | "blended-main" | null | undefined;
+    variant?: "main" | "blended" | null | undefined;
+    category?: "default" | "main" | null | undefined;
+    type?: "table" | "visualization" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type GandalfAccordionVariant = NonNullable<VariantProps<typeof gandalfAccordionVariants>['variant']>;
-export declare const ACCORDION_VARIANT_KEY: InjectionKey<ComputedRef<GandalfAccordionVariant>>;
-export declare const gandalfAccordionIndicatorVariants: (props?: ({
-    color?: "default" | "action" | null | undefined;
+export declare const gandalfAccordionTriggerVariants: (props?: ({
+    variant?: "main" | "blended" | null | undefined;
+    type?: "table" | "visualization" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type GandalfAccordionIndicatorVariants = VariantProps<typeof gandalfAccordionIndicatorVariants>;
-export type GandalfAccordionIndicatorColor = NonNullable<GandalfAccordionIndicatorVariants['color']>;
-export type GandalfAccordionIndicatorPosition = 'start' | 'end';
+export type GandalfAccordionVariants = VariantProps<typeof gandalfAccordionVariants>;
+export type GandalfAccordionVariant = NonNullable<GandalfAccordionVariants['variant']>;
+export type GandalfAccordionCategory = NonNullable<GandalfAccordionVariants['category']>;
+export type GandalfAccordionItemVariants = VariantProps<typeof gandalfAccordionItemVariants>;
+export type GandalfAccordionType = NonNullable<GandalfAccordionItemVariants['type']>;
+export interface GandalfAccordionContext {
+    variant: GandalfAccordionVariant;
+    category: GandalfAccordionCategory;
+}
+export interface GandalfAccordionItemContext extends GandalfAccordionContext {
+    type: GandalfAccordionType;
+}
+export declare const ACCORDION_KEY: InjectionKey<ComputedRef<GandalfAccordionContext>>;
+export declare const ACCORDION_ITEM_KEY: InjectionKey<ComputedRef<GandalfAccordionItemContext>>;

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

@@ -4,30 +4,95 @@ import GAccordionTrigger_default from "./GAccordionTrigger.js";
 import GAccordionContent_default from "./GAccordionContent.js";
 import { cva } from "class-variance-authority";
 // src/components/gandalf/base/accordion/index.ts
-var gandalfAccordionVariants = cva("w-full", {
-	variants: { variant: {
-		default: "",
-		layout: "flex flex-col gap-3 rounded-xl",
-		blended: "",
-		"blended-main": ""
-	} },
-	defaultVariants: { variant: "default" }
+var gandalfAccordionVariants = cva("flex w-full flex-col", {
+	variants: {
+		variant: {
+			main: "gap-3",
+			blended: ""
+		},
+		category: {
+			main: "",
+			default: ""
+		}
+	},
+	compoundVariants: [{
+		variant: "blended",
+		category: "main",
+		class: "gap-3"
+	}, {
+		variant: "blended",
+		category: "default",
+		class: "gap-0"
+	}],
+	defaultVariants: {
+		variant: "main",
+		category: "main"
+	}
 });
-var gandalfAccordionItemVariants = cva("", {
-	variants: { variant: {
-		default: "border-b last:border-b-0 ",
-		layout: " bg-white border-0 rounded-xl",
-		blended: "border-bni-border-loud bg-base-loud border-b px-4 last:border-b-0 data-[state=open]:border-bni-border-extra-loud",
-		"blended-main": "rounded-xl overflow-hidden border border-transparent bg-white data-[state=open]:border-bni-border-extra-loud"
-	} },
-	defaultVariants: { variant: "default" }
+var gandalfAccordionItemVariants = cva("overflow-hidden", {
+	variants: {
+		variant: {
+			main: "bg-card rounded-xl border-0",
+			blended: ""
+		},
+		category: {
+			main: "",
+			default: ""
+		},
+		type: {
+			visualization: "",
+			table: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "main",
+			type: "table",
+			class: "data-[state=open]:border-bni-border border border-transparent last:border-b"
+		},
+		{
+			variant: "blended",
+			category: "main",
+			class: "data-[state=open]:border-bni-border-extra-loud bg-card rounded-xl border border-transparent last:border-b"
+		},
+		{
+			variant: "blended",
+			category: "default",
+			class: "bg-base-base border-bni-border data-[disabled]:bg-base-loud border-b last:border-b-0"
+		}
+	],
+	defaultVariants: {
+		variant: "main",
+		category: "main",
+		type: "visualization"
+	}
 });
-var ACCORDION_VARIANT_KEY = Symbol("accordion-variant");
-var gandalfAccordionIndicatorVariants = cva("pointer-events-none inline-flex shrink-0 translate-y-0.5 items-center gap-1.5", {
-	variants: { color: {
-		default: "text-muted-foreground",
-		action: "text-action"
-	} },
-	defaultVariants: { color: "default" }
+var gandalfAccordionTriggerVariants = cva([
+	"group h-12 items-center gap-4 rounded-none px-4 py-0 text-xs font-normal",
+	"hover:overlay-dark-8 active:overlay-dark-12 hover:no-underline",
+	"disabled:cursor-not-allowed disabled:opacity-100",
+	"focus-visible:ring-ring focus-visible:border-bni-border focus-visible:ring-2 focus-visible:ring-inset"
+].join(" "), {
+	variants: {
+		variant: {
+			main: "",
+			blended: "data-[state=open]:border-bni-border data-[state=open]:border-b"
+		},
+		type: {
+			visualization: "",
+			table: ""
+		}
+	},
+	compoundVariants: [{
+		variant: "main",
+		type: "table",
+		class: "data-[state=open]:border-bni-border data-[state=open]:border-b"
+	}],
+	defaultVariants: {
+		variant: "main",
+		type: "visualization"
+	}
 });
-export { ACCORDION_VARIANT_KEY, GAccordion_default as GAccordion, GAccordionContent_default as GAccordionContent, GAccordionItem_default as GAccordionItem, GAccordionTrigger_default as GAccordionTrigger, gandalfAccordionIndicatorVariants, gandalfAccordionItemVariants, gandalfAccordionVariants };
+var ACCORDION_KEY = Symbol("gandalf-accordion");
+var ACCORDION_ITEM_KEY = Symbol("gandalf-accordion-item");
+export { ACCORDION_ITEM_KEY, ACCORDION_KEY, GAccordion_default as GAccordion, GAccordionContent_default as GAccordionContent, GAccordionItem_default as GAccordionItem, GAccordionTrigger_default as GAccordionTrigger, gandalfAccordionItemVariants, gandalfAccordionTriggerVariants, gandalfAccordionVariants };

package/dist/components/gandalf/base/alert-dialog/GAlertDialog.vue.d.ts

@@ -7,7 +7,10 @@ declare const __VLS_base: import('vue').DefineComponent<AlertDialogProps, {}, {}
     "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<AlertDialogProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    open: boolean;
+    defaultOpen: 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/alert-dialog/GAlertDialog.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/gandalf/base/alert-dialog/GAlertDialogAction.vue.d.ts

@@ -1,13 +1,20 @@
 import { AlertDialogActionProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
+import { GandalfButtonSize, GandalfButtonVariant } from '../button';
 type __VLS_Props = AlertDialogActionProps & {
+    variant?: GandalfButtonVariant;
+    size?: GandalfButtonSize;
     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_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: GandalfButtonSize;
+    class: string | false | Record<string, any> | import('vue').ClassValue[] | null;
+    variant: GandalfButtonVariant;
+}, {}, {}, {}, 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;