@aggc/ui 0.4.0 → 0.5.0

package/dist/styles/layouts/cluster.d.ts

@@ -0,0 +1,27 @@
+export declare const clusterLayout: import("../../../styled-system/types").RecipeRuntimeFn<{
+    gap: {
+        xs: {
+            gap: "1";
+        };
+        sm: {
+            gap: "2";
+        };
+        md: {
+            gap: "3";
+        };
+        lg: {
+            gap: "4";
+        };
+    };
+    justify: {
+        start: {
+            justifyContent: "flex-start";
+        };
+        between: {
+            justifyContent: "space-between";
+        };
+        end: {
+            justifyContent: "flex-end";
+        };
+    };
+}>;

package/dist/styles/layouts/page.d.ts

@@ -0,0 +1,2 @@
+export declare const pageRootClass: string;
+export declare const pageScrollRegionClass: string;

package/dist/styles/layouts/split.d.ts

@@ -0,0 +1,22 @@
+export declare const splitLayout: import("../../../styled-system/types").RecipeRuntimeFn<{
+    ratio: {
+        equal: {
+            gridTemplateColumns: {
+                base: "1fr";
+                xl: "repeat(2, minmax(0, 1fr))";
+            };
+        };
+        sidebar: {
+            gridTemplateColumns: {
+                base: "1fr";
+                xl: "minmax(18rem, 0.9fr) minmax(0, 1.4fr)";
+            };
+        };
+        detail: {
+            gridTemplateColumns: {
+                base: "1fr";
+                xl: "minmax(18rem, 0.85fr) minmax(0, 1.45fr)";
+            };
+        };
+    };
+}>;

package/dist/styles/layouts/stack.d.ts

@@ -0,0 +1,19 @@
+export declare const stackLayout: import("../../../styled-system/types").RecipeRuntimeFn<{
+    gap: {
+        xs: {
+            gap: "1";
+        };
+        sm: {
+            gap: "2";
+        };
+        md: {
+            gap: "3";
+        };
+        lg: {
+            gap: "4";
+        };
+        xl: {
+            gap: "5";
+        };
+    };
+}>;

package/dist/styles/patterns/actionToolbar.d.ts

@@ -0,0 +1 @@
+export declare const actionToolbarClass: string;

package/dist/styles/patterns/emptyState.d.ts

@@ -0,0 +1,2 @@
+export declare const emptyStatePanelClass: string;
+export declare const centeredEmptyStatePanelClass: string;

package/dist/styles/patterns/infoPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const infoPanelClass: string;
+export declare const resultSkeletonPanelClass: string;

package/dist/styles/patterns/metricGrid.d.ts

@@ -0,0 +1,22 @@
+export declare const metricGridPattern: import("../../../styled-system/types").RecipeRuntimeFn<{
+    columns: {
+        two: {
+            gridTemplateColumns: {
+                base: "1fr";
+                md: "repeat(2, minmax(0, 1fr))";
+            };
+        };
+        three: {
+            gridTemplateColumns: {
+                base: "1fr";
+                lg: "repeat(3, minmax(0, 1fr))";
+            };
+        };
+        four: {
+            gridTemplateColumns: {
+                base: "1fr";
+                lg: "repeat(4, minmax(0, 1fr))";
+            };
+        };
+    };
+}>;

package/dist/styles/patterns/pageHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const pageHeaderRootClass: string;
+export declare const pageHeaderContentClass: string;
+export declare const pageHeaderActionsClass: string;

package/dist/styles/patterns/resultRegion.d.ts

@@ -0,0 +1 @@
+export declare const resultRegionClass: string;

package/dist/styles/patterns/selectableListDetail.d.ts

@@ -0,0 +1,3 @@
+export declare const selectableListDetailRootClass: string;
+export declare const selectableListClass: string;
+export declare const selectableDetailClass: string;

package/dist/styles/primitives/feedback.d.ts

@@ -0,0 +1,4 @@
+export declare const loadingRegionClass: string;
+export declare const errorTextClass: string;
+export declare const mutedTextClass: string;
+export declare const focusRingClass: string;

package/dist/styles/primitives/fields.d.ts

@@ -0,0 +1,3 @@
+export declare const fieldControlClass: string;
+export declare const fieldControlSmClass: string;
+export declare const fieldTextareaClass: string;

package/dist/styles/primitives/surfaces.d.ts

@@ -0,0 +1,3 @@
+export declare const surfacePanelClass: string;
+export declare const insetPanelClass: string;
+export declare const elevatedPanelClass: string;

package/dist/styles/primitives/typography.d.ts

@@ -0,0 +1,6 @@
+export declare const eyebrowClass: string;
+export declare const sectionTitleClass: string;
+export declare const sectionDescriptionClass: string;
+export declare const helperTextClass: string;
+export declare const metricValueClass: string;
+export declare const codeBlockClass: string;

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

