@mangtre/ui 0.1.0

package/dist/learning.d.ts

@@ -0,0 +1,46 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Locale } from '@mangtre/core';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+
+interface Themed {
+    theme?: ThemeMode;
+    className?: string;
+}
+interface FlashcardProps extends Themed {
+    front: ReactNode;
+    back: ReactNode;
+    /** Controlled flip; omit for internal toggle on click. */
+    flipped?: boolean;
+    onFlip?: (flipped: boolean) => void;
+    locale?: Locale;
+}
+declare function Flashcard({ front, back, flipped, onFlip, locale, theme, className, }: FlashcardProps): react.JSX.Element;
+interface QuizOption {
+    id: string;
+    label: ReactNode;
+}
+interface QuizCardProps extends Themed {
+    question: ReactNode;
+    options: QuizOption[];
+    /** Selected option id. */
+    value?: string | null;
+    onSelect?: (id: string) => void;
+    /** When set, options reveal correct/wrong and lock. */
+    correctId?: string;
+    revealed?: boolean;
+}
+declare function QuizCard({ question, options, value, onSelect, correctId, revealed, theme, className, }: QuizCardProps): react.JSX.Element;
+interface ScoreCardProps extends Themed {
+    score: number;
+    total: number;
+    label?: ReactNode;
+}
+declare function ScoreCard({ score, total, label, theme, className }: ScoreCardProps): react.JSX.Element;
+interface StreakBadgeProps extends Themed {
+    days: number;
+    locale?: Locale;
+}
+declare function StreakBadge({ days, locale, theme, className }: StreakBadgeProps): react.JSX.Element;
+
+export { Flashcard, type FlashcardProps, QuizCard, type QuizCardProps, type QuizOption, ScoreCard, type ScoreCardProps, StreakBadge, type StreakBadgeProps };

package/dist/learning.js

@@ -0,0 +1,15 @@
+import {
+  Flashcard,
+  QuizCard,
+  ScoreCard,
+  StreakBadge
+} from "./chunk-4XNSYKQE.js";
+import "./chunk-FZRXVRC7.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Flashcard,
+  QuizCard,
+  ScoreCard,
+  StreakBadge
+};

package/dist/media.d.ts

@@ -0,0 +1,48 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+import '@mangtre/core';
+
+interface Themed {
+    theme?: ThemeMode;
+    className?: string;
+}
+interface DropzoneProps extends Themed {
+    onFiles: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    label?: ReactNode;
+    icon?: ReactNode;
+}
+declare function Dropzone({ onFiles, accept, multiple, label, icon, theme, className, }: DropzoneProps): react.JSX.Element;
+interface FilePreviewProps extends Themed {
+    name: string;
+    size?: number;
+    icon?: ReactNode;
+    action?: ReactNode;
+}
+declare function FilePreview({ name, size, icon, action, theme, className, }: FilePreviewProps): react.JSX.Element;
+interface ImagePreviewProps extends Themed {
+    src: string;
+    alt: string;
+    maxHeight?: string | number;
+}
+declare function ImagePreview({ src, alt, maxHeight, theme, className, }: ImagePreviewProps): react.JSX.Element;
+interface AvatarProps extends Themed {
+    /** Image URL; falls back to initials of `name`. */
+    src?: string;
+    name?: string;
+    size?: number;
+}
+declare function Avatar({ src, name, size, theme, className }: AvatarProps): react.JSX.Element;
+interface AvatarGroupProps extends Themed {
+    people: Array<{
+        name?: string;
+        src?: string;
+    }>;
+    max?: number;
+    size?: number;
+}
+declare function AvatarGroup({ people, max, size, theme, className }: AvatarGroupProps): react.JSX.Element;
+
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Dropzone, type DropzoneProps, FilePreview, type FilePreviewProps, ImagePreview, type ImagePreviewProps };

package/dist/media.js

