@gjsify/example-gtk-adwaita-storybook 0.19.0

package/src/rows/action-row.story.ts

@@ -0,0 +1,62 @@
+// Adw.ActionRow — a boxed-list row pairing a title/subtitle with prefix/suffix
+// widgets, optionally activatable. original implementation.
+
+import Adw from '@girs/adw-1';
+import Gtk from '@girs/gtk-4.0';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { actionRowMeta } from './action-row.meta.js';
+
+/** Story: Adw.ActionRow with a prefix icon and a suffix button inside a boxed list. */
+export class ActionRowStory extends StoryWidget {
+    private _row: Adw.ActionRow | null = null;
+    private _icon: Gtk.Image | null = null;
+    private _button: Gtk.Button | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookActionRow' }, ActionRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(ActionRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...actionRowMeta, component: Adw.ActionRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.ActionRow({
+            title: this.args.title as string,
+            subtitle: this.args.subtitle as string,
+        });
+
+        this._icon = new Gtk.Image({ iconName: this.args.iconName as string });
+        this._row.add_prefix(this._icon);
+
+        this._button = new Gtk.Button({ iconName: 'go-next-symbolic', valign: Gtk.Align.CENTER });
+        this._button.add_css_class('flat');
+        this._row.add_suffix(this._button);
+
+        this._row.activatableWidget = this._button;
+        this._row.activatable = this.args.activatable as boolean;
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row || !this._icon) return;
+        this._row.title = this.args.title as string;
+        this._row.subtitle = this.args.subtitle as string;
+        this._icon.iconName = this.args.iconName as string;
+        this._row.activatable = this.args.activatable as boolean;
+    }
+}
+
+GObject.type_ensure(ActionRowStory.$gtype);
+
+export const ActionRowStories: StoryModule = { stories: [ActionRowStory] };

package/src/rows/button-row.meta.ts

@@ -0,0 +1,34 @@
+// Shared, renderer-agnostic metadata for the Button Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const buttonRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Button Row',
+    description:
+        'Adw.ButtonRow — a full-width row that acts as a button, with an optional icon and style class.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Add account' },
+        {
+            name: 'startIconName',
+            label: 'Start icon',
+            type: ControlType.SELECT,
+            options: [
+                { label: 'Add', value: 'list-add-symbolic' },
+                { label: 'Trash', value: 'user-trash-symbolic' },
+                { label: 'None', value: '' },
+            ],
+            defaultValue: 'list-add-symbolic',
+        },
+        {
+            name: 'style',
+            label: 'Style',
+            type: ControlType.SELECT,
+            options: [
+                { label: 'None', value: 'none' },
+                { label: 'Suggested', value: 'suggested-action' },
+                { label: 'Destructive', value: 'destructive-action' },
+            ],
+            defaultValue: 'suggested-action',
+        },
+    ],
+};

package/src/rows/button-row.story.ts

@@ -0,0 +1,61 @@
+// Adw.ButtonRow — a boxed-list row that behaves like a button, with an optional
+// start icon and an applied style class. original implementation.
+
+import Adw from '@girs/adw-1';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { buttonRowMeta } from './button-row.meta.js';
+
+const STYLE_CLASSES = ['suggested-action', 'destructive-action'];
+
+/** Story: Adw.ButtonRow inside a boxed list, with a switchable style class. */
+export class ButtonRowStory extends StoryWidget {
+    private _row: Adw.ButtonRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookButtonRow' }, ButtonRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(ButtonRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...buttonRowMeta, component: Adw.ButtonRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.ButtonRow({
+            title: this.args.title as string,
+            startIconName: this.args.startIconName as string,
+        });
+        this._applyStyle(this.args.style as string);
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    private _applyStyle(style: string): void {
+        if (!this._row) return;
+        for (const cls of STYLE_CLASSES) {
+            this._row.remove_css_class(cls);
+        }
+        if (style !== 'none') {
+            this._row.add_css_class(style);
+        }
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.startIconName = this.args.startIconName as string;
+        this._applyStyle(this.args.style as string);
+    }
+}
+
+GObject.type_ensure(ButtonRowStory.$gtype);
+
+export const ButtonRowStories: StoryModule = { stories: [ButtonRowStory] };

package/src/rows/combo-row.meta.ts

