@frontmcp/ui 0.5.0 → 0.6.0

package/components/alert.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Alert Component
+ *
+ * Notification and message display components.
+ */
+/**
+ * Alert variant styles
+ */
+export type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+/**
+ * Alert component options
+ */
+export interface AlertOptions {
+    /** Alert variant */
+    variant?: AlertVariant;
+    /** Alert title */
+    title?: string;
+    /** Show icon */
+    showIcon?: boolean;
+    /** Custom icon (overrides default) */
+    icon?: string;
+    /** Dismissible alert */
+    dismissible?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Alert ID */
+    id?: string;
+    /** Actions (buttons) */
+    actions?: string;
+}
+/**
+ * Build an alert component
+ */
+export declare function alert(message: string, options?: AlertOptions): string;
+/** Info alert shorthand */
+export declare const infoAlert: (message: string, opts?: Omit<AlertOptions, "variant">) => string;
+/** Success alert shorthand */
+export declare const successAlert: (message: string, opts?: Omit<AlertOptions, "variant">) => string;
+/** Warning alert shorthand */
+export declare const warningAlert: (message: string, opts?: Omit<AlertOptions, "variant">) => string;
+/** Danger/error alert shorthand */
+export declare const dangerAlert: (message: string, opts?: Omit<AlertOptions, "variant">) => string;
+/**
+ * Toast notification options
+ */
+export interface ToastOptions {
+    /** Toast variant */
+    variant?: AlertVariant;
+    /** Toast title */
+    title?: string;
+    /** Duration in ms (0 = no auto-dismiss) */
+    duration?: number;
+    /** Position */
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+    /** Toast ID */
+    id?: string;
+}
+/**
+ * Build a toast notification
+ */
+export declare function toast(message: string, options?: ToastOptions): string;
+/**
+ * Build a toast container (for multiple toasts)
+ */
+export declare function toastContainer(position?: ToastOptions['position'], id?: string): string;
+//# sourceMappingURL=alert.d.ts.map

package/components/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAyDD;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CA2CzE;AAMD,2BAA2B;AAC3B,eAAO,MAAM,SAAS,GAAI,SAAS,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,WACjC,CAAC;AAE/C,8BAA8B;AAC9B,eAAO,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,WACjC,CAAC;AAElD,8BAA8B;AAC9B,eAAO,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,WACjC,CAAC;AAElD,mCAAmC;AACnC,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,WACjC,CAAC;AAMjD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;IACtG,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAyDzE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,GAAE,YAAY,CAAC,UAAU,CAAe,EAAE,EAAE,SAAoB,GAAG,MAAM,CAW/G"}

package/components/alert.schema.d.ts