@@ -0,0 +1,32 @@
+export declare const badgeRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    tone: {
+        neutral: {
+            borderColor: "badge.neutralBorder";
+            bg: "badge.neutralBg";
+            color: "badge.neutralText";
+        };
+        info: {
+            borderColor: "badge.infoBorder";
+            bg: "badge.infoBg";
+            color: "badge.infoText";
+        };
+        success: {
+            borderColor: "badge.successBorder";
+            bg: "badge.successBg";
+            color: "badge.successText";
+        };
+        warning: {
+            borderColor: "badge.warningBorder";
+            bg: "badge.warningBg";
+            color: "badge.warningText";
+        };
+    };
+    size: {
+        sm: {
+            px: "2.5";
+            py: "1.5";
+            fontSize: "xs";
+        };
+        md: {};
+    };
+}>;

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

@@ -0,0 +1,51 @@
+export declare const buttonRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    variant: {
+        solid: {
+            bg: "linear-gradient(135deg, rgba(31,67,182,0.96) 0%, rgba(49,94,255,0.92) 100%)";
+            color: "text.inverse";
+            borderWidth: "1px";
+            borderColor: "rgba(255,255,255,0.18)";
+            boxShadow: "0 22px 36px -24px rgba(49,94,255,0.78), inset 0 1px 0 rgba(255,255,255,0.24)";
+            _dark: {
+                color: "#f7f9fd";
+                borderColor: "rgba(255,255,255,0.06)";
+                boxShadow: "0 22px 40px -24px rgba(71,121,255,0.55), inset 0 1px 0 rgba(255,255,255,0.18)";
+            };
+        };
+        outline: {
+            bg: "bg.buttonOutline";
+            color: "text.secondary";
+            borderWidth: "1px";
+            borderColor: "border.default";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.18)";
+            _dark: {
+                boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)";
+            };
+        };
+        subtle: {
+            bg: "bg.accentSoft";
+            color: "text.accent";
+            borderWidth: "1px";
+            borderColor: "badge.infoBorder";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
+            _dark: {
+                boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)";
+            };
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+        false: {
+            cursor: "pointer";
+        };
+    };
+    loading: {
+        true: {
+            cursor: "not-allowed";
+            opacity: number;
+        };
+    };
+}>;

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

@@ -0,0 +1,59 @@
+export declare const cardRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    variant: {
+        surface: {
+            position: "relative";
+            overflow: "hidden";
+            borderRadius: "3xl";
+            borderColor: "border.subtle";
+            bg: "bg.card";
+            backdropFilter: "blur(28px) saturate(155%)";
+            boxShadow: "0 25px 30px -35px rgba(15,23,42,0.42)";
+        };
+        inset: {
+            borderRadius: "2xl";
+            borderColor: "border.soft";
+            bg: "bg.cardAlt";
+            backdropFilter: "blur(24px) saturate(145%)";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.22)";
+        };
+        elevated: {
+            borderRadius: "2xl";
+            borderColor: "border.default";
+            bg: "bg.cardStrong";
+            backdropFilter: "blur(24px) saturate(145%)";
+            boxShadow: "0 16px 32px -28px rgba(15,23,42,0.42)";
+        };
+        selectable: {
+            borderRadius: "2xl";
+            borderColor: "border.default";
+            bg: "bg.cardAlt";
+            cursor: "pointer";
+            _hover: {
+                borderColor: "border.strong";
+                bg: "bg.card";
+                transform: "translateY(-1px)";
+            };
+        };
+    };
+    padding: {
+        none: {};
+        sm: {
+            p: "3";
+        };
+        md: {
+            p: "4";
+        };
+        lg: {
+            p: "5";
+        };
+        xl: {
+            p: "6";
+        };
+    };
+    selected: {
+        true: {
+            borderColor: "border.accent";
+            bg: "bg.cardStrong";
+        };
+    };
+}>;

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

@@ -0,0 +1,25 @@
+export declare const dropdownRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    placement: {
+        anchored: {
+            position: "absolute";
+            top: "calc(100% + 10px)";
+            left: "0";
+            right: "0";
+        };
+        floating: {
+            position: "fixed";
+        };
+    };
+    density: {
+        cozy: {
+            borderRadius: "2xl";
+            p: "2";
+            gap: "1";
+        };
+        compact: {
+            borderRadius: "xl";
+            p: "1.5";
+            gap: "0.5";
+        };
+    };
+}>;

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

@@ -0,0 +1,32 @@
+export declare const inputRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            minHeight: "40px";
+            borderRadius: "lg";
+            px: "3";
+            py: "2.5";
+            lineHeight: "1.45";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.2)";
+        };
+        md: {
+            minHeight: "48px";
+            borderRadius: "xl";
+            px: "4";
+            py: "3";
+            lineHeight: "1.5";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 28px -28px rgba(15,23,42,0.42)";
+        };
+    };
+    kind: {
+        input: {};
+        textarea: {
+            minHeight: "420px";
+            borderRadius: "2xl";
+            px: "4";
+            py: "4";
+            lineHeight: "1.6";
+            fontFamily: "mono";
+            boxShadow: "inset 0 1px 0 rgba(255,255,255,0.24), 0 18px 36px -32px rgba(15,23,42,0.42)";
+        };
+    };
+}>;

package/dist/styles.d.ts

@@ -0,0 +1 @@
+export * from "./styles/index";