@sableui/react 0.1.1 → 0.3.0

package/dist/blocks/index.d.ts

@@ -0,0 +1,396 @@
+import * as react from 'react';
+import { B as BlockMeta } from '../meta-CcE_SeFu.js';
+
+interface ApiKeysBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    onCreate?: () => void;
+    /** Called with the key's id and the action chosen from its menu. */
+    onKeyAction?: (id: string, action: "rename" | "roll" | "revoke") => void;
+}
+declare function ApiKeysBlock({ className, framed, onCreate, onKeyAction }: ApiKeysBlockProps): react.JSX.Element;
+
+declare const apiKeysBlockMeta: BlockMeta;
+
+interface ChatThreadBlockProps {
+    className?: string;
+    /** false drops the card's surface and border. Keep it framed on a muted page: incoming bubbles are the muted surface too. */
+    framed?: boolean;
+}
+declare function ChatThreadBlock({ className, framed }: ChatThreadBlockProps): react.JSX.Element;
+
+declare const chatThreadBlockMeta: BlockMeta;
+
+interface CommandPaletteBlockProps {
+    className?: string;
+    /** Called with the chosen command's id. */
+    onCommand?: (id: string) => void;
+}
+declare function CommandPaletteBlock({ className, onCommand }: CommandPaletteBlockProps): react.JSX.Element;
+
+declare const commandPaletteBlockMeta: BlockMeta;
+
+interface CtaBandBlockProps {
+    className?: string;
+}
+declare function CtaBandBlock({ className }: CtaBandBlockProps): react.JSX.Element;
+
+declare const ctaBandBlockMeta: BlockMeta;
+
+interface DangerZoneBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called once the person has typed the handle and confirmed. */
+    onDelete?: () => void;
+}
+declare function DangerZoneBlock({ className, framed, onDelete }: DangerZoneBlockProps): react.JSX.Element;
+
+declare const dangerZoneBlockMeta: BlockMeta;
+
+interface DeviceComparisonBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+}
+declare function DeviceComparisonBlock({ className, framed }: DeviceComparisonBlockProps): react.JSX.Element;
+
+declare const deviceComparisonBlockMeta: BlockMeta;
+
+interface EventCardBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the person's answer. */
+    onRespond?: (answer: "join" | "decline") => void;
+}
+declare function EventCardBlock({ className, framed, onRespond }: EventCardBlockProps): react.JSX.Element;
+
+declare const eventCardBlockMeta: BlockMeta;
+
+interface FaqBlockProps {
+    className?: string;
+}
+declare function FaqBlock({ className }: FaqBlockProps): react.JSX.Element;
+
+declare const faqBlockMeta: BlockMeta;
+
+interface FeatureGridBlockProps {
+    className?: string;
+}
+declare function FeatureGridBlock({ className }: FeatureGridBlockProps): react.JSX.Element;
+
+declare const featureGridBlockMeta: BlockMeta;
+
+interface FeedbackFormBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet or Dialog that already frames it. */
+    framed?: boolean;
+    /** Skip calls it with `sent: false`; Send with `sent: true` and the answers. */
+    onDone?: (sent: boolean, feedback?: {
+        score: number;
+        notes: string;
+    }) => void;
+}
+declare function FeedbackFormBlock({ className, framed, onDone }: FeedbackFormBlockProps): react.JSX.Element;
+
+declare const feedbackFormBlockMeta: BlockMeta;
+
+interface GoalProgressBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+}
+declare function GoalProgressBlock({ className, framed }: GoalProgressBlockProps): react.JSX.Element;
+
+declare const goalProgressBlockMeta: BlockMeta;
+
+interface HeroBlockProps {
+    className?: string;
+}
+declare function HeroBlock({ className }: HeroBlockProps): react.JSX.Element;
+
+declare const heroBlockMeta: BlockMeta;
+
+interface InviteTeamBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet, Dialog or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the address typed, on Send or Enter. */
+    onSend?: (email: string) => void;
+}
+declare function InviteTeamBlock({ className, framed, onSend }: InviteTeamBlockProps): react.JSX.Element;
+
+declare const inviteTeamBlockMeta: BlockMeta;
+
+interface InvoiceHistoryBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the invoice id to download. */
+    onDownload?: (id: string) => void;
+}
+declare function InvoiceHistoryBlock({ className, framed, onDownload }: InvoiceHistoryBlockProps): react.JSX.Element;
+
+declare const invoiceHistoryBlockMeta: BlockMeta;
+
+interface KpiSparklineBlockProps {
+    className?: string;
+}
+declare function KpiSparklineBlock({ className }: KpiSparklineBlockProps): react.JSX.Element;
+
+declare const kpiSparklineBlockMeta: BlockMeta;
+
+interface MediaPlayerBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the new playing state. */
+    onPlayingChange?: (playing: boolean) => void;
+    onPrevious?: () => void;
+    onNext?: () => void;
+}
+declare function MediaPlayerBlock({ className, framed, onPlayingChange, onPrevious, onNext }: MediaPlayerBlockProps): react.JSX.Element;
+
+declare const mediaPlayerBlockMeta: BlockMeta;
+
+interface NewsletterBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a footer or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the address on Subscribe or Enter. */
+    onSubscribe?: (email: string) => void;
+}
+declare function NewsletterBlock({ className, framed, onSubscribe }: NewsletterBlockProps): react.JSX.Element;
+
+declare const newsletterBlockMeta: BlockMeta;
+
+interface NotFoundBlockProps {
+    className?: string;
+}
+declare function NotFoundBlock({ className }: NotFoundBlockProps): react.JSX.Element;
+
+declare const notFoundBlockMeta: BlockMeta;
+
+interface NotificationListBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Popover or Sheet that already frames it. */
+    framed?: boolean;
+}
+declare function NotificationListBlock({ className, framed }: NotificationListBlockProps): react.JSX.Element;
+
+declare const notificationListBlockMeta: BlockMeta;
+
+interface NotificationSettingsBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet, Dialog or muted section that already frames it. */
+    framed?: boolean;
+    /** Called the moment a switch changes. Toggles apply instantly; there is no Save. */
+    onChange?: (id: string, on: boolean) => void;
+}
+declare function NotificationSettingsBlock({ className, framed, onChange }: NotificationSettingsBlockProps): react.JSX.Element;
+
+declare const notificationSettingsBlockMeta: BlockMeta;
+
+interface OrderTrackingBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet or muted section that already frames it. */
+    framed?: boolean;
+}
+declare function OrderTrackingBlock({ className, framed }: OrderTrackingBlockProps): react.JSX.Element;
+
+declare const orderTrackingBlockMeta: BlockMeta;
+
+type Period$1 = "monthly" | "yearly";
+interface PricingCardBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the billing period showing when the trial starts. */
+    onStart?: (period: Period$1) => void;
+}
+declare function PricingCardBlock({ className, framed, onStart }: PricingCardBlockProps): react.JSX.Element;
+
+declare const pricingCardBlockMeta: BlockMeta;
+
+type Period = "monthly" | "yearly";
+interface PricingTableBlockProps {
+    className?: string;
+    /** Called with the chosen tier and the billing period showing. */
+    onChoose?: (tier: string, period: Period) => void;
+}
+declare function PricingTableBlock({ className, onChoose }: PricingTableBlockProps): react.JSX.Element;
+
+declare const pricingTableBlockMeta: BlockMeta;
+
+interface ProductCardBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** The buy action. */
+    onCollect?: () => void;
+}
+declare function ProductCardBlock({ className, framed, onCollect }: ProductCardBlockProps): react.JSX.Element;
+
+declare const productCardBlockMeta: BlockMeta;
+
+interface ProfileCardBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the new follow state. */
+    onFollowChange?: (following: boolean) => void;
+    onShare?: () => void;
+}
+declare function ProfileCardBlock({ className, framed, onFollowChange, onShare }: ProfileCardBlockProps): react.JSX.Element;
+
+declare const profileCardBlockMeta: BlockMeta;
+
+interface ProfileFormBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the form's fields on Save profile. */
+    onSave?: (fields: FormData) => void;
+}
+declare function ProfileFormBlock({ className, framed, onSave }: ProfileFormBlockProps): react.JSX.Element;
+
+declare const profileFormBlockMeta: BlockMeta;
+
+interface RevenueBreakdownBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+}
+declare function RevenueBreakdownBlock({ className, framed }: RevenueBreakdownBlockProps): react.JSX.Element;
+
+declare const revenueBreakdownBlockMeta: BlockMeta;
+
+interface SignInBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet, Dialog or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the method the person chose. Wire your auth here. */
+    onSignIn?: (method: "password" | "passkey") => void;
+}
+declare function SignInBlock({ className, framed, onSignIn }: SignInBlockProps): react.JSX.Element;
+
+declare const signInBlockMeta: BlockMeta;
+
+interface SignUpBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet, Dialog or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the submitted fields once the browser's validation passes. */
+    onSignUp?: (account: {
+        name: string;
+        email: string;
+        password: string;
+    }) => void;
+}
+declare function SignUpBlock({ className, framed, onSignUp }: SignUpBlockProps): react.JSX.Element;
+
+declare const signUpBlockMeta: BlockMeta;
+
+interface SiteFooterBlockProps {
+    className?: string;
+}
+declare function SiteFooterBlock({ className }: SiteFooterBlockProps): react.JSX.Element;
+
+declare const siteFooterBlockMeta: BlockMeta;
+
+interface StatRowBlockProps {
+    className?: string;
+}
+declare function StatRowBlock({ className }: StatRowBlockProps): react.JSX.Element;
+
+declare const statRowBlockMeta: BlockMeta;
+
+interface StepsBlockProps {
+    className?: string;
+}
+declare function StepsBlock({ className }: StepsBlockProps): react.JSX.Element;
+
+declare const stepsBlockMeta: BlockMeta;
+
+interface TaskListBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    onAddTask?: () => void;
+}
+declare function TaskListBlock({ className, framed, onAddTask }: TaskListBlockProps): react.JSX.Element;
+
+declare const taskListBlockMeta: BlockMeta;
+
+interface TeamMembersBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+    onInvite?: () => void;
+    /** Called with the member's id and the action chosen from their menu. */
+    onMemberAction?: (id: string, action: "make-admin" | "make-member" | "resend" | "remove") => void;
+}
+declare function TeamMembersBlock({ className, framed, onInvite, onMemberAction }: TeamMembersBlockProps): react.JSX.Element;
+
+declare const teamMembersBlockMeta: BlockMeta;
+
+interface TestimonialBlockProps {
+    className?: string;
+}
+declare function TestimonialBlock({ className }: TestimonialBlockProps): react.JSX.Element;
+
+declare const testimonialBlockMeta: BlockMeta;
+
+interface TrafficSourcesBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+}
+declare function TrafficSourcesBlock({ className, framed }: TrafficSourcesBlockProps): react.JSX.Element;
+
+declare const trafficSourcesBlockMeta: BlockMeta;
+
+interface TrafficTrendBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a muted section that already frames it. */
+    framed?: boolean;
+}
+declare function TrafficTrendBlock({ className, framed }: TrafficTrendBlockProps): react.JSX.Element;
+
+declare const trafficTrendBlockMeta: BlockMeta;
+
+interface UploadListBlockProps {
+    className?: string;
+    /** Called when the in-progress upload is cancelled. */
+    onCancel?: () => void;
+}
+declare function UploadListBlock({ className, onCancel }: UploadListBlockProps): react.JSX.Element;
+
+declare const uploadListBlockMeta: BlockMeta;
+
+interface VerifyCodeBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet, Dialog or muted section that already frames it. */
+    framed?: boolean;
+    /** Called with the code as soon as the last digit is entered. */
+    onVerify?: (code: string) => void;
+    onResend?: () => void;
+}
+declare function VerifyCodeBlock({ className, framed, onVerify, onResend }: VerifyCodeBlockProps): react.JSX.Element;
+
+declare const verifyCodeBlockMeta: BlockMeta;
+
+interface WalletBlockProps {
+    className?: string;
+    /** false drops the card's surface and border — for a Sheet or muted section that already frames it. */
+    framed?: boolean;
+    onSend?: () => void;
+    onReceive?: () => void;
+}
+declare function WalletBlock({ className, framed, onSend, onReceive }: WalletBlockProps): react.JSX.Element;
+
+declare const walletBlockMeta: BlockMeta;
+
+export { ApiKeysBlock, ChatThreadBlock, CommandPaletteBlock, CtaBandBlock, DangerZoneBlock, DeviceComparisonBlock, EventCardBlock, FaqBlock, FeatureGridBlock, FeedbackFormBlock, GoalProgressBlock, HeroBlock, InviteTeamBlock, InvoiceHistoryBlock, KpiSparklineBlock, MediaPlayerBlock, NewsletterBlock, NotFoundBlock, NotificationListBlock, NotificationSettingsBlock, OrderTrackingBlock, PricingCardBlock, PricingTableBlock, ProductCardBlock, ProfileCardBlock, ProfileFormBlock, RevenueBreakdownBlock, SignInBlock, SignUpBlock, SiteFooterBlock, StatRowBlock, StepsBlock, TaskListBlock, TeamMembersBlock, TestimonialBlock, TrafficSourcesBlock, TrafficTrendBlock, UploadListBlock, VerifyCodeBlock, WalletBlock, apiKeysBlockMeta, chatThreadBlockMeta, commandPaletteBlockMeta, ctaBandBlockMeta, dangerZoneBlockMeta, deviceComparisonBlockMeta, eventCardBlockMeta, faqBlockMeta, featureGridBlockMeta, feedbackFormBlockMeta, goalProgressBlockMeta, heroBlockMeta, inviteTeamBlockMeta, invoiceHistoryBlockMeta, kpiSparklineBlockMeta, mediaPlayerBlockMeta, newsletterBlockMeta, notFoundBlockMeta, notificationListBlockMeta, notificationSettingsBlockMeta, orderTrackingBlockMeta, pricingCardBlockMeta, pricingTableBlockMeta, productCardBlockMeta, profileCardBlockMeta, profileFormBlockMeta, revenueBreakdownBlockMeta, signInBlockMeta, signUpBlockMeta, siteFooterBlockMeta, statRowBlockMeta, stepsBlockMeta, taskListBlockMeta, teamMembersBlockMeta, testimonialBlockMeta, trafficSourcesBlockMeta, trafficTrendBlockMeta, uploadListBlockMeta, verifyCodeBlockMeta, walletBlockMeta };