@@ -0,0 +1,16 @@
+import {
+  Avatar,
+  AvatarGroup,
+  Dropzone,
+  FilePreview,
+  ImagePreview
+} from "./chunk-RE7OWRA4.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Avatar,
+  AvatarGroup,
+  Dropzone,
+  FilePreview,
+  ImagePreview
+};

package/dist/monetization.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Locale } from '@mangtre/core';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+
+interface Themed {
+    theme?: ThemeMode;
+    className?: string;
+}
+interface ComingSoonMonetizationCardProps extends Themed {
+    title?: ReactNode;
+    children?: ReactNode;
+    locale?: Locale;
+}
+declare function ComingSoonMonetizationCard({ title, children, locale, theme, className, }: ComingSoonMonetizationCardProps): react.JSX.Element;
+type PayoutStatus = "none" | "pending" | "paid";
+declare function PayoutStatusBadge({ status, locale, theme, className, }: Themed & {
+    status: PayoutStatus;
+    locale?: Locale;
+}): react.JSX.Element;
+interface EarningsRow {
+    period: string;
+    amount: number;
+}
+declare function EarningsLedgerTable({ rows, locale, theme, className, }: Themed & {
+    rows: EarningsRow[];
+    locale?: Locale;
+}): react.JSX.Element;
+
+export { ComingSoonMonetizationCard, type ComingSoonMonetizationCardProps, EarningsLedgerTable, type EarningsRow, type PayoutStatus, PayoutStatusBadge };

package/dist/monetization.js

@@ -0,0 +1,14 @@
+import {
+  ComingSoonMonetizationCard,
+  EarningsLedgerTable,
+  PayoutStatusBadge
+} from "./chunk-ASZKHSMG.js";
+import "./chunk-IX3DYETF.js";
+import "./chunk-FZRXVRC7.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  ComingSoonMonetizationCard,
+  EarningsLedgerTable,
+  PayoutStatusBadge
+};

package/dist/money.d.ts

@@ -0,0 +1,45 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Locale } from '@mangtre/core';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+export { M as MoneyText, V as VndText, f as formatVnd } from './Money-Dw3GnUvX.js';
+
+interface Themed {
+    theme?: ThemeMode;
+    className?: string;
+}
+interface AmountSummaryProps extends Themed {
+    label: ReactNode;
+    amount: number;
+    sign?: "auto" | "none";
+}
+declare function AmountSummary({ label, amount, sign, theme, className, }: AmountSummaryProps): react.JSX.Element;
+interface ExpenseRowProps extends Themed {
+    note: ReactNode;
+    /** e.g. payer + split summary. */
+    meta?: ReactNode;
+    amount: number;
+    action?: ReactNode;
+}
+declare function ExpenseRow({ note, meta, amount, action, theme, className }: ExpenseRowProps): react.JSX.Element;
+declare function ExpenseList({ children, theme, className }: Themed & {
+    children: ReactNode;
+}): react.JSX.Element;
+interface PaidBadgeProps extends Themed {
+    locale?: Locale;
+}
+declare function PaidBadge({ locale, theme, className }: PaidBadgeProps): react.JSX.Element;
+declare function UnpaidBadge({ locale, theme, className }: PaidBadgeProps): react.JSX.Element;
+interface SettlementCardProps extends Themed {
+    from: ReactNode;
+    to: ReactNode;
+    amount: number;
+    /** App-generated VietQR node (canvas/svg/img). */
+    qr?: ReactNode;
+    paid?: boolean;
+    onMarkPaid?: () => void;
+    locale?: Locale;
+}
+declare function SettlementCard({ from, to, amount, qr, paid, onMarkPaid, locale, theme, className, }: SettlementCardProps): react.JSX.Element;
+
+export { AmountSummary, type AmountSummaryProps, ExpenseList, ExpenseRow, type ExpenseRowProps, PaidBadge, type PaidBadgeProps, SettlementCard, type SettlementCardProps, UnpaidBadge };

package/dist/money.js

