@iamfiro/design 0.3.1 → 0.3.4

package/lib/types/components/SocialLoginButton/SocialLoginButton.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonProps } from '../../primitives';
-export type SocialProvider = 'google' | 'apple';
+export type SocialProvider = 'google' | 'apple' | 'microsoft';
 export type SocialLoginAction = 'continue' | 'signin' | 'signup';
 export interface SocialLoginButtonProps extends Omit<ButtonProps, 'variant' | 'icon' | 'iconRight'> {
     provider: SocialProvider;

package/lib/types/primitives/BrandIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const BRAND_NAMES: readonly ["gmail", "slack", "clickup", "figma", "github", "hubspot", "notion", "google-calendar", "google", "apple"];
+export declare const BRAND_NAMES: readonly ["gmail", "slack", "clickup", "figma", "github", "hubspot", "notion", "google-calendar", "google", "apple", "microsoft"];
 export type BrandName = (typeof BRAND_NAMES)[number];
 export interface BrandIconProps {
     name: BrandName;

package/lib/types/primitives/index.d.ts

@@ -98,8 +98,10 @@ export interface BadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     disabled?: boolean;
 }
 export declare function Badge({ tone, dot, pulse, spinner, square, icon, iconRight, chevron, size, overline, as, disabled, className, children, ...rest }: BadgeProps): import("react").JSX.Element;
-export declare function Avatar({ name, size, square, online, color, tooltip, }: {
+export declare function Avatar({ name, src, size, square, online, color, tooltip, }: {
     name: string;
+    /** Photo URL. Shows the initials until it loads, and keeps them if it fails to load. */
+    src?: string;
     size?: number;
     square?: boolean;
     online?: boolean;
@@ -108,8 +110,10 @@ export declare function Avatar({ name, size, square, online, color, tooltip, }:
     tooltip?: boolean | ReactNode;
 }): import("react").JSX.Element;
 /** Overlapping avatars with a "+N" overflow — an IconStack of Avatars. */
-export declare function AvatarGroup({ names, size, max }: {
+export declare function AvatarGroup({ names, srcs, size, max, }: {
     names: string[];
+    /** Photo URLs in the same order as `names`; leave a slot `undefined` to show initials for that person. */
+    srcs?: Array<string | undefined>;
     size?: number;
     max?: number;
 }): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iamfiro/design",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "description": "Lumen 디자인 시스템 — React 컴포넌트 · 토큰 · 훅. 에이전트는 AGENTS.md부터 읽는다.",
   "type": "module",
   "main": "./lib/index.js",