@@ -0,0 +1,29 @@
+// Shared, renderer-agnostic metadata for the Combo Row story.
+// The drop-down model is fixed; both renderers use the same option strings.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const COMBO_ROW_OPTIONS = ['Blue', 'Teal', 'Green', 'Orange', 'Purple'] as const;
+
+export const comboRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Combo Row',
+    description: 'Adw.ComboRow — a preferences row with an inline drop-down backed by a Gtk.StringList.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Accent colour' },
+        {
+            name: 'subtitle',
+            label: 'Subtitle',
+            type: ControlType.TEXT,
+            defaultValue: 'Used to highlight selected items',
+        },
+        {
+            name: 'selected',
+            label: 'Selected',
+            type: ControlType.NUMBER,
+            min: 0,
+            max: 4,
+            step: 1,
+            defaultValue: 1,
+        },
+    ],
+};

package/src/rows/combo-row.story.ts

@@ -0,0 +1,51 @@
+// Adw.ComboRow — a boxed-list row presenting a drop-down backed by a string list.
+// original implementation.
+
+import Adw from '@girs/adw-1';
+import Gtk from '@girs/gtk-4.0';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { COMBO_ROW_OPTIONS, comboRowMeta } from './combo-row.meta.js';
+
+/** Story: Adw.ComboRow inside a boxed list, selecting from a Gtk.StringList. */
+export class ComboRowStory extends StoryWidget {
+    private _row: Adw.ComboRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookComboRow' }, ComboRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(ComboRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...comboRowMeta, component: Adw.ComboRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.ComboRow({
+            title: this.args.title as string,
+            subtitle: this.args.subtitle as string,
+            model: new Gtk.StringList({ strings: [...COMBO_ROW_OPTIONS] }),
+            selected: this.args.selected as number,
+        });
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.subtitle = this.args.subtitle as string;
+        this._row.selected = this.args.selected as number;
+    }
+}
+
+GObject.type_ensure(ComboRowStory.$gtype);
+
+export const ComboRowStories: StoryModule = { stories: [ComboRowStory] };

package/src/rows/entry-row.meta.ts

@@ -0,0 +1,13 @@
+// Shared, renderer-agnostic metadata for the Entry Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const entryRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Entry Row',
+    description: 'Adw.EntryRow — a preferences row whose title doubles as placeholder text for an inline entry.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Display name' },
+        { name: 'text', label: 'Text', type: ControlType.TEXT, defaultValue: 'Ada Lovelace' },
+        { name: 'showApplyButton', label: 'Show apply button', type: ControlType.BOOLEAN, defaultValue: true },
+    ],
+};

package/src/rows/entry-row.story.ts

@@ -0,0 +1,49 @@
+// Adw.EntryRow — a boxed-list row with an embedded text entry and an optional
+// apply button. original implementation.
+
+import Adw from '@girs/adw-1';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { entryRowMeta } from './entry-row.meta.js';
+
+/** Story: Adw.EntryRow inside a boxed list, with a toggleable apply button. */
+export class EntryRowStory extends StoryWidget {
+    private _row: Adw.EntryRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookEntryRow' }, EntryRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(EntryRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...entryRowMeta, component: Adw.EntryRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.EntryRow({
+            title: this.args.title as string,
+            text: this.args.text as string,
+            showApplyButton: this.args.showApplyButton as boolean,
+        });
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.text = this.args.text as string;
+        this._row.showApplyButton = this.args.showApplyButton as boolean;
+    }
+}
+
+GObject.type_ensure(EntryRowStory.$gtype);
+
+export const EntryRowStories: StoryModule = { stories: [EntryRowStory] };

package/src/rows/expander-row.meta.ts

@@ -0,0 +1,25 @@
+// Shared, renderer-agnostic metadata for the Expander Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const expanderRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Expander Row',
+    description:
+        'Adw.ExpanderRow — a preferences row that discloses nested rows and can carry an enable switch.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Proxy settings' },
+        {
+            name: 'subtitle',
+            label: 'Subtitle',
+            type: ControlType.TEXT,
+            defaultValue: 'Route traffic through a custom proxy',
+        },
+        { name: 'expanded', label: 'Expanded', type: ControlType.BOOLEAN, defaultValue: true },
+        {
+            name: 'showEnableSwitch',
+            label: 'Show enable switch',
+            type: ControlType.BOOLEAN,
+            defaultValue: false,
+        },
+    ],
+};

package/src/rows/expander-row.story.ts