@@ -0,0 +1,98 @@
+/**
+ * @file alert.schema.ts
+ * @description Zod schemas for Alert and Toast component options validation.
+ *
+ * Provides strict validation schemas for alert options including variants,
+ * dismissible alerts, and toast notifications with positioning.
+ *
+ * @example
+ * ```typescript
+ * import { AlertOptionsSchema, ToastOptionsSchema } from '@frontmcp/ui';
+ *
+ * const alertResult = AlertOptionsSchema.safeParse({ variant: 'success' });
+ * const toastResult = ToastOptionsSchema.safeParse({ position: 'top-right' });
+ * ```
+ *
+ * @module @frontmcp/ui/components/alert.schema
+ */
+import { z } from 'zod';
+/**
+ * Alert variant enum schema
+ */
+export declare const AlertVariantSchema: z.ZodEnum<{
+    neutral: "neutral";
+    success: "success";
+    warning: "warning";
+    danger: "danger";
+    info: "info";
+}>;
+/**
+ * Alert variant type
+ */
+export type AlertVariant = z.infer<typeof AlertVariantSchema>;
+/**
+ * Complete alert options schema
+ */
+export declare const AlertOptionsSchema: z.ZodObject<{
+    variant: z.ZodOptional<z.ZodEnum<{
+        neutral: "neutral";
+        success: "success";
+        warning: "warning";
+        danger: "danger";
+        info: "info";
+    }>>;
+    title: z.ZodOptional<z.ZodString>;
+    showIcon: z.ZodOptional<z.ZodBoolean>;
+    icon: z.ZodOptional<z.ZodString>;
+    dismissible: z.ZodOptional<z.ZodBoolean>;
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    actions: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Alert options type (derived from schema)
+ */
+export type AlertOptions = z.infer<typeof AlertOptionsSchema>;
+/**
+ * Toast position enum schema
+ */
+export declare const ToastPositionSchema: z.ZodEnum<{
+    "top-right": "top-right";
+    "top-left": "top-left";
+    "bottom-right": "bottom-right";
+    "bottom-left": "bottom-left";
+    "top-center": "top-center";
+    "bottom-center": "bottom-center";
+}>;
+/**
+ * Toast position type
+ */
+export type ToastPosition = z.infer<typeof ToastPositionSchema>;
+/**
+ * Complete toast options schema
+ */
+export declare const ToastOptionsSchema: z.ZodObject<{
+    variant: z.ZodOptional<z.ZodEnum<{
+        neutral: "neutral";
+        success: "success";
+        warning: "warning";
+        danger: "danger";
+        info: "info";
+    }>>;
+    title: z.ZodOptional<z.ZodString>;
+    duration: z.ZodOptional<z.ZodNumber>;
+    position: z.ZodOptional<z.ZodEnum<{
+        "top-right": "top-right";
+        "top-left": "top-left";
+        "bottom-right": "bottom-right";
+        "bottom-left": "bottom-left";
+        "top-center": "top-center";
+        "bottom-center": "bottom-center";
+    }>>;
+    id: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Toast options type (derived from schema)
+ */
+export type ToastOptions = z.infer<typeof ToastOptionsSchema>;
+//# sourceMappingURL=alert.schema.d.ts.map

package/components/alert.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.schema.d.ts","sourceRoot":"","sources":["../../src/components/alert.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;EAA8D,CAAC;AAE9F;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAM9D;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;kBAmBpB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAM9D;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;EAO9B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMhE;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;kBAapB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/components/avatar.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Avatar Component
+ *
+ * User avatars and avatar groups.
+ */
+/**
+ * Avatar size options
+ */
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/**
+ * Avatar shape options
+ */
+export type AvatarShape = 'circle' | 'square' | 'rounded';
+/**
+ * Avatar status options
+ */
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none';
+/**
+ * Avatar component options
+ */
+export interface AvatarOptions {
+    /** Image source URL */
+    src?: string;
+    /** Alt text / name */
+    alt: string;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Avatar shape */
+    shape?: AvatarShape;
+    /** Status indicator */
+    status?: AvatarStatus;
+    /** Additional CSS classes */
+    className?: string;
+    /** Click handler URL */
+    href?: string;
+    /** Custom initials (overrides auto-generation) */
+    initials?: string;
+    /** Background color for initials (CSS color) */
+    bgColor?: string;
+}
+/**
+ * Build an avatar component
+ */
+export declare function avatar(options: AvatarOptions): string;
+/**
+ * Avatar group options
+ */
+export interface AvatarGroupOptions {
+    /** Maximum visible avatars */
+    max?: number;
+    /** Avatar size */
+    size?: AvatarSize;
+    /** Overlap amount */
+    spacing?: 'tight' | 'normal' | 'loose';
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Build an avatar group
+ */
+export declare function avatarGroup(avatars: AvatarOptions[], options?: AvatarGroupOptions): string;
+/**
+ * Avatar with name/details options
+ */
+export interface AvatarWithTextOptions extends AvatarOptions {
+    /** Primary text (name) */
+    name: string;
+    /** Secondary text (email, role, etc.) */
+    subtitle?: string;
+    /** Text alignment */
+    align?: 'left' | 'right';
+}
+/**
+ * Build avatar with name and details
+ */
+export declare function avatarWithText(options: AvatarWithTextOptions): string;
+//# sourceMappingURL=avatar.d.ts.map

package/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqFD;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CA2CrD;AAMD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,EAAE,OAAO,GAAE,kBAAuB,GAAG,MAAM,CAmC9F;AAMD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAkBrE"}

package/components/avatar.schema.d.ts

@@ -0,0 +1,170 @@
+/**
+ * @file avatar.schema.ts
+ * @description Zod schemas for Avatar component options validation.
+ *
+ * Provides strict validation schemas for avatar options including sizes,
+ * shapes, status indicators, and avatar groups with text.
+ *
+ * @example
+ * ```typescript
+ * import { AvatarOptionsSchema } from '@frontmcp/ui';
+ *
+ * const result = AvatarOptionsSchema.safeParse({
+ *   alt: 'John Doe',
+ *   size: 'lg',
+ * });
+ * ```
+ *
+ * @module @frontmcp/ui/components/avatar.schema
+ */
+import { z } from 'zod';
+/**
+ * Avatar size enum schema
+ */
+export declare const AvatarSizeSchema: z.ZodEnum<{
+    xs: "xs";
+    sm: "sm";
+    lg: "lg";
+    xl: "xl";
+    "2xl": "2xl";
+    md: "md";
+}>;
+/**
+ * Avatar size type
+ */
+export type AvatarSize = z.infer<typeof AvatarSizeSchema>;
+/**
+ * Avatar shape enum schema
+ */
+export declare const AvatarShapeSchema: z.ZodEnum<{
+    circle: "circle";
+    square: "square";
+    rounded: "rounded";
+}>;
+/**
+ * Avatar shape type
+ */
+export type AvatarShape = z.infer<typeof AvatarShapeSchema>;
+/**
+ * Avatar status enum schema
+ */
+export declare const AvatarStatusSchema: z.ZodEnum<{
+    none: "none";
+    online: "online";
+    offline: "offline";
+    busy: "busy";
+    away: "away";
+}>;
+/**
+ * Avatar status type
+ */
+export type AvatarStatus = z.infer<typeof AvatarStatusSchema>;
+/**
+ * Complete avatar options schema
+ */
+export declare const AvatarOptionsSchema: z.ZodObject<{
+    src: z.ZodOptional<z.ZodString>;
+    alt: z.ZodString;
+    size: z.ZodOptional<z.ZodEnum<{
+        xs: "xs";
+        sm: "sm";
+        lg: "lg";
+        xl: "xl";
+        "2xl": "2xl";
+        md: "md";
+    }>>;
+    shape: z.ZodOptional<z.ZodEnum<{
+        circle: "circle";
+        square: "square";
+        rounded: "rounded";
+    }>>;
+    status: z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        online: "online";
+        offline: "offline";
+        busy: "busy";
+        away: "away";
+    }>>;
+    className: z.ZodOptional<z.ZodString>;
+    href: z.ZodOptional<z.ZodString>;
+    initials: z.ZodOptional<z.ZodString>;
+    bgColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Avatar options type (derived from schema)
+ */
+export type AvatarOptions = z.infer<typeof AvatarOptionsSchema>;
+/**
+ * Avatar group spacing schema
+ */
+export declare const AvatarSpacingSchema: z.ZodEnum<{
+    normal: "normal";
+    tight: "tight";
+    loose: "loose";
+}>;
+/**
+ * Avatar group options schema
+ */
+export declare const AvatarGroupOptionsSchema: z.ZodObject<{
+    max: z.ZodOptional<z.ZodNumber>;
+    size: z.ZodOptional<z.ZodEnum<{
+        xs: "xs";
+        sm: "sm";
+        lg: "lg";
+        xl: "xl";
+        "2xl": "2xl";
+        md: "md";
+    }>>;
+    spacing: z.ZodOptional<z.ZodEnum<{
+        normal: "normal";
+        tight: "tight";
+        loose: "loose";
+    }>>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Avatar group options type
+ */
+export type AvatarGroupOptions = z.infer<typeof AvatarGroupOptionsSchema>;
+/**
+ * Avatar with text options schema
+ */
+export declare const AvatarWithTextOptionsSchema: z.ZodObject<{
+    src: z.ZodOptional<z.ZodString>;
+    alt: z.ZodString;
+    size: z.ZodOptional<z.ZodEnum<{
+        xs: "xs";
+        sm: "sm";
+        lg: "lg";
+        xl: "xl";
+        "2xl": "2xl";
+        md: "md";
+    }>>;
+    shape: z.ZodOptional<z.ZodEnum<{
+        circle: "circle";
+        square: "square";
+        rounded: "rounded";
+    }>>;
+    status: z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        online: "online";
+        offline: "offline";
+        busy: "busy";
+        away: "away";
+    }>>;
+    className: z.ZodOptional<z.ZodString>;
+    href: z.ZodOptional<z.ZodString>;
+    initials: z.ZodOptional<z.ZodString>;
+    bgColor: z.ZodOptional<z.ZodString>;
+    name: z.ZodString;
+    subtitle: z.ZodOptional<z.ZodString>;
+    align: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+    }>>;
+}, z.core.$strict>;
+/**
+ * Avatar with text options type
+ */
+export type AvatarWithTextOptions = z.infer<typeof AvatarWithTextOptionsSchema>;
+//# sourceMappingURL=avatar.schema.d.ts.map

package/components/avatar.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.schema.d.ts","sourceRoot":"","sources":["../../src/components/avatar.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;EAAgD,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;EAA0C,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;EAAwD,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAM9D;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAqBrB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMhE;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;EAAuC,CAAC;AAExE;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;kBAW1B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAM1E;;GAEG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAO7B,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC"}

package/components/badge.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Badge Component
+ *
+ * Small status indicators and labels.
+ */
+/**
+ * Badge variant styles
+ */
+export type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'outline';
+/**
+ * Badge size options
+ */
+export type BadgeSize = 'sm' | 'md' | 'lg';
+/**
+ * Badge component options
+ */
+export interface BadgeOptions {
+    /** Badge variant */
+    variant?: BadgeVariant;
+    /** Badge size */
+    size?: BadgeSize;
+    /** Rounded pill style */
+    pill?: boolean;
+    /** Icon before text */
+    icon?: string;
+    /** Dot indicator (no text) */
+    dot?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Removable badge */
+    removable?: boolean;
+}
+/**
+ * Build a badge component
+ */
+export declare function badge(text: string, options?: BadgeOptions): string;
+/**
+ * Build a badge group
+ */
+export declare function badgeGroup(badges: string[], options?: {
+    gap?: 'sm' | 'md' | 'lg';
+    className?: string;
+}): string;
+/** Active status badge */
+export declare const activeBadge: (text?: string) => string;
+/** Inactive status badge */
+export declare const inactiveBadge: (text?: string) => string;
+/** Pending status badge */
+export declare const pendingBadge: (text?: string) => string;
+/** Error status badge */
+export declare const errorBadge: (text?: string) => string;
+/** New badge */
+export declare const newBadge: (text?: string) => string;
+/** Beta badge */
+export declare const betaBadge: (text?: string) => string;
+/** Online status dot */
+export declare const onlineDot: (label?: string) => string;
+/** Offline status dot */
+export declare const offlineDot: (label?: string) => string;
+/** Busy status dot */
+export declare const busyDot: (label?: string) => string;
+/** Away status dot */
+export declare const awayDot: (label?: string) => string;
+//# sourceMappingURL=badge.d.ts.map

package/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvH;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4CD;;GAEG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CA8DtE;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,MAAM,CAOnH;AAMD,0BAA0B;AAC1B,eAAO,MAAM,WAAW,GAAI,aAAe,WAAoD,CAAC;AAEhG,4BAA4B;AAC5B,eAAO,MAAM,aAAa,GAAI,aAAiB,WAAoD,CAAC;AAEpG,2BAA2B;AAC3B,eAAO,MAAM,YAAY,GAAI,aAAgB,WAAoD,CAAC;AAElG,yBAAyB;AACzB,eAAO,MAAM,UAAU,GAAI,aAAc,WAAmD,CAAC;AAE7F,gBAAgB;AAChB,eAAO,MAAM,QAAQ,GAAI,aAAY,WAAgE,CAAC;AAEtG,iBAAiB;AACjB,eAAO,MAAM,SAAS,GAAI,aAAa,WAAkE,CAAC;AAM1G,wBAAwB;AACxB,eAAO,MAAM,SAAS,GAAI,cAAgB,WAAoD,CAAC;AAE/F,yBAAyB;AACzB,eAAO,MAAM,UAAU,GAAI,cAAiB,WAAoD,CAAC;AAEjG,sBAAsB;AACtB,eAAO,MAAM,OAAO,GAAI,cAAc,WAAmD,CAAC;AAE1F,sBAAsB;AACtB,eAAO,MAAM,OAAO,GAAI,cAAc,WAAoD,CAAC"}

package/components/badge.schema.d.ts

@@ -0,0 +1,91 @@
+/**
+ * @file badge.schema.ts
+ * @description Zod schemas for Badge component options validation.
+ *
+ * Provides strict validation schemas for badge options including variants,
+ * sizes, dot indicators, and removable badges.
+ *
+ * @example
+ * ```typescript
+ * import { BadgeOptionsSchema } from '@frontmcp/ui';
+ *
+ * const result = BadgeOptionsSchema.safeParse({ variant: 'success' });
+ * ```
+ *
+ * @module @frontmcp/ui/components/badge.schema
+ */
+import { z } from 'zod';
+/**
+ * Badge variant enum schema
+ */
+export declare const BadgeVariantSchema: z.ZodEnum<{
+    default: "default";
+    primary: "primary";
+    secondary: "secondary";
+    success: "success";
+    warning: "warning";
+    danger: "danger";
+    info: "info";
+    outline: "outline";
+}>;
+/**
+ * Badge variant type
+ */
+export type BadgeVariant = z.infer<typeof BadgeVariantSchema>;
+/**
+ * Badge size enum schema
+ */
+export declare const BadgeSizeSchema: z.ZodEnum<{
+    sm: "sm";
+    lg: "lg";
+    md: "md";
+}>;
+/**
+ * Badge size type
+ */
+export type BadgeSize = z.infer<typeof BadgeSizeSchema>;
+/**
+ * Complete badge options schema
+ */
+export declare const BadgeOptionsSchema: z.ZodObject<{
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        primary: "primary";
+        secondary: "secondary";
+        success: "success";
+        warning: "warning";
+        danger: "danger";
+        info: "info";
+        outline: "outline";
+    }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        lg: "lg";
+        md: "md";
+    }>>;
+    pill: z.ZodOptional<z.ZodBoolean>;
+    icon: z.ZodOptional<z.ZodString>;
+    dot: z.ZodOptional<z.ZodBoolean>;
+    className: z.ZodOptional<z.ZodString>;
+    removable: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strict>;
+/**
+ * Badge options type (derived from schema)
+ */
+export type BadgeOptions = z.infer<typeof BadgeOptionsSchema>;
+/**
+ * Badge group options schema
+ */
+export declare const BadgeGroupOptionsSchema: z.ZodObject<{
+    gap: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        lg: "lg";
+        md: "md";
+    }>>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
+/**
+ * Badge group options type
+ */
+export type BadgeGroupOptions = z.infer<typeof BadgeGroupOptionsSchema>;
+//# sourceMappingURL=badge.schema.d.ts.map

package/components/badge.schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.schema.d.ts","sourceRoot":"","sources":["../../src/components/badge.schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;EAS7B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,eAAe;;;;EAA6B,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAMxD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;kBAiBpB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAM9D;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;;;;kBAOzB,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC"}