gsintegrations 0.0.483 → 0.0.485

package/dist/types/components/social/socialSurfaces.d.ts

@@ -0,0 +1,103 @@
+import { type Theme } from "@mui/material/styles";
+/**
+ * X.com-inspired Social surfaces.
+ * Flat timeline, hairline dividers, no elevated cards.
+ * Accents stay on brand (orange/coal) — not X blue.
+ */
+/** Matches manager app `Container maxWidth="md"` / PageHeader toolbar. */
+export declare const SOCIAL_TIMELINE_MAX_WIDTH = 900;
+export declare const socialTimelineRowSx: {
+    readonly px: {
+        readonly xs: 2.5;
+        readonly sm: 3;
+    };
+    readonly py: 1.5;
+    readonly borderBottom: 1;
+    readonly borderColor: "divider";
+    readonly bgcolor: "transparent";
+    readonly transition: "background-color 120ms ease";
+    readonly "&:hover": {
+        readonly bgcolor: (theme: Theme) => string;
+    };
+};
+export declare const socialActionIconSx: {
+    readonly color: "text.secondary";
+    readonly p: 0.75;
+    readonly "&:hover": {
+        readonly color: "primary.main";
+        readonly bgcolor: (theme: Theme) => string;
+    };
+};
+export declare const socialSearchFieldSx: {
+    readonly mb: 0;
+    readonly "& .MuiOutlinedInput-root": {
+        readonly borderRadius: 9999;
+        readonly bgcolor: (theme: Theme) => string;
+        readonly "& fieldset": {
+            readonly border: "none";
+        };
+        readonly "&.Mui-focused": {
+            readonly bgcolor: "background.paper";
+            readonly "& fieldset": {
+                readonly border: "1px solid";
+                readonly borderColor: "primary.main";
+            };
+        };
+    };
+};
+/** Soft cover / banner for profile (X header photo area). */
+export declare const socialProfileCoverSx: {
+    readonly width: "100%";
+    readonly height: {
+        readonly xs: 120;
+        readonly sm: 150;
+    };
+    readonly bgcolor: (theme: Theme) => string;
+    readonly backgroundImage: (theme: Theme) => string;
+};
+export declare const AVATAR_OVERLAP = 48;
+/** Legacy aliases kept for empty/prompt panels that still need a soft surface. */
+export declare const SOCIAL_RADIUS = 2;
+export declare const socialCardSx: {
+    readonly border: 1;
+    readonly borderColor: "divider";
+    readonly borderRadius: 2;
+    readonly bgcolor: "background.paper";
+    readonly boxShadow: "none";
+};
+export declare const socialPromptSx: {
+    readonly borderBottom: 1;
+    readonly borderColor: "divider";
+    readonly bgcolor: (theme: Theme) => string;
+    readonly px: {
+        readonly xs: 1.5;
+        readonly sm: 2;
+    };
+    readonly py: 1.75;
+};
+export declare const socialStatePanelSx: {
+    readonly border: 0;
+    readonly borderRadius: 0;
+    readonly bgcolor: "transparent";
+    readonly px: {
+        readonly xs: 2.5;
+        readonly sm: 4;
+    };
+    readonly py: {
+        readonly xs: 6;
+        readonly sm: 8;
+    };
+    readonly maxWidth: 420;
+    readonly width: "100%";
+    readonly mx: "auto";
+};
+export declare const socialIconWellSx: {
+    readonly width: 56;
+    readonly height: 56;
+    readonly borderRadius: "50%";
+    readonly display: "grid";
+    readonly placeItems: "center";
+    readonly bgcolor: (theme: Theme) => string;
+    readonly color: "primary.main";
+    readonly mb: 0.5;
+};