@aerogel/core 0.0.0-next.c2e6acc000e97a1020c2e232678563c53884dd0e → 0.0.0-next.c33ad773d3eb977461630ff22012d99eeedf46cb

package/src/components/ui/index.ts

@@ -1,7 +1,11 @@
 export { default as AlertModal } from './AlertModal.vue';
+export { default as AdvancedOptions } from './AdvancedOptions.vue';
 export { default as Button } from './Button.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as ConfirmModal } from './ConfirmModal.vue';
+export { default as DropdownMenu } from './DropdownMenu.vue';
+export { default as EditableContent } from './EditableContent.vue';
+export { default as ErrorMessage } from './ErrorMessage.vue';
 export { default as ErrorReportModal } from './ErrorReportModal.vue';
 export { default as ErrorReportModalButtons } from './ErrorReportModalButtons.vue';
 export { default as ErrorReportModalTitle } from './ErrorReportModalTitle.vue';
@@ -14,3 +18,6 @@ export { default as Modal } from './Modal.vue';
 export { default as ModalContext } from './ModalContext.vue';
 export { default as ProgressBar } from './ProgressBar.vue';
 export { default as PromptModal } from './PromptModal.vue';
+export { default as Select } from './Select.vue';
+export { default as StartupCrash } from './StartupCrash.vue';
+export { default as Toast } from './Toast.vue';

package/src/components/utils.ts

@@ -13,10 +13,10 @@ import type { FormController } from '@aerogel/core/forms';
 export type CVAConfig<T> = NonNullable<GetClosureArgs<typeof cva<T>>[1]>;
 export type CVAProps<T> = NonNullable<GetClosureArgs<GetClosureResult<typeof cva<T>>>[0]>;
 export type RefsObject<T> = { [K in keyof T]: Ref<T[K]> | T[K] };
-export type Variants<T extends Record<string, string>> = Required<{
-    [K in keyof T]: {
-        [key in T[K]]: string;
-    };
+export type Variants<T extends Record<string, string | boolean>> = Required<{
+    [K in keyof T]: Exclude<T[K], undefined> extends string
+        ? { [key in Exclude<T[K], undefined>]: string | null }
+        : { true: string | null; false: string | null };
 }>;
 
 export type ComponentPropDefinitions<T> = {

package/src/errors/Errors.ts

@@ -4,7 +4,6 @@ import App from '@aerogel/core/services/App';
 import ServiceBootError from '@aerogel/core/errors/ServiceBootError';
 import UI, { UIComponents } from '@aerogel/core/ui/UI';
 import { translateWithDefault } from '@aerogel/core/lang/utils';
-import { Colors } from '@aerogel/core/components/constants';
 import { Events } from '@aerogel/core/services';
 import type { ErrorReportModalProps } from '@aerogel/core/components/contracts/ErrorReportModal';
 import type { ModalComponent } from '@aerogel/core/ui/UI.state';
@@ -71,16 +70,16 @@ export class ErrorsService extends Service {
             date: new Date(),
         };
 
-        UI.showSnackbar(
+        UI.toast(
             message ??
                 translateWithDefault('errors.notice', 'Something went wrong, but it\'s not your fault. Try again!'),
             {
-                color: Colors.Danger,
+                variant: 'danger',
                 actions: [
                     {
-                        text: translateWithDefault('errors.viewDetails', 'View details'),
+                        label: translateWithDefault('errors.viewDetails', 'View details'),
                         dismiss: true,
-                        handler: () =>
+                        click: () =>
                             UI.openModal<ModalComponent<ErrorReportModalProps>>(
                                 UI.requireComponent(UIComponents.ErrorReportModal),
                                 { reports: [report] },

package/src/index.css

@@ -1,4 +1,6 @@
 @source './';
+@source '../../plugin-local-first/src';
+@source '../../plugin-solid/src';
 
 @theme {
     --color-background: oklch(1 0 0);
@@ -6,3 +8,34 @@
     --color-danger: oklch(0.577 0.245 27.325);
     --color-accent: oklch(0.97 0 0);
 }
+
+.clickable {
+    position: relative;
+}
+
+.clickable::after {
+    --clickable-size: 44px;
+    --clickable-inset-by: min(0px, calc((100% - var(--clickable-size)) / 2));
+
+    content: '';
+    position: absolute;
+    top: var(--clickable-inset-by);
+    left: var(--clickable-inset-by);
+    right: var(--clickable-inset-by);
+    bottom: var(--clickable-inset-by);
+}
+
+input[type='number'].appearance-textfield {
+    appearance: textfield;
+}
+
+input[type='number'].appearance-textfield::-webkit-outer-spin-button,
+input[type='number'].appearance-textfield::-webkit-inner-spin-button {
+    appearance: none;
+}
+
+button[data-markdown-action] {
+    color: var(--tw-prose-links);
+    text-decoration: underline;
+    font-weight: 500;
+}

package/src/ui/UI.state.ts

@@ -24,7 +24,7 @@ export interface ModalComponent<
     Result = unknown,
 > {}
 
-export interface Snackbar {
+export interface UIToast {
     id: string;
     component: Component;
     properties: Record<string, unknown>;
@@ -34,7 +34,7 @@ export default defineServiceState({
     name: 'ui',
     initialState: {
         modals: [] as UIModal[],
-        snackbars: [] as Snackbar[],
+        toasts: [] as UIToast[],
         layout: getCurrentLayout(),
     },
     computed: {

package/src/ui/UI.ts

@@ -11,11 +11,11 @@ import type { ButtonVariant } from '@aerogel/core/components/contracts/Button';
 import type { ConfirmModalCheckboxes, ConfirmModalProps } from '@aerogel/core/components/contracts/ConfirmModal';
 import type { LoadingModalProps } from '@aerogel/core/components/contracts/LoadingModal';
 import type { PromptModalProps } from '@aerogel/core/components/contracts/PromptModal';
-import type { SnackbarAction, SnackbarColor } from '@aerogel/core/components/headless/snackbars';
+import type { ToastAction, ToastVariant } from '@aerogel/core/components/contracts/Toast';
 
 import Service from './UI.state';
 import { MOBILE_BREAKPOINT, getCurrentLayout } from './utils';
-import type { ModalComponent, Snackbar, UIModal } from './UI.state';
+import type { ModalComponent, UIModal, UIToast } from './UI.state';
 
 interface ModalCallbacks<T = unknown> {
     willClose(result: T | undefined): void;
@@ -32,7 +32,7 @@ export const UIComponents = {
     ErrorReportModal: 'error-report-modal',
     LoadingModal: 'loading-modal',
     PromptModal: 'prompt-modal',
-    Snackbar: 'snackbar',
+    Toast: 'toast',
     StartupCrash: 'startup-crash',
 } as const;
 
@@ -69,10 +69,10 @@ export type PromptOptions = AcceptRefs<{
     trim?: boolean;
 }>;
 
-export interface ShowSnackbarOptions {
+export interface ToastOptions {
     component?: Component;
-    color?: SnackbarColor;
-    actions?: SnackbarAction[];
+    variant?: ToastVariant;
+    actions?: ToastAction[];
 }
 
 export class UIService extends Service {
@@ -246,23 +246,15 @@ export class UIService extends Service {
         }
     }
 
-    public showSnackbar(message: string, options: ShowSnackbarOptions = {}): void {
-        const snackbar: Snackbar = {
+    public toast(message: string, options: ToastOptions = {}): void {
+        const { component, ...otherOptions } = options;
+        const toast: UIToast = {
             id: uuid(),
-            properties: { message, ...options },
-            component: markRaw(options.component ?? this.requireComponent(UIComponents.Snackbar)),
+            properties: { message, ...otherOptions },
+            component: markRaw(component ?? this.requireComponent(UIComponents.Toast)),
         };
 
-        this.setState('snackbars', this.snackbars.concat(snackbar));
-
-        setTimeout(() => this.hideSnackbar(snackbar.id), 5000);
-    }
-
-    public hideSnackbar(id: string): void {
-        this.setState(
-            'snackbars',
-            this.snackbars.filter((snackbar) => snackbar.id !== id),
-        );
+        this.setState('toasts', this.toasts.concat(toast));
     }
 
     public registerComponent(name: UIComponent, component: Component): void {

package/src/ui/index.ts

@@ -1,12 +1,12 @@
 import type { Component } from 'vue';
 
-import AGSnackbar from '@aerogel/core/components/snackbars/AGSnackbar.vue';
-import AGStartupCrash from '@aerogel/core/components/lib/AGStartupCrash.vue';
 import AlertModal from '@aerogel/core/components/ui/AlertModal.vue';
 import ConfirmModal from '@aerogel/core/components/ui/ConfirmModal.vue';
 import ErrorReportModal from '@aerogel/core/components/ui/ErrorReportModal.vue';
 import LoadingModal from '@aerogel/core/components/ui/LoadingModal.vue';
 import PromptModal from '@aerogel/core/components/ui/PromptModal.vue';
+import StartupCrash from '@aerogel/core/components/ui/StartupCrash.vue';
+import Toast from '@aerogel/core/components/ui/Toast.vue';
 import { bootServices } from '@aerogel/core/services';
 import { definePlugin } from '@aerogel/core/plugins';
 
@@ -29,8 +29,8 @@ export default definePlugin({
             [UIComponents.ErrorReportModal]: ErrorReportModal,
             [UIComponents.LoadingModal]: LoadingModal,
             [UIComponents.PromptModal]: PromptModal,
-            [UIComponents.Snackbar]: AGSnackbar,
-            [UIComponents.StartupCrash]: AGStartupCrash,
+            [UIComponents.Toast]: Toast,
+            [UIComponents.StartupCrash]: StartupCrash,
         };
 
         Object.entries({

package/src/utils/vue.ts

@@ -24,10 +24,6 @@ export function booleanProp(defaultValue: boolean = false): OptionalProp<boolean
     };
 }
 
-export function componentRef<T>(): Ref<UnwrapNestedRefs<T> | undefined> {
-    return ref<UnwrapNestedRefs<T>>();
-}
-
 export function computedAsync<T>(getter: () => Promise<T>): Ref<T | undefined> {
     const result = ref<T>();
     const asyncValue = computed(getter);

package/src/components/AppSnackbars.vue

@@ -1,13 +0,0 @@
-<template>
-    <div aria-live="assertive" class="pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:p-6">
-        <div class="flex w-full flex-col items-end space-y-4">
-            <component
-                :is="snackbar.component"
-                v-for="snackbar of $ui.snackbars"
-                :id="snackbar.id"
-                :key="snackbar.id"
-                v-bind="snackbar.properties"
-            />
-        </div>
-    </div>
-</template>

package/src/components/constants.ts

@@ -1,8 +0,0 @@
-export const Colors = {
-    Primary: 'primary',
-    Secondary: 'secondary',
-    Danger: 'danger',
-    Clear: 'clear',
-} as const;
-
-export type Color = (typeof Colors)[keyof typeof Colors];

package/src/components/forms/AGSelect.story.vue

@@ -1,46 +0,0 @@
-<template>
-    <Story>
-        <div class="h-96">
-            <AGSelect v-model="bestMugiwara" :label="bestMugiwaraLabel" :options="bestMugiwaraOptions" />
-            <AGSelect
-                v-model="bestFood"
-                :label="bestFoodLabel"
-                :options="bestFoodOptions"
-                options-text="name"
-            />
-        </div>
-    </Story>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import AGSelect from './AGSelect.vue';
-
-const bestMugiwara = ref(null);
-const bestFood = ref(null);
-const bestMugiwaraLabel = 'Who\'s the best Mugiwara?';
-const bestFoodLabel = 'What\'s the best food?';
-const bestMugiwaraOptions = [
-    'Monkey D. Luffy',
-    'Roronoa Zoro',
-    'Nami',
-    'Usopp',
-    'Sanji',
-    'Tony Tony Chopper',
-    'Nico Robin',
-    'Franky',
-    'Brook',
-    'Jinbe',
-];
-const bestFoodOptions = [
-    {
-        id: 'ramen',
-        name: 'Ramen',
-    },
-    {
-        id: 'pizza',
-        name: 'Pizza',
-    },
-];
-</script>

package/src/components/forms/AGSelect.vue

@@ -1,54 +0,0 @@
-<template>
-    <AGHeadlessSelect
-        v-bind="props"
-        ref="$select"
-        as="div"
-        @update:model-value="$emit('update:modelValue', $event)"
-    >
-        <div class="relative" :class="{ 'mt-2': $select?.label }">
-            <AGHeadlessSelectTrigger
-                class="relative w-full cursor-default bg-white py-1.5 pr-10 pl-3 text-left text-gray-900 ring-1 ring-gray-300 ring-inset focus:ring-2 focus:ring-indigo-600 focus:outline-hidden"
-                text-class="block truncate"
-                :class="{
-                    'ring-1 ring-red-500': $select?.errors,
-                }"
-            >
-                <template #icon>
-                    <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
-                        <IconCheveronDown class="size-5 text-gray-400" />
-                    </span>
-                </template>
-            </AGHeadlessSelectTrigger>
-            <AGHeadlessSelectOptions
-                class="absolute z-10 mt-1 max-h-60 w-full overflow-auto border border-gray-300 bg-white py-1 text-base ring-1 ring-black/5 focus:outline-hidden"
-            >
-                <AGHeadlessSelectOption
-                    v-for="(option, index) in $select?.options ?? []"
-                    :key="index"
-                    :value="option"
-                    class="relative block cursor-default truncate py-2 pr-9 pl-3 text-gray-900 select-none data-[highlighted]:bg-indigo-600 data-[highlighted]:text-white data-[state=checked]:font-semibold data-[state=unchecked]:font-normal"
-                />
-            </AGHeadlessSelectOptions>
-        </div>
-        <AGHeadlessSelectError class="mt-2 text-sm text-red-600" />
-    </AGHeadlessSelect>
-</template>
-
-<script setup lang="ts">
-import IconCheveronDown from '~icons/zondicons/cheveron-down';
-
-import { componentRef } from '@aerogel/core/utils/vue';
-import { useSelectEmits, useSelectProps } from '@aerogel/core/components/headless/forms/AGHeadlessSelect';
-import type { IAGHeadlessSelect } from '@aerogel/core/components/headless/forms/AGHeadlessSelect';
-
-import AGHeadlessSelect from '../headless/forms/AGHeadlessSelect.vue';
-import AGHeadlessSelectTrigger from '../headless/forms/AGHeadlessSelectTrigger.vue';
-import AGHeadlessSelectError from '../headless/forms/AGHeadlessSelectError.vue';
-import AGHeadlessSelectOption from '../headless/forms/AGHeadlessSelectOption.vue';
-import AGHeadlessSelectOptions from '../headless/forms/AGHeadlessSelectOptions.vue';
-
-defineEmits(useSelectEmits());
-
-const props = defineProps(useSelectProps());
-const $select = componentRef<IAGHeadlessSelect>();
-</script>

package/src/components/forms/index.ts

@@ -1 +0,0 @@
-export { default as AGSelect } from './AGSelect.vue';

package/src/components/headless/forms/AGHeadlessSelect.ts

@@ -1,42 +0,0 @@
-import type { ComputedRef, DeepReadonly, ExtractPropTypes, Ref } from 'vue';
-import type { Writable } from '@noeldemartin/utils';
-
-import { mixedProp, requiredArrayProp, stringProp } from '@aerogel/core/utils/vue';
-import { extractComponentProps } from '@aerogel/core/components/utils';
-import type { FormFieldValue } from '@aerogel/core/forms/FormController';
-
-export interface IAGHeadlessSelect {
-    id: string;
-    label: ComputedRef<string | null>;
-    noSelectionText: ComputedRef<string>;
-    buttonText: ComputedRef<string>;
-    renderText: ComputedRef<(value: FormFieldValue) => string>;
-    selectedOption: ComputedRef<FormFieldValue | null>;
-    options: ComputedRef<FormFieldValue[]>;
-    errors: DeepReadonly<Ref<string[] | null>>;
-    update(value: FormFieldValue): void;
-}
-
-export const selectProps = {
-    name: stringProp(),
-    label: stringProp(),
-    options: requiredArrayProp<FormFieldValue>(),
-    noSelectionText: stringProp(),
-    optionsText: mixedProp<string | ((option: FormFieldValue) => string)>(),
-};
-
-export const selectEmits = ['update:modelValue'] as const;
-
-export function useSelectProps(): typeof selectProps {
-    return selectProps;
-}
-
-export function useSelectEmits(): Writable<typeof selectEmits> {
-    return [...selectEmits];
-}
-
-export function extractSelectProps<T extends ExtractPropTypes<typeof selectProps>>(
-    props: T,
-): Pick<T, keyof typeof selectProps> {
-    return extractComponentProps(props, selectProps);
-}

package/src/components/headless/forms/AGHeadlessSelect.vue

@@ -1,77 +0,0 @@
-<template>
-    <SelectRoot v-slot="{ open }: ComponentProps" :model-value="selectedOption" @update:model-value="update($event)">
-        <slot :model-value="modelValue" :open="open" />
-    </SelectRoot>
-</template>
-
-<script setup lang="ts">
-import { computed, inject, provide } from 'vue';
-import { toString, uuid } from '@noeldemartin/utils';
-import { SelectRoot } from 'reka-ui';
-import type { AcceptableValue } from 'reka-ui';
-
-import { mixedProp } from '@aerogel/core/utils/vue';
-import { translateWithDefault } from '@aerogel/core/lang/utils';
-import type FormController from '@aerogel/core/forms/FormController';
-import type { FormFieldValue } from '@aerogel/core/forms/FormController';
-import type { ComponentProps } from '@aerogel/core/utils/vue';
-
-import { useSelectEmits, useSelectProps } from './AGHeadlessSelect';
-import type { IAGHeadlessSelect } from './AGHeadlessSelect';
-
-const emit = defineEmits(useSelectEmits());
-const props = defineProps({
-    modelValue: mixedProp<FormFieldValue>(),
-    ...useSelectProps(),
-});
-const renderText = computed(() => {
-    if (typeof props.optionsText === 'function') {
-        return props.optionsText;
-    }
-
-    if (typeof props.optionsText === 'string') {
-        return (option: FormFieldValue): string => toString(option[props.optionsText as keyof FormFieldValue]);
-    }
-
-    return (option: FormFieldValue) => toString(option);
-});
-const form = inject<FormController | null>('form', null);
-const noSelectionText = computed(() => props.noSelectionText ?? translateWithDefault('select.noSelection', '-'));
-const selectedOption = computed(
-    () => (form && props.name ? form.getFieldValue(props.name) : props.modelValue) as AcceptableValue,
-);
-const errors = computed(() => {
-    if (!form || !props.name) {
-        return null;
-    }
-
-    return form.errors[props.name] ?? null;
-});
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function update(value: any) {
-    if (form && props.name) {
-        form.setFieldValue(props.name, value);
-
-        return;
-    }
-
-    emit('update:modelValue', value);
-}
-
-const api: IAGHeadlessSelect = {
-    id: `select-${uuid()}`,
-    noSelectionText,
-    selectedOption,
-    errors,
-    options: computed(() => props.options),
-    label: computed(() => props.label),
-    buttonText: computed(() =>
-        selectedOption.value === null ? noSelectionText.value : renderText.value(selectedOption.value)),
-    renderText,
-    update,
-};
-
-provide<IAGHeadlessSelect>('select', api);
-defineExpose<IAGHeadlessSelect>(api);
-</script>

package/src/components/headless/forms/AGHeadlessSelectOption.ts

@@ -1,4 +0,0 @@
-export type IAGHeadlessSelectOptionSlotProps = {
-    active: boolean;
-    selected: boolean;
-};

package/src/components/headless/forms/AGHeadlessSelectOption.vue

@@ -1,31 +0,0 @@
-<template>
-    <SelectItem :value="value" as="template">
-        <SelectItemText>
-            <slot>
-                {{ select.renderText(value) }}
-            </slot>
-        </SelectItemText>
-    </SelectItem>
-</template>
-
-<script setup lang="ts">
-import { SelectItem, SelectItemText } from 'reka-ui';
-
-import { injectReactiveOrFail, requiredMixedProp, stringProp } from '@aerogel/core/utils/vue';
-
-import type { IAGHeadlessSelect } from './AGHeadlessSelect';
-
-defineProps({
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value: requiredMixedProp<any>(),
-    selectedClass: stringProp(),
-    unselectedClass: stringProp(),
-    activeClass: stringProp(),
-    inactiveClass: stringProp(),
-});
-
-const select = injectReactiveOrFail<IAGHeadlessSelect>(
-    'select',
-    '<AGHeadlessSelectOption> must be a child of a <AGHeadlessSelect>',
-);
-</script>

package/src/components/headless/forms/AGHeadlessSelectOptions.vue

@@ -1,19 +0,0 @@
-<template>
-    <SelectPortal>
-        <SelectContent :class="classes">
-            <SelectViewport>
-                <slot />
-            </SelectViewport>
-        </SelectContent>
-    </SelectPortal>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { SelectContent, SelectPortal, SelectViewport } from 'reka-ui';
-
-import { stringProp } from '@aerogel/core/utils/vue';
-
-const props = defineProps({ class: stringProp('') });
-const classes = computed(() => props.class);
-</script>

package/src/components/headless/forms/AGHeadlessSelectTrigger.vue

@@ -1,25 +0,0 @@
-<template>
-    <SelectTrigger>
-        <SelectValue>
-            <slot>
-                <span :class="textClass">{{ select?.buttonText }}</span>
-            </slot>
-            <slot name="icon" />
-        </SelectValue>
-    </SelectTrigger>
-</template>
-
-<script setup lang="ts">
-import { SelectTrigger, SelectValue } from 'reka-ui';
-
-import { injectReactiveOrFail, stringProp } from '@aerogel/core/utils/vue';
-
-import type { IAGHeadlessSelect } from './AGHeadlessSelect';
-
-defineProps({ textClass: stringProp() });
-
-const select = injectReactiveOrFail<IAGHeadlessSelect>(
-    'select',
-    '<AGHeadlessSelectTrigger> must be a child of a <AGHeadlessSelect>',
-);
-</script>

package/src/components/headless/forms/composition.ts

@@ -1,10 +0,0 @@
-import { inject, onUnmounted } from 'vue';
-
-import type FormController from '@aerogel/core/forms/FormController';
-
-export function onFormFocus(input: { name: string | null }, listener: () => unknown): void {
-    const form = inject<FormController | null>('form', null);
-    const stop = form?.on('focus', (name) => input.name === name && listener());
-
-    onUnmounted(() => stop?.());
-}

package/src/components/headless/forms/index.ts

@@ -1,8 +0,0 @@
-export * from './composition';
-export * from './AGHeadlessSelect';
-export * from './AGHeadlessSelectOption';
-export { default as AGHeadlessSelect } from './AGHeadlessSelect.vue';
-export { default as AGHeadlessSelectTrigger } from './AGHeadlessSelectTrigger.vue';
-export { default as AGHeadlessSelectError } from './AGHeadlessSelectError.vue';
-export { default as AGHeadlessSelectOption } from './AGHeadlessSelectOption.vue';
-export { default as AGHeadlessSelectOptions } from './AGHeadlessSelectOptions.vue';

package/src/components/headless/snackbars/AGHeadlessSnackbar.vue

@@ -1,10 +0,0 @@
-<template>
-    <div class="pointer-events-auto">
-        <slot />
-    </div>
-</template>
-
-<script setup lang="ts">
-// Stub import to fix build (otherwise, this file doesn't seem to be treated as a module).
-import 'virtual:aerogel';
-</script>

package/src/components/headless/snackbars/index.ts

@@ -1,40 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-import type { ObjectWithoutEmpty } from '@noeldemartin/utils';
-
-import UI from '@aerogel/core/ui/UI';
-import { arrayProp, enumProp, requiredStringProp } from '@aerogel/core/utils/vue';
-import { Colors } from '@aerogel/core/components/constants';
-import { objectWithout } from '@noeldemartin/utils';
-
-export { default as AGHeadlessSnackbar } from './AGHeadlessSnackbar.vue';
-
-export const SnackbarColors = objectWithout(Colors, ['Primary', 'Clear']);
-export const snackbarProps = {
-    id: requiredStringProp(),
-    message: requiredStringProp(),
-    actions: arrayProp<SnackbarAction>(() => []),
-    color: enumProp(SnackbarColors, Colors.Secondary),
-};
-
-export interface SnackbarAction {
-    text: string;
-    dismiss?: boolean;
-    handler?(): unknown;
-}
-
-export type SnackbarColor = (typeof SnackbarColors)[keyof typeof SnackbarColors];
-export type AGSnackbarProps = ObjectWithoutEmpty<ExtractPropTypes<typeof snackbarProps>>;
-
-export function useSnackbarProps(): typeof snackbarProps {
-    return snackbarProps;
-}
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export function useSnackbar(props: ExtractPropTypes<typeof snackbarProps>) {
-    function activate(action: SnackbarAction): void {
-        action.handler?.();
-        action.dismiss && UI.hideSnackbar(props.id);
-    }
-
-    return { activate };
-}

package/src/components/lib/AGMeasured.vue

@@ -1,16 +0,0 @@
-<template>
-    <component :is="as" v-measure="() => (measured = true)" :class="{ 'invisible! absolute! w-auto!': !measured }">
-        <slot />
-    </component>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { stringProp } from '@aerogel/core/utils/vue';
-
-defineProps({ as: stringProp('span') });
-
-// TODO use v-measure.css
-const measured = ref(false);
-</script>

package/src/components/lib/index.ts

@@ -1,3 +0,0 @@
-export { default as AGErrorMessage } from './AGErrorMessage.vue';
-export { default as AGMeasured } from './AGMeasured.vue';
-export { default as AGStartupCrash } from './AGStartupCrash.vue';