@@ -0,0 +1,54 @@
+// Adw.ExpanderRow — a boxed-list row that reveals nested rows when expanded, with
+// an optional enable switch. original implementation.
+
+import Adw from '@girs/adw-1';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { expanderRowMeta } from './expander-row.meta.js';
+
+/** Story: Adw.ExpanderRow with two nested rows inside a boxed list. */
+export class ExpanderRowStory extends StoryWidget {
+    private _row: Adw.ExpanderRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookExpanderRow' }, ExpanderRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(ExpanderRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...expanderRowMeta, component: Adw.ExpanderRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.ExpanderRow({
+            title: this.args.title as string,
+            subtitle: this.args.subtitle as string,
+            expanded: this.args.expanded as boolean,
+            showEnableSwitch: this.args.showEnableSwitch as boolean,
+        });
+
+        this._row.add_row(new Adw.EntryRow({ title: 'Host', text: 'proxy.example.com' }));
+        this._row.add_row(new Adw.SwitchRow({ title: 'Use authentication', active: false }));
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.subtitle = this.args.subtitle as string;
+        this._row.expanded = this.args.expanded as boolean;
+        this._row.showEnableSwitch = this.args.showEnableSwitch as boolean;
+    }
+}
+
+GObject.type_ensure(ExpanderRowStory.$gtype);
+
+export const ExpanderRowStories: StoryModule = { stories: [ExpanderRowStory] };

package/src/rows/password-entry-row.meta.ts

@@ -0,0 +1,12 @@
+// Shared, renderer-agnostic metadata for the Password Entry Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const passwordEntryRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Password Entry Row',
+    description: 'Adw.PasswordEntryRow — an entry row that masks its contents and shows a peek toggle.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Password' },
+        { name: 'text', label: 'Text', type: ControlType.TEXT, defaultValue: 'correct-horse-battery' },
+    ],
+};

package/src/rows/password-entry-row.story.ts

@@ -0,0 +1,47 @@
+// Adw.PasswordEntryRow — a boxed-list entry row that masks its text and offers a
+// peek toggle. original implementation.
+
+import Adw from '@girs/adw-1';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { passwordEntryRowMeta } from './password-entry-row.meta.js';
+
+/** Story: Adw.PasswordEntryRow inside a boxed list. */
+export class PasswordEntryRowStory extends StoryWidget {
+    private _row: Adw.PasswordEntryRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookPasswordEntryRow' }, PasswordEntryRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(PasswordEntryRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...passwordEntryRowMeta, component: Adw.PasswordEntryRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.PasswordEntryRow({
+            title: this.args.title as string,
+            text: this.args.text as string,
+        });
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.text = this.args.text as string;
+    }
+}
+
+GObject.type_ensure(PasswordEntryRowStory.$gtype);
+
+export const PasswordEntryRowStories: StoryModule = { stories: [PasswordEntryRowStory] };

package/src/rows/preferences-group.meta.ts

@@ -0,0 +1,18 @@
+// Shared, renderer-agnostic metadata for the Preferences Group story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const preferencesGroupMeta: StoryMeta = {
+    title: 'Boxed Lists/Preferences Group',
+    description:
+        'Adw.PreferencesGroup — the boxed-list container that gathers a title, description, header-suffix widget and rows.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Account' },
+        {
+            name: 'description',
+            label: 'Description',
+            type: ControlType.TEXT,
+            defaultValue: 'Manage how this device signs in and syncs.',
+        },
+    ],
+};

package/src/rows/preferences-group.story.ts

@@ -0,0 +1,67 @@
+// Adw.PreferencesGroup — the boxed-list container itself: a titled group with a
+// description, a header-suffix button and a set of mixed rows. original
+// implementation.
+
+import Adw from '@girs/adw-1';
+import Gtk from '@girs/gtk-4.0';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { preferencesGroupMeta } from './preferences-group.meta.js';
+
+/** Story: Adw.PreferencesGroup wrapping several rows, with a header-suffix button. */
+export class PreferencesGroupStory extends StoryWidget {
+    private _prefsGroup: Adw.PreferencesGroup | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookPreferencesGroup' }, PreferencesGroupStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(PreferencesGroupStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...preferencesGroupMeta, component: Adw.PreferencesGroup.$gtype };
+    }
+
+    initialize(): void {
+        const headerButton = new Gtk.Button({ label: 'Sign out', valign: Gtk.Align.CENTER });
+        headerButton.add_css_class('flat');
+
+        this._prefsGroup = new Adw.PreferencesGroup({
+            title: this.args.title as string,
+            description: this.args.description as string,
+            headerSuffix: headerButton,
+        });
+
+        const nameRow = new Adw.EntryRow({ title: 'Display name', text: 'Grace Hopper' });
+        this._prefsGroup.add(nameRow);
+
+        const syncRow = new Adw.SwitchRow({
+            title: 'Sync over Wi-Fi only',
+            subtitle: 'Avoid using mobile data for backups',
+            active: true,
+        });
+        this._prefsGroup.add(syncRow);
+
+        const regionRow = new Adw.ComboRow({
+            title: 'Region',
+            model: new Gtk.StringList({ strings: ['Europe', 'Americas', 'Asia', 'Oceania'] }),
+            selected: 0,
+        });
+        this._prefsGroup.add(regionRow);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: this._prefsGroup });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._prefsGroup) return;
+        this._prefsGroup.title = this.args.title as string;
+        this._prefsGroup.description = this.args.description as string;
+    }
+}
+
+GObject.type_ensure(PreferencesGroupStory.$gtype);
+
+export const PreferencesGroupStories: StoryModule = { stories: [PreferencesGroupStory] };

package/src/rows/spin-row.meta.ts

@@ -0,0 +1,29 @@
+// Shared, renderer-agnostic metadata for the Spin Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const spinRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Spin Row',
+    description: 'Adw.SpinRow — a preferences row with an inline spin button over a numeric adjustment.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Font size' },
+        {
+            name: 'value',
+            label: 'Value',
+            type: ControlType.NUMBER,
+            min: 0,
+            max: 100,
+            step: 1,
+            defaultValue: 16,
+        },
+        {
+            name: 'digits',
+            label: 'Digits',
+            type: ControlType.NUMBER,
+            min: 0,
+            max: 4,
+            step: 1,
+            defaultValue: 0,
+        },
+    ],
+};

package/src/rows/spin-row.story.ts

@@ -0,0 +1,56 @@
+// Adw.SpinRow — a boxed-list row embedding a spin button over an adjustment.
+// original implementation.
+
+import Adw from '@girs/adw-1';
+import Gtk from '@girs/gtk-4.0';
+import GObject from '@girs/gobject-2.0';
+import { type StoryArgs, type StoryMeta, type StoryModule, StoryWidget } from '@gjsify/storybook';
+import { spinRowMeta } from './spin-row.meta.js';
+
+/** Story: Adw.SpinRow inside a boxed list, driven by a Gtk.Adjustment. */
+export class SpinRowStory extends StoryWidget {
+    private _row: Adw.SpinRow | null = null;
+
+    static {
+        GObject.registerClass({ GTypeName: 'AdwStorybookSpinRow' }, SpinRowStory);
+    }
+
+    constructor() {
+        super(StoryWidget.fromMeta(SpinRowStory.getMetadata(), 'Default'));
+    }
+
+    static getMetadata(): StoryMeta {
+        return { ...spinRowMeta, component: Adw.SpinRow.$gtype };
+    }
+
+    initialize(): void {
+        this._row = new Adw.SpinRow({
+            title: this.args.title as string,
+            adjustment: new Gtk.Adjustment({
+                lower: 0,
+                upper: 100,
+                value: this.args.value as number,
+                stepIncrement: 1,
+                pageIncrement: 10,
+            }),
+            digits: this.args.digits as number,
+        });
+
+        const group = new Adw.PreferencesGroup();
+        group.add(this._row);
+
+        const clamp = new Adw.Clamp({ maximumSize: 400, child: group });
+        this.addContent(clamp);
+    }
+
+    updateArgs(_args: StoryArgs): void {
+        if (!this._row) return;
+        this._row.title = this.args.title as string;
+        this._row.value = this.args.value as number;
+        this._row.digits = this.args.digits as number;
+    }
+}
+
+GObject.type_ensure(SpinRowStory.$gtype);
+
+export const SpinRowStories: StoryModule = { stories: [SpinRowStory] };

package/src/rows/switch-row.meta.ts

@@ -0,0 +1,18 @@
+// Shared, renderer-agnostic metadata for the Switch Row story.
+
+import { ControlType, type StoryMeta } from '@gjsify/stories';
+
+export const switchRowMeta: StoryMeta = {
+    title: 'Boxed Lists/Switch Row',
+    description: 'Adw.SwitchRow — a preferences row with a trailing switch, shown inside a boxed list.',
+    controls: [
+        { name: 'title', label: 'Title', type: ControlType.TEXT, defaultValue: 'Automatic updates' },
+        {
+            name: 'subtitle',
+            label: 'Subtitle',
+            type: ControlType.TEXT,
+            defaultValue: 'Download and install updates without asking',
+        },
+        { name: 'active', label: 'Active', type: ControlType.BOOLEAN, defaultValue: true },
+    ],
+};