@@ -0,0 +1,28 @@
+import {
+  AmountSummary,
+  ExpenseList,
+  ExpenseRow,
+  PaidBadge,
+  SettlementCard,
+  UnpaidBadge
+} from "./chunk-UF6ANDJZ.js";
+import {
+  MoneyText,
+  VndText,
+  formatVnd
+} from "./chunk-IX3DYETF.js";
+import "./chunk-FZRXVRC7.js";
+import "./chunk-YN5O6YL6.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  AmountSummary,
+  ExpenseList,
+  ExpenseRow,
+  MoneyText,
+  PaidBadge,
+  SettlementCard,
+  UnpaidBadge,
+  VndText,
+  formatVnd
+};

package/dist/navigation.d.ts

@@ -0,0 +1,36 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+import '@mangtre/core';
+
+interface TabsProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    theme?: ThemeMode;
+    className?: string;
+    children: ReactNode;
+}
+declare function Tabs({ value, defaultValue, onValueChange, theme, className, children, }: TabsProps): react.JSX.Element;
+interface TabListProps {
+    /** Accessible label for the tab set. */
+    label?: string;
+    className?: string;
+    children: ReactNode;
+}
+declare function TabList({ label, className, children }: TabListProps): react.JSX.Element;
+interface TabProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+declare function Tab({ value, disabled, className, children }: TabProps): react.JSX.Element;
+interface TabPanelProps {
+    value: string;
+    className?: string;
+    children: ReactNode;
+}
+declare function TabPanel({ value, className, children }: TabPanelProps): react.JSX.Element | null;
+
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/navigation.js

@@ -0,0 +1,14 @@
+import {
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs
+} from "./chunk-SJF3CHAW.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs
+};

package/dist/overlay.d.ts

@@ -0,0 +1,72 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+import '@mangtre/core';
+
+interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: ReactNode;
+    /** Footer actions (e.g. buttons). */
+    footer?: ReactNode;
+    /** Close when the backdrop is clicked. Default true. */
+    dismissOnBackdrop?: boolean;
+    theme?: ThemeMode;
+    className?: string;
+    children?: ReactNode;
+}
+declare function Dialog({ open, onClose, title, footer, dismissOnBackdrop, theme, className, children, }: DialogProps): react.JSX.Element | null;
+
+interface SheetProps {
+    open: boolean;
+    onClose: () => void;
+    /** Edge the sheet attaches to. Default `"right"`. */
+    side?: "right" | "left" | "bottom";
+    title?: ReactNode;
+    footer?: ReactNode;
+    dismissOnBackdrop?: boolean;
+    theme?: ThemeMode;
+    className?: string;
+    children?: ReactNode;
+}
+declare function Sheet({ open, onClose, side, title, footer, dismissOnBackdrop, theme, className, children, }: SheetProps): react.JSX.Element | null;
+
+type ToastTone = "default" | "success" | "danger" | "warning";
+interface ToastInput {
+    message: ReactNode;
+    tone?: ToastTone;
+    /** Auto-dismiss after N ms. Default 4000; 0 disables auto-dismiss. */
+    duration?: number;
+}
+interface ToastItem extends ToastInput {
+    id: number;
+}
+type ToastAction = {
+    type: "add";
+    toast: ToastItem;
+} | {
+    type: "dismiss";
+    id: number;
+};
+/** Pure queue reducer — exported for tests. Caps the queue at 4 (drops oldest). */
+declare function toastReducer(state: ToastItem[], action: ToastAction): ToastItem[];
+interface ToastCtx {
+    toast: (input: ToastInput) => number;
+    dismiss: (id: number) => void;
+}
+interface ToastProviderProps {
+    theme?: ThemeMode;
+    children: ReactNode;
+}
+declare function ToastProvider({ theme, children }: ToastProviderProps): react.JSX.Element;
+/** Access the toast API. Must be used inside `<ToastProvider>`. */
+declare function useToast(): ToastCtx;
+interface ToastViewportProps {
+    items: ToastItem[];
+    onDismiss: (id: number) => void;
+    theme?: ThemeMode;
+}
+/** Renders the active toasts (used internally by `ToastProvider`). */
+declare function ToastViewport({ items, onDismiss, theme }: ToastViewportProps): react.JSX.Element | null;
+
+export { Dialog, type DialogProps, Sheet, type SheetProps, type ToastAction, type ToastInput, type ToastItem, ToastProvider, type ToastProviderProps, type ToastTone, ToastViewport, type ToastViewportProps, toastReducer, useToast };

package/dist/overlay.js

@@ -0,0 +1,20 @@
+import {
+  Dialog,
+  Sheet
+} from "./chunk-LNRUPJDF.js";
+import {
+  ToastProvider,
+  ToastViewport,
+  toastReducer,
+  useToast
+} from "./chunk-DTASXPTB.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Dialog,
+  Sheet,
+  ToastProvider,
+  ToastViewport,
+  toastReducer,
+  useToast
+};

package/dist/platform.d.ts

@@ -0,0 +1,94 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+import { Locale } from '@mangtre/core';
+export { M as MoneyText, a as MoneyTextProps, V as VndText, b as VndTextProps, f as formatVnd } from './Money-Dw3GnUvX.js';
+
+type BadgeTone = "accent" | "neutral" | "success" | "danger" | "warning" | "info";
+interface BadgeProps {
+    tone?: BadgeTone;
+    icon?: ReactNode;
+    theme?: ThemeMode;
+    className?: string;
+    children?: ReactNode;
+}
+declare function Badge({ tone, icon, theme, className, children }: BadgeProps): react.JSX.Element;
+interface VerifiedBadgeProps {
+    /** Visible label; omit + set `compact` for icon-only. Default "Măng Verified". */
+    label?: string;
+    /** Icon-only (label becomes screen-reader-only). */
+    compact?: boolean;
+    /** Tooltip text. */
+    title?: string;
+    theme?: ThemeMode;
+    className?: string;
+}
+/** "Măng Verified" — first-party / curated app mark. */
+declare function VerifiedBadge({ label, compact, title, theme, className, }: VerifiedBadgeProps): react.JSX.Element;
+
+type Surface = "desktop" | "web" | "zalo";
+interface SurfaceBadgeProps {
+    surface: Surface;
+    locale?: Locale;
+    theme?: ThemeMode;
+    className?: string;
+}
+declare function SurfaceBadge({ surface, locale, theme, className }: SurfaceBadgeProps): react.JSX.Element;
+interface PermissionBadgeProps {
+    /** Permission key (e.g. "storage", "data", "ai"). */
+    permission: string;
+    /** Flag curation-sensitive permissions (warning tone). */
+    sensitive?: boolean;
+    theme?: ThemeMode;
+    className?: string;
+}
+declare function PermissionBadge({ permission, sensitive, theme, className }: PermissionBadgeProps): react.JSX.Element;
+interface DataBadgeProps {
+    locale?: Locale;
+    theme?: ThemeMode;
+    className?: string;
+}
+/** "Trên máy" — local-first, nothing leaves the device. */
+declare function LocalBadge({ locale, theme, className }: DataBadgeProps): react.JSX.Element;
+/** "Đám mây" — data persisted on Măng's server. */
+declare function CloudBadge({ locale, theme, className }: DataBadgeProps): react.JSX.Element;
+/** "Trực tiếp" — live, shared across devices in real time. */
+declare function RealtimeBadge({ locale, theme, className }: DataBadgeProps): react.JSX.Element;
+
+interface GracefulDegradePanelProps {
+    icon?: ReactNode;
+    title?: ReactNode;
+    children?: ReactNode;
+    theme?: ThemeMode;
+    className?: string;
+}
+/** A panel shown in place of a feature that isn't available on the current surface. */
+declare function GracefulDegradePanel({ icon, title, children, theme, className, }: GracefulDegradePanelProps): react.JSX.Element;
+interface SurfaceGateProps {
+    /** Surfaces where the feature runs; omit = all. */
+    surfaces?: Surface[];
+    /** The surface this document is running on. */
+    current: Surface;
+    locale?: Locale;
+    /** Shown when blocked; defaults to a GracefulDegradePanel. Pass `null` to render nothing. */
+    fallback?: ReactNode;
+    theme?: ThemeMode;
+    children: ReactNode;
+}
+declare function SurfaceGate({ surfaces, current, locale, fallback, theme, children, }: SurfaceGateProps): react.JSX.Element;
+interface PermissionGateProps {
+    granted: boolean;
+    fallback?: ReactNode;
+    children: ReactNode;
+}
+/** Render children only when a permission/capability is granted. */
+declare function PermissionGate({ granted, fallback, children }: PermissionGateProps): react.JSX.Element;
+interface SurfaceOnlyProps {
+    current: Surface;
+    children: ReactNode;
+}
+declare const DesktopOnly: ({ current, children }: SurfaceOnlyProps) => react.JSX.Element | null;
+declare const WebOnly: ({ current, children }: SurfaceOnlyProps) => react.JSX.Element | null;
+declare const ZaloOnly: ({ current, children }: SurfaceOnlyProps) => react.JSX.Element | null;
+
+export { Badge, type BadgeProps, type BadgeTone, CloudBadge, DesktopOnly, GracefulDegradePanel, type GracefulDegradePanelProps, LocalBadge, PermissionBadge, type PermissionBadgeProps, PermissionGate, type PermissionGateProps, RealtimeBadge, type Surface, SurfaceBadge, type SurfaceBadgeProps, SurfaceGate, type SurfaceGateProps, VerifiedBadge, type VerifiedBadgeProps, WebOnly, ZaloOnly };

package/dist/platform.js

@@ -0,0 +1,42 @@
+import {
+  CloudBadge,
+  DesktopOnly,
+  GracefulDegradePanel,
+  LocalBadge,
+  PermissionBadge,
+  PermissionGate,
+  RealtimeBadge,
+  SurfaceBadge,
+  SurfaceGate,
+  WebOnly,
+  ZaloOnly
+} from "./chunk-K5Q3RCV6.js";
+import {
+  MoneyText,
+  VndText,
+  formatVnd
+} from "./chunk-IX3DYETF.js";
+import {
+  Badge,
+  VerifiedBadge
+} from "./chunk-FZRXVRC7.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Badge,
+  CloudBadge,
+  DesktopOnly,
+  GracefulDegradePanel,
+  LocalBadge,
+  MoneyText,
+  PermissionBadge,
+  PermissionGate,
+  RealtimeBadge,
+  SurfaceBadge,
+  SurfaceGate,
+  VerifiedBadge,
+  VndText,
+  WebOnly,
+  ZaloOnly,
+  formatVnd
+};

package/dist/primitives.d.ts

@@ -0,0 +1,83 @@
+import * as react from 'react';
+import { ElementType, CSSProperties, ReactNode } from 'react';
+import { tokens } from './tokens.js';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+import '@mangtre/core';
+
+type SpaceKey = keyof typeof tokens.space;
+interface BoxProps {
+    as?: ElementType;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** A plain layout box (defaults to `<div>`). */
+declare function Box({ as, className, style, children }: BoxProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+interface StackProps extends BoxProps {
+    /** Main-axis direction. Default `"column"`. */
+    direction?: "row" | "column";
+    /** Gap between children, as a token spacing step (0–16). Default `4`. */
+    gap?: SpaceKey;
+    align?: CSSProperties["alignItems"];
+    justify?: CSSProperties["justifyContent"];
+    wrap?: boolean;
+}
+/** Flex container with token-based gap. */
+declare function Stack({ as, direction, gap, align, justify, wrap, className, style, children, }: StackProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+/** Horizontal stack (row). */
+declare function HStack(props: Omit<StackProps, "direction">): react.JSX.Element;
+/** Vertical stack (column). */
+declare function VStack(props: Omit<StackProps, "direction">): react.JSX.Element;
+interface SpacerProps {
+    /** Fixed size as a token spacing step; omit to flex-grow and push siblings apart. */
+    size?: SpaceKey;
+}
+/** Flexible spacer — grows to fill (or a fixed token gap when `size` is given). */
+declare function Spacer({ size }: SpacerProps): react.JSX.Element;
+
+type SizeKey = keyof typeof tokens.fontSize;
+type Tone = "default" | "muted" | "strong" | "accent";
+interface TextProps {
+    as?: "p" | "span" | "div" | "label" | "small";
+    size?: SizeKey;
+    tone?: Tone;
+    /** Font weight token key. */
+    weight?: keyof typeof tokens.fontWeight;
+    theme?: ThemeMode;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** Body text. */
+declare function Text({ as, size, tone, weight, theme, className, style, children, }: TextProps): react.DetailedReactHTMLElement<{
+    className: string;
+    "data-tone": Tone;
+    style: CSSProperties;
+    "data-theme": ThemeMode;
+    "data-density": string;
+}, HTMLElement>;
+interface HeadingProps {
+    /** Heading level 1–6 (semantic). Default `2`. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    size?: SizeKey;
+    theme?: ThemeMode;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** Display heading (Quicksand). */
+declare function Heading({ level, size, theme, className, style, children }: HeadingProps): react.DetailedReactHTMLElement<{
+    className: string;
+    style: CSSProperties;
+    "data-theme": ThemeMode;
+    "data-density": string;
+}, HTMLElement>;
+
+interface DividerProps {
+    theme?: ThemeMode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function Divider({ theme, className, style }: DividerProps): react.JSX.Element;
+
+export { Box, type BoxProps, Divider, type DividerProps, HStack, Heading, type HeadingProps, Spacer, type SpacerProps, Stack, type StackProps, Text, type TextProps, VStack };

package/dist/primitives.js

@@ -0,0 +1,22 @@
+import {
+  Box,
+  Divider,
+  HStack,
+  Heading,
+  Spacer,
+  Stack,
+  Text,
+  VStack
+} from "./chunk-7WHNIEDV.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  Box,
+  Divider,
+  HStack,
+  Heading,
+  Spacer,
+  Stack,
+  Text,
+  VStack
+};

package/dist/privacy.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Locale } from '@mangtre/core';
+import { T as ThemeMode } from './MangThemeProvider-BqdGKBP2.js';
+
+interface Themed {
+    theme?: ThemeMode;
+    className?: string;
+}
+interface PrivacyNoticeProps extends Themed {
+    children: ReactNode;
+    icon?: ReactNode;
+}
+declare function PrivacyNotice({ children, icon, theme, className }: PrivacyNoticeProps): react.JSX.Element;
+declare function LocalFirstNotice({ locale, theme, className, }: Themed & {
+    locale?: Locale;
+}): react.JSX.Element;
+declare function NoPiiBadge({ locale, theme, className }: Themed & {
+    locale?: Locale;
+}): react.JSX.Element;
+interface ExternalLinkWarningProps extends Themed {
+    /** The destination shown to the user. */
+    href: string;
+    locale?: Locale;
+}
+declare function ExternalLinkWarning({ href, locale, theme, className, }: ExternalLinkWarningProps): react.JSX.Element;
+
+export { ExternalLinkWarning, type ExternalLinkWarningProps, LocalFirstNotice, NoPiiBadge, PrivacyNotice, type PrivacyNoticeProps };

package/dist/privacy.js

@@ -0,0 +1,15 @@
+import {
+  ExternalLinkWarning,
+  LocalFirstNotice,
+  NoPiiBadge,
+  PrivacyNotice
+} from "./chunk-IVYXOKMO.js";
+import "./chunk-FZRXVRC7.js";
+import "./chunk-3AL4SUFD.js";
+import "./chunk-PPOYMKV3.js";
+export {
+  ExternalLinkWarning,
+  LocalFirstNotice,
+  NoPiiBadge,
+  PrivacyNotice
+};