@pindoba/core-avatar 0.0.0-alpha-20260426220647

package/dist/types-CqpEyDfv.d.ts

@@ -0,0 +1,731 @@
+import { RecipeVariantProps } from "@pindoba/styled-system/css";
+import { AvatarStyleProps } from "@pindoba/styles-avatar";
+import * as _$_pindoba_styled_system_types0 from "@pindoba/styled-system/types";
+import { SystemStyleObject } from "@pindoba/styled-system/types";
+
+//#region ../../styles/panel/dist/panel.d.ts
+declare const panelStyles: _$_pindoba_styled_system_types0.SlotRecipeRuntimeFn<"root", {
+  background: {
+    "surface.soft": {
+      root: {
+        background: "colorPalette.surface.soft";
+      };
+    };
+    "surface.step.1": {
+      root: {
+        background: "colorPalette.surface.step.1";
+      };
+    };
+    "surface.step.2": {
+      root: {
+        background: "colorPalette.surface.step.2";
+      };
+    };
+    "surface.step.3": {
+      root: {
+        background: "colorPalette.surface.step.3";
+      };
+    };
+    "surface.deep": {
+      root: {
+        background: "colorPalette.surface.deep";
+      };
+    };
+    transparent: {
+      root: {
+        background: "transparent";
+      };
+    };
+  };
+  accent: {
+    true: {};
+    false: {};
+  };
+  emphasis: {
+    primary: {
+      root: {
+        color: "colorPalette.text";
+      };
+    };
+    secondary: {
+      root: {
+        color: "colorPalette.text.accent";
+      };
+    };
+  };
+  translucent: {
+    true: {
+      root: {
+        backdropFilter: "auto";
+        backdropBlur: "md";
+        backdropSaturate: string;
+        backdropBrightness: string;
+      };
+    };
+    false: {};
+  };
+  feedback: {
+    inherit: {
+      root: {};
+    };
+    neutral: {
+      root: {
+        colorPalette: "neutral";
+      };
+    };
+    primary: {
+      root: {
+        colorPalette: "primary";
+        color: "colorPalette.text";
+      };
+    };
+    success: {
+      root: {
+        colorPalette: "success";
+        color: "colorPalette.text";
+      };
+    };
+    warning: {
+      root: {
+        colorPalette: "warning";
+        color: "colorPalette.text";
+      };
+    };
+    danger: {
+      root: {
+        colorPalette: "danger";
+        color: "colorPalette.text";
+      };
+    };
+  };
+  padding: {
+    none: {
+      root: {
+        padding: "none";
+      };
+    };
+    "4xs": {
+      root: {
+        padding: "4xs";
+      };
+    };
+    "3xs": {
+      root: {
+        padding: "3xs";
+      };
+    };
+    "2xs": {
+      root: {
+        padding: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        padding: "xs";
+      };
+    };
+    sm: {
+      root: {
+        padding: "sm";
+      };
+    };
+    md: {
+      root: {
+        padding: "md";
+      };
+    };
+    lg: {
+      root: {
+        padding: "lg";
+      };
+    };
+    xl: {
+      root: {
+        padding: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        padding: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        padding: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        padding: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        padding: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        padding: "6xl";
+      };
+    };
+    "7xl": {
+      root: {
+        padding: "7xl";
+      };
+    };
+    "8xl": {
+      root: {
+        padding: "8xl";
+      };
+    };
+    "9xl": {
+      root: {
+        padding: "9xl";
+      };
+    };
+    "10xl": {
+      root: {
+        padding: "10xl";
+      };
+    };
+    "11xl": {
+      root: {
+        padding: "11xl";
+      };
+    };
+  };
+  radius: {
+    none: {
+      root: {
+        borderRadius: "none";
+      };
+    };
+    "2xs": {
+      root: {
+        borderRadius: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        borderRadius: "xs";
+      };
+    };
+    sm: {
+      root: {
+        borderRadius: "sm";
+      };
+    };
+    md: {
+      root: {
+        borderRadius: "md";
+      };
+    };
+    lg: {
+      root: {
+        borderRadius: "lg";
+      };
+    };
+    xl: {
+      root: {
+        borderRadius: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        borderRadius: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        borderRadius: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        borderRadius: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        borderRadius: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        borderRadius: "6xl";
+      };
+    };
+    full: {
+      root: {
+        borderRadius: "full";
+      };
+    };
+  };
+  radiusTop: {
+    none: {
+      root: {
+        borderTopLeftRadius: "none";
+        borderTopRightRadius: "none";
+      };
+    };
+    "2xs": {
+      root: {
+        borderTopLeftRadius: "2xs";
+        borderTopRightRadius: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        borderTopLeftRadius: "xs";
+        borderTopRightRadius: "xs";
+      };
+    };
+    sm: {
+      root: {
+        borderTopLeftRadius: "sm";
+        borderTopRightRadius: "sm";
+      };
+    };
+    md: {
+      root: {
+        borderTopLeftRadius: "md";
+        borderTopRightRadius: "md";
+      };
+    };
+    lg: {
+      root: {
+        borderTopLeftRadius: "lg";
+        borderTopRightRadius: "lg";
+      };
+    };
+    xl: {
+      root: {
+        borderTopLeftRadius: "xl";
+        borderTopRightRadius: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        borderTopLeftRadius: "2xl";
+        borderTopRightRadius: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        borderTopLeftRadius: "3xl";
+        borderTopRightRadius: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        borderTopLeftRadius: "4xl";
+        borderTopRightRadius: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        borderTopLeftRadius: "5xl";
+        borderTopRightRadius: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        borderTopLeftRadius: "6xl";
+        borderTopRightRadius: "6xl";
+      };
+    };
+    full: {
+      root: {
+        borderTopLeftRadius: "full";
+        borderTopRightRadius: "full";
+      };
+    };
+  };
+  radiusBottom: {
+    none: {
+      root: {
+        borderBottomLeftRadius: "none";
+        borderBottomRightRadius: "none";
+      };
+    };
+    "2xs": {
+      root: {
+        borderBottomLeftRadius: "2xs";
+        borderBottomRightRadius: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        borderBottomLeftRadius: "xs";
+        borderBottomRightRadius: "xs";
+      };
+    };
+    sm: {
+      root: {
+        borderBottomLeftRadius: "sm";
+        borderBottomRightRadius: "sm";
+      };
+    };
+    md: {
+      root: {
+        borderBottomLeftRadius: "md";
+        borderBottomRightRadius: "md";
+      };
+    };
+    lg: {
+      root: {
+        borderBottomLeftRadius: "lg";
+        borderBottomRightRadius: "lg";
+      };
+    };
+    xl: {
+      root: {
+        borderBottomLeftRadius: "xl";
+        borderBottomRightRadius: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        borderBottomLeftRadius: "2xl";
+        borderBottomRightRadius: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        borderBottomLeftRadius: "3xl";
+        borderBottomRightRadius: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        borderBottomLeftRadius: "4xl";
+        borderBottomRightRadius: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        borderBottomLeftRadius: "5xl";
+        borderBottomRightRadius: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        borderBottomLeftRadius: "6xl";
+        borderBottomRightRadius: "6xl";
+      };
+    };
+    full: {
+      root: {
+        borderBottomLeftRadius: "full";
+        borderBottomRightRadius: "full";
+      };
+    };
+  };
+  radiusLeft: {
+    none: {
+      root: {
+        borderTopLeftRadius: "none";
+        borderBottomLeftRadius: "none";
+      };
+    };
+    "2xs": {
+      root: {
+        borderTopLeftRadius: "2xs";
+        borderBottomLeftRadius: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        borderTopLeftRadius: "xs";
+        borderBottomLeftRadius: "xs";
+      };
+    };
+    sm: {
+      root: {
+        borderTopLeftRadius: "sm";
+        borderBottomLeftRadius: "sm";
+      };
+    };
+    md: {
+      root: {
+        borderTopLeftRadius: "md";
+        borderBottomLeftRadius: "md";
+      };
+    };
+    lg: {
+      root: {
+        borderTopLeftRadius: "lg";
+        borderBottomLeftRadius: "lg";
+      };
+    };
+    xl: {
+      root: {
+        borderTopLeftRadius: "xl";
+        borderBottomLeftRadius: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        borderTopLeftRadius: "2xl";
+        borderBottomLeftRadius: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        borderTopLeftRadius: "3xl";
+        borderBottomLeftRadius: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        borderTopLeftRadius: "4xl";
+        borderBottomLeftRadius: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        borderTopLeftRadius: "5xl";
+        borderBottomLeftRadius: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        borderTopLeftRadius: "6xl";
+        borderBottomLeftRadius: "6xl";
+      };
+    };
+    full: {
+      root: {
+        borderTopLeftRadius: "full";
+        borderBottomLeftRadius: "full";
+      };
+    };
+  };
+  radiusRight: {
+    none: {
+      root: {
+        borderTopRightRadius: "none";
+        borderBottomRightRadius: "none";
+      };
+    };
+    "2xs": {
+      root: {
+        borderTopRightRadius: "2xs";
+        borderBottomRightRadius: "2xs";
+      };
+    };
+    xs: {
+      root: {
+        borderTopRightRadius: "xs";
+        borderBottomRightRadius: "xs";
+      };
+    };
+    sm: {
+      root: {
+        borderTopRightRadius: "sm";
+        borderBottomRightRadius: "sm";
+      };
+    };
+    md: {
+      root: {
+        borderTopRightRadius: "md";
+        borderBottomRightRadius: "md";
+      };
+    };
+    lg: {
+      root: {
+        borderTopRightRadius: "lg";
+        borderBottomRightRadius: "lg";
+      };
+    };
+    xl: {
+      root: {
+        borderTopRightRadius: "xl";
+        borderBottomRightRadius: "xl";
+      };
+    };
+    "2xl": {
+      root: {
+        borderTopRightRadius: "2xl";
+        borderBottomRightRadius: "2xl";
+      };
+    };
+    "3xl": {
+      root: {
+        borderTopRightRadius: "3xl";
+        borderBottomRightRadius: "3xl";
+      };
+    };
+    "4xl": {
+      root: {
+        borderTopRightRadius: "4xl";
+        borderBottomRightRadius: "4xl";
+      };
+    };
+    "5xl": {
+      root: {
+        borderTopRightRadius: "5xl";
+        borderBottomRightRadius: "5xl";
+      };
+    };
+    "6xl": {
+      root: {
+        borderTopRightRadius: "6xl";
+        borderBottomRightRadius: "6xl";
+      };
+    };
+    full: {
+      root: {
+        borderTopRightRadius: "full";
+        borderBottomRightRadius: "full";
+      };
+    };
+  };
+  border: {
+    none: {};
+    default: {
+      root: {
+        "--panel-border": "0 0 0 1px {colors.colorPalette.border}";
+      };
+    };
+    bold: {
+      root: {
+        "--panel-border": "0 0 0 1px {colors.colorPalette.border.bold}";
+      };
+    };
+    muted: {
+      root: {
+        "--panel-border": "0 0 0 1px {colors.colorPalette.border.muted}";
+      };
+    };
+    accent: {
+      root: {
+        "--panel-border": "0 0 0 1px {colors.colorPalette.border.accent}";
+      };
+    };
+  };
+  shadow: {
+    none: {};
+    xs: {
+      root: {
+        "--panel-shadow": "{shadows.xs}";
+      };
+    };
+    sm: {
+      root: {
+        "--panel-shadow": "{shadows.sm}";
+      };
+    };
+    md: {
+      root: {
+        "--panel-shadow": "{shadows.md}";
+      };
+    };
+    lg: {
+      root: {
+        "--panel-shadow": "{shadows.lg}";
+      };
+    };
+    xl: {
+      root: {
+        "--panel-shadow": "{shadows.xl}";
+      };
+    };
+  };
+  interactive: {
+    true: {};
+    false: {};
+  };
+}>;
+type PanelStyleProps = NonNullable<RecipeVariantProps<typeof panelStyles>>; //#endregion
+//#endregion
+//#region src/types.d.ts
+type ElementAttributes = Partial<Record<string, unknown>>;
+type AvatarEmphasis = NonNullable<AvatarStyleProps["emphasis"]>;
+type AvatarSize = NonNullable<AvatarStyleProps["size"]>;
+type AvatarShape = NonNullable<AvatarStyleProps["shape"]>;
+type AvatarFeedback = NonNullable<PanelStyleProps["feedback"]>;
+type AvatarBackground = NonNullable<PanelStyleProps["background"]>;
+type AvatarBorder = NonNullable<PanelStyleProps["border"]>;
+type AvatarPadding = NonNullable<PanelStyleProps["padding"]>;
+type AvatarRadius = NonNullable<PanelStyleProps["radius"]>;
+type AvatarShadow = NonNullable<PanelStyleProps["shadow"]>;
+interface AvatarSlotPassThrough<T = ElementAttributes> {
+  style?: SystemStyleObject;
+  props?: T;
+}
+interface AvatarPassThrough<RootElementAttributes = ElementAttributes> {
+  root?: AvatarSlotPassThrough<RootElementAttributes>;
+  image?: AvatarSlotPassThrough;
+  fallback?: AvatarSlotPassThrough;
+}
+/**
+ * Panel style props available on avatar. Avatar delegates its surface
+ * (background, border, radius, shadow, …) to panel; user-supplied panel
+ * props always win over size/shape-derived defaults.
+ */
+type AvatarPanelProps = Omit<PanelStyleProps, "emphasis">;
+interface AvatarBaseCommon<RootElementAttributes = ElementAttributes> {
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  /** Image source; omit to render the fallback. */
+  src?: string;
+  /** Accessible description for the image. */
+  alt?: string;
+  /** Name used to derive initials for the fallback. */
+  name?: string;
+  /** Presence indicator colour; omit to hide. */
+  status?: AvatarFeedback | null;
+  passThrough?: AvatarPassThrough<RootElementAttributes>;
+}
+/**
+ * Base avatar props shared across all frameworks.
+ */
+type AvatarBaseProps<RootElementAttributes = ElementAttributes> = AvatarBaseCommon<RootElementAttributes> & AvatarPanelProps & {
+  emphasis?: AvatarEmphasis;
+};
+type ConnectAvatarOptions = AvatarBaseCommon<object> & AvatarPanelProps & {
+  emphasis?: AvatarEmphasis;
+  class?: unknown;
+};
+interface AvatarClasses {
+  image: string;
+  fallback: string;
+  status: string;
+}
+interface AvatarRootProps {
+  class: string;
+  "data-component": "avatar";
+  [key: string]: unknown;
+}
+interface AvatarImageProps {
+  class: string;
+  src: string;
+  alt: string;
+  "data-slot": "image";
+}
+interface AvatarFallbackProps {
+  class: string;
+  "aria-hidden": "true" | undefined;
+  "data-slot": "fallback";
+}
+interface AvatarStatusProps {
+  class: string;
+  role: "status";
+  "data-status": AvatarFeedback;
+  "data-slot": "status";
+}
+interface AvatarApi {
+  rootProps: AvatarRootProps;
+  classes: AvatarClasses;
+  initials: string;
+  showImage: boolean;
+  showStatus: boolean;
+  imageProps?: AvatarImageProps;
+  fallbackProps: AvatarFallbackProps;
+  statusProps?: AvatarStatusProps;
+}
+//#endregion
+export { ElementAttributes as S, AvatarShape as _, AvatarBorder as a, AvatarStatusProps as b, AvatarFallbackProps as c, AvatarPadding as d, AvatarPanelProps as f, AvatarShadow as g, AvatarRootProps as h, AvatarBaseProps as i, AvatarFeedback as l, AvatarRadius as m, AvatarBackground as n, AvatarClasses as o, AvatarPassThrough as p, AvatarBaseCommon as r, AvatarEmphasis as s, AvatarApi as t, AvatarImageProps as u, AvatarSize as v, ConnectAvatarOptions as x, AvatarSlotPassThrough as y };
+//# sourceMappingURL=types-CqpEyDfv.d.ts.map