@aggc/ui 0.7.0 → 0.8.0

package/dist/chunks/{pageHeader-DhPY_hNA.js → pageHeader-YZ3BV9dQ.js}

@@ -377,10 +377,7 @@ const fr = c({
         bg: "text.error",
         color: "text.inverse",
         borderWidth: "1px",
-        borderColor: "transparent",
-        _dark: {
-          color: "text.inverse"
-        }
+        borderColor: "transparent"
       }
     },
     disabled: {
@@ -439,10 +436,16 @@ const fr = c({
         color: "text.error",
         borderColor: "border.danger",
         bg: "transparent",
+        _dark: {
+          color: "text.error"
+        },
         _hover: {
           bg: "badge.dangerBg",
           borderColor: "text.error",
-          color: "text.error"
+          color: "text.error",
+          _dark: {
+            color: "text.error"
+          }
         }
       }
     },

package/dist/components/UiAvatar.styles.d.ts

@@ -0,0 +1,53 @@
+export declare const uiAvatarRootClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            w: "8";
+            h: "8";
+        };
+        md: {
+            w: "10";
+            h: "10";
+        };
+        lg: {
+            w: "12";
+            h: "12";
+        };
+        xl: {
+            w: "14";
+            h: "14";
+        };
+    };
+    shape: {
+        circle: {
+            borderRadius: "full";
+        };
+        square: {
+            borderRadius: "lg";
+        };
+    };
+}>;
+export declare const uiAvatarImageClass: string;
+export declare const uiAvatarFallbackClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            fontSize: "xs";
+        };
+        md: {
+            fontSize: "sm";
+        };
+        lg: {
+            fontSize: "md";
+        };
+        xl: {
+            fontSize: "lg";
+        };
+    };
+}>;
+export declare const uiAvatarIconFallbackClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+}>;

package/dist/components/UiAvatar.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    name: string;
+    src?: string;
+    size?: "sm" | "md" | "lg" | "xl";
+    shape?: "circle" | "square";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg" | "xl";
+    shape: "circle" | "square";
+    src: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiButton.styles.d.ts

@@ -47,9 +47,6 @@ export declare const uiButtonClass: import("../../styled-system/types").RecipeRu
             color: "text.inverse";
             borderWidth: "1px";
             borderColor: "transparent";
-            _dark: {
-                color: "text.inverse";
-            };
         };
     };
     disabled: {

package/dist/components/UiModal.styles.d.ts

@@ -0,0 +1,21 @@
+export declare const uiModalOverlayClass: string;
+export declare const uiModalContentClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            w: "380px";
+        };
+        md: {
+            w: "480px";
+        };
+        lg: {
+            w: "640px";
+        };
+    };
+}>;
+export declare const uiModalHeaderClass: string;
+export declare const uiModalHeaderContentClass: string;
+export declare const uiModalTitleClass: string;
+export declare const uiModalDescriptionClass: string;
+export declare const uiModalCloseClass: string;
+export declare const uiModalBodyClass: string;
+export declare const uiModalActionsClass: string;

package/dist/components/UiModal.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    open: boolean;
+    size?: "sm" | "md" | "lg";
+    title: string;
+    description?: string;
+};
+declare var __VLS_62: {}, __VLS_64: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_62) => any;
+} & {
+    actions?: (props: typeof __VLS_64) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    description: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiToast.styles.d.ts

@@ -0,0 +1,41 @@
+export declare const uiToastViewportClass: string;
+export declare const uiToastRootClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    tone: {
+        success: {
+            borderColor: "badge.successBorder";
+            bg: "badge.successBg";
+        };
+        error: {
+            borderColor: "badge.dangerBorder";
+            bg: "badge.dangerBg";
+        };
+        info: {
+            borderColor: "badge.infoBorder";
+            bg: "badge.infoBg";
+        };
+        warning: {
+            borderColor: "badge.warningBorder";
+            bg: "badge.warningBg";
+        };
+    };
+}>;
+export declare const uiToastIconClass: import("../../styled-system/types").RecipeRuntimeFn<{
+    tone: {
+        success: {
+            color: "badge.successText";
+        };
+        error: {
+            color: "badge.dangerText";
+        };
+        info: {
+            color: "badge.infoText";
+        };
+        warning: {
+            color: "badge.warningText";
+        };
+    };
+}>;
+export declare const uiToastContentClass: string;
+export declare const uiToastTitleClass: string;
+export declare const uiToastDescriptionClass: string;
+export declare const uiToastCloseClass: string;

package/dist/components/UiToast.vue.d.ts

@@ -0,0 +1,13 @@
+import type { ToastTone } from "../composables/useToast";
+type __VLS_Props = {
+    tone: ToastTone;
+    message: string;
+    title?: string;
+    duration?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiToastProvider.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/index.d.ts

@@ -2,10 +2,14 @@ export { default as PageSurface } from "./PageSurface.vue";
 export { default as ResultPanel } from "./ResultPanel.vue";
 export { default as SectionCard } from "./SectionCard.vue";
 export { default as StatusBadge } from "./StatusBadge.vue";
+export { default as UiAvatar } from "./UiAvatar.vue";
 export { default as UiButton } from "./UiButton.vue";
 export { default as UiCheckbox } from "./UiCheckbox.vue";
 export { default as UiField } from "./UiField.vue";
 export { default as UiLoadingState } from "./UiLoadingState.vue";
+export { default as UiModal } from "./UiModal.vue";
 export { default as UiSegmentedControl } from "./UiSegmentedControl.vue";
 export { default as UiSelect } from "./UiSelect.vue";
 export { default as UiSkeleton } from "./UiSkeleton.vue";
+export { default as UiToast } from "./UiToast.vue";
+export { default as UiToastProvider } from "./UiToastProvider.vue";

package/dist/components.js

@@ -1,14 +1,18 @@
-import { _ as s, a as t, b as i, c as o, d as n, e as S, f as U, g as d, h as l, i as c, j as g } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js";
+import { _ as s, a as i, b as t, c as o, d as U, e as d, f as l, g as n, h as r, i as S, j as c, k as g, l as u, m as f, n as k } from "./chunks/UiToastProvider.vue_vue_type_script_setup_true_lang-D7OGRCU4.js";
 export {
   s as PageSurface,
-  t as ResultPanel,
-  i as SectionCard,
+  i as ResultPanel,
+  t as SectionCard,
   o as StatusBadge,
-  n as UiButton,
-  S as UiCheckbox,
-  U as UiField,
-  d as UiLoadingState,
-  l as UiSegmentedControl,
-  c as UiSelect,
-  g as UiSkeleton
+  U as UiAvatar,
+  d as UiButton,
+  l as UiCheckbox,
+  n as UiField,
+  r as UiLoadingState,
+  S as UiModal,
+  c as UiSegmentedControl,
+  g as UiSelect,
+  u as UiSkeleton,
+  f as UiToast,
+  k as UiToastProvider
 };

package/dist/composables/useToast.d.ts

@@ -0,0 +1,27 @@
+export type ToastTone = "success" | "error" | "info" | "warning";
+export interface ToastItem {
+    id: number;
+    tone: ToastTone;
+    message: string;
+    duration: number;
+}
+declare function removeToast(id: number): void;
+export declare function useToast(): {
+    toasts: import("vue").Ref<{
+        id: number;
+        tone: ToastTone;
+        message: string;
+        duration: number;
+    }[], ToastItem[] | {
+        id: number;
+        tone: ToastTone;
+        message: string;
+        duration: number;
+    }[]>;
+    success: (message: string, duration?: number) => number;
+    error: (message: string, duration?: number) => number;
+    info: (message: string, duration?: number) => number;
+    warning: (message: string, duration?: number) => number;
+    dismiss: typeof removeToast;
+};
+export {};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./components/index";
+export * from "./composables/useToast";
 export * from "./styles/index";
 export * from "./tokens/index";

package/dist/index.js

@@ -1,65 +1,70 @@
-import { _ as a, a as l, b as o, c as t, d as i, e as n, f as r, g as C, h as c, i as p, j as d } from "./chunks/UiSkeleton.vue_vue_type_script_setup_true_lang-Dg-HzSqj.js";
-import { actionToolbarClass as u, badgeRecipe as f, cardRecipe as m, centeredEmptyStatePanelClass as k, clusterLayout as R, emptyStatePanelClass as T, errorTextClass as S, fieldControlClass as x, fieldControlSmClass as b, fieldTextareaClass as P, focusRingClass as y, infoPanelClass as U, inputRecipe as L, loadingRegionClass as h, metricGridPattern as B, mutedTextClass as D, resultRegionClass as H, resultSkeletonPanelClass as j, selectableDetailClass as w, selectableListClass as v, selectableListDetailRootClass as A, splitLayout as E, stackLayout as F } from "./styles.js";
-import { b as V, c as _, d as q, e as z, a as I, h as J, i as K, m as M, p as N, f as O, g as Q, j as W, k as X, s as Y, l as Z, n as $ } from "./chunks/pageHeader-DhPY_hNA.js";
-import { colorTokens as es } from "./tokens.js";
-import { coreColorTokens as ls, motionTokens as os, radiusTokens as ts, spacingTokens as is, typographyTokens as ns } from "./tokens-core.js";
-import { desktopColorTokens as Cs } from "./tokens-desktop.js";
+import { _ as e, a as o, b as l, c as t, d as i, e as r, f as n, g as C, h as c, i as p, j as d, k as g, l as u, m, n as T, u as f } from "./chunks/UiToastProvider.vue_vue_type_script_setup_true_lang-D7OGRCU4.js";
+import { actionToolbarClass as R, badgeRecipe as S, cardRecipe as x, centeredEmptyStatePanelClass as P, clusterLayout as U, emptyStatePanelClass as b, errorTextClass as y, fieldControlClass as L, fieldControlSmClass as h, fieldTextareaClass as v, focusRingClass as B, infoPanelClass as D, inputRecipe as H, loadingRegionClass as j, metricGridPattern as w, mutedTextClass as A, resultRegionClass as E, resultSkeletonPanelClass as F, selectableDetailClass as G, selectableListClass as M, selectableListDetailRootClass as V, splitLayout as _, stackLayout as q } from "./styles.js";
+import { b as I, c as J, d as K, e as N, a as O, h as Q, i as W, m as X, p as Y, f as Z, g as $, j as ss, k as as, s as es, l as os, n as ls } from "./chunks/pageHeader-YZ3BV9dQ.js";
+import { colorTokens as is } from "./tokens.js";
+import { coreColorTokens as ns, motionTokens as Cs, radiusTokens as cs, spacingTokens as ps, typographyTokens as ds } from "./tokens-core.js";
+import { desktopColorTokens as us } from "./tokens-desktop.js";
 export {
-  a as PageSurface,
-  l as ResultPanel,
-  o as SectionCard,
+  e as PageSurface,
+  o as ResultPanel,
+  l as SectionCard,
   t as StatusBadge,
-  i as UiButton,
+  i as UiAvatar,
+  r as UiButton,
   n as UiCheckbox,
-  r as UiField,
-  C as UiLoadingState,
-  c as UiSegmentedControl,
-  p as UiSelect,
-  d as UiSkeleton,
-  u as actionToolbarClass,
-  f as badgeRecipe,
-  V as buttonRecipe,
-  m as cardRecipe,
-  k as centeredEmptyStatePanelClass,
-  R as clusterLayout,
-  _ as codeBlockClass,
-  es as colorTokens,
-  ls as coreColorTokens,
-  Cs as desktopColorTokens,
-  q as dropdownRecipe,
-  z as elevatedPanelClass,
-  T as emptyStatePanelClass,
-  S as errorTextClass,
-  I as eyebrowClass,
-  x as fieldControlClass,
-  b as fieldControlSmClass,
-  P as fieldTextareaClass,
-  y as focusRingClass,
-  J as helperTextClass,
-  U as infoPanelClass,
-  L as inputRecipe,
-  K as insetPanelClass,
-  h as loadingRegionClass,
-  B as metricGridPattern,
-  M as metricValueClass,
-  os as motionTokens,
-  D as mutedTextClass,
-  N as pageHeaderActionsClass,
-  O as pageHeaderContentClass,
-  Q as pageHeaderRootClass,
-  W as pageRootClass,
-  X as pageScrollRegionClass,
-  ts as radiusTokens,
-  H as resultRegionClass,
-  j as resultSkeletonPanelClass,
-  Y as sectionDescriptionClass,
-  Z as sectionTitleClass,
-  w as selectableDetailClass,
-  v as selectableListClass,
-  A as selectableListDetailRootClass,
-  is as spacingTokens,
-  E as splitLayout,
-  F as stackLayout,
-  $ as surfacePanelClass,
-  ns as typographyTokens
+  C as UiField,
+  c as UiLoadingState,
+  p as UiModal,
+  d as UiSegmentedControl,
+  g as UiSelect,
+  u as UiSkeleton,
+  m as UiToast,
+  T as UiToastProvider,
+  R as actionToolbarClass,
+  S as badgeRecipe,
+  I as buttonRecipe,
+  x as cardRecipe,
+  P as centeredEmptyStatePanelClass,
+  U as clusterLayout,
+  J as codeBlockClass,
+  is as colorTokens,
+  ns as coreColorTokens,
+  us as desktopColorTokens,
+  K as dropdownRecipe,
+  N as elevatedPanelClass,
+  b as emptyStatePanelClass,
+  y as errorTextClass,
+  O as eyebrowClass,
+  L as fieldControlClass,
+  h as fieldControlSmClass,
+  v as fieldTextareaClass,
+  B as focusRingClass,
+  Q as helperTextClass,
+  D as infoPanelClass,
+  H as inputRecipe,
+  W as insetPanelClass,
+  j as loadingRegionClass,
+  w as metricGridPattern,
+  X as metricValueClass,
+  Cs as motionTokens,
+  A as mutedTextClass,
+  Y as pageHeaderActionsClass,
+  Z as pageHeaderContentClass,
+  $ as pageHeaderRootClass,
+  ss as pageRootClass,
+  as as pageScrollRegionClass,
+  cs as radiusTokens,
+  E as resultRegionClass,
+  F as resultSkeletonPanelClass,
+  es as sectionDescriptionClass,
+  os as sectionTitleClass,
+  G as selectableDetailClass,
+  M as selectableListClass,
+  V as selectableListDetailRootClass,
+  ps as spacingTokens,
+  _ as splitLayout,
+  q as stackLayout,
+  ls as surfacePanelClass,
+  ds as typographyTokens,
+  f as useToast
 };

package/dist/styles/recipes/button.recipe.d.ts

@@ -47,9 +47,6 @@ export declare const buttonRecipe: import("../../../styled-system/types").Recipe
             color: "text.inverse";
             borderWidth: "1px";
             borderColor: "transparent";
-            _dark: {
-                color: "text.inverse";
-            };
         };
     };
     disabled: {

package/dist/styles.js

@@ -1,5 +1,5 @@
-import { r as e, o as r, q as o, i as a, h as t } from "./chunks/pageHeader-DhPY_hNA.js";
-import { b as V, c as B, d as P, e as j, a as I, m as L, p as q, f as A, g as D, j as F, k as E, s as G, l as O, n as J } from "./chunks/pageHeader-DhPY_hNA.js";
+import { r as e, o as r, q as o, i as a, h as t } from "./chunks/pageHeader-YZ3BV9dQ.js";
+import { b as V, c as B, d as P, e as j, a as I, m as L, p as q, f as A, g as D, j as F, k as E, s as G, l as O, n as J } from "./chunks/pageHeader-YZ3BV9dQ.js";
 const d = e({
   width: "100%",
   minHeight: "48px",