@fluid-app/rep-widgets 0.1.0

package/dist/widgets/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/widgets/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAM,qBAAA,GAAwB;AAAA,EACnC,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,cAAA,EAAgB,MACd,OAAO,gCAAkB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,4BAA4B,CAAA;AAAA,EACvE,cAAA,EAAgB,MACd,OAAO,gCAAkB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,4BAA4B,CAAA;AAAA,EACvE,aAAA,EAAe,MACb,OAAO,+BAAiB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,2BAA2B,CAAA;AAAA,EACrE,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,eAAA,EAAiB,MACf,OAAO,iCAAmB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,6BAA6B,CAAA;AAAA,EACzE,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,YAAA,EAAc,MACZ,OAAO,8BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,UAAA,EAAY,MACV,OAAO,4BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,YAAA,EAAc,MACZ,OAAO,8BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,YAAA,EAAc,MACZ,OAAO,8BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,gBAAA,EAAkB,MAChB,OAAO,kCAAoB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,8BAA8B,CAAA;AAAA,EAC3E,oBAAA,EAAsB,MACpB,OAAO,sCAAwB,CAAA,CAAE,IAAA;AAAA,IAC/B,CAAC,MAAM,CAAA,CAAE;AAAA,GACX;AAAA,EACF,YAAA,EAAc,MACZ,OAAO,8BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,UAAA,EAAY,MACV,OAAO,4BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,UAAA,EAAY,MACV,OAAO,4BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,WAAA,EAAa,MACX,OAAO,6BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB;AACnE","file":"index.cjs","sourcesContent":["// Widget Components\nexport { AlertWidget, alertWidgetPropertySchema } from \"./AlertWidget\";\nexport { CalendarWidget, calendarWidgetPropertySchema } from \"./CalendarWidget\";\nexport { CarouselWidget, carouselWidgetPropertySchema } from \"./CarouselWidget\";\nexport { CatchUpWidget, catchUpWidgetPropertySchema } from \"./CatchUpWidget\";\nexport { ChartWidget, chartWidgetPropertySchema } from \"./ChartWidget\";\nexport {\n  ContainerWidget,\n  containerWidgetPropertySchema,\n} from \"./ContainerWidget\";\nexport { EmbedWidget, embedWidgetPropertySchema } from \"./EmbedWidget\";\nexport { ImageWidget, imageWidgetPropertySchema } from \"./ImageWidget\";\nexport { LayoutWidget, layoutWidgetPropertySchema } from \"./LayoutWidget\";\nexport { ListWidget, listWidgetPropertySchema } from \"./ListWidget\";\nexport { MySiteWidget, mySiteWidgetPropertySchema } from \"./MySiteWidget\";\nexport { NestedWidget, nestedWidgetPropertySchema } from \"./NestedWidget\";\nexport {\n  QuickShareWidget,\n  quickShareWidgetPropertySchema,\n} from \"./QuickShareWidget\";\nexport {\n  RecentActivityWidget,\n  recentActivityWidgetPropertySchema,\n} from \"./RecentActivityWidget\";\nexport { SpacerWidget, spacerWidgetPropertySchema } from \"./SpacerWidget\";\nexport { TableWidget, tableWidgetPropertySchema } from \"./TableWidget\";\nexport { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nexport { ToDoWidget, toDoWidgetPropertySchema } from \"./ToDoWidget\";\nexport { VideoWidget, videoWidgetPropertySchema } from \"./VideoWidget\";\n\n// Re-export gapValues from core (used by widgets)\nexport { gapValues } from \"../core/fields\";\n\n// Re-export all property schemas as a collection\nexport const widgetPropertySchemas = {\n  AlertWidget: () =>\n    import(\"./AlertWidget\").then((m) => m.alertWidgetPropertySchema),\n  CalendarWidget: () =>\n    import(\"./CalendarWidget\").then((m) => m.calendarWidgetPropertySchema),\n  CarouselWidget: () =>\n    import(\"./CarouselWidget\").then((m) => m.carouselWidgetPropertySchema),\n  CatchUpWidget: () =>\n    import(\"./CatchUpWidget\").then((m) => m.catchUpWidgetPropertySchema),\n  ChartWidget: () =>\n    import(\"./ChartWidget\").then((m) => m.chartWidgetPropertySchema),\n  ContainerWidget: () =>\n    import(\"./ContainerWidget\").then((m) => m.containerWidgetPropertySchema),\n  EmbedWidget: () =>\n    import(\"./EmbedWidget\").then((m) => m.embedWidgetPropertySchema),\n  ImageWidget: () =>\n    import(\"./ImageWidget\").then((m) => m.imageWidgetPropertySchema),\n  LayoutWidget: () =>\n    import(\"./LayoutWidget\").then((m) => m.layoutWidgetPropertySchema),\n  ListWidget: () =>\n    import(\"./ListWidget\").then((m) => m.listWidgetPropertySchema),\n  MySiteWidget: () =>\n    import(\"./MySiteWidget\").then((m) => m.mySiteWidgetPropertySchema),\n  NestedWidget: () =>\n    import(\"./NestedWidget\").then((m) => m.nestedWidgetPropertySchema),\n  QuickShareWidget: () =>\n    import(\"./QuickShareWidget\").then((m) => m.quickShareWidgetPropertySchema),\n  RecentActivityWidget: () =>\n    import(\"./RecentActivityWidget\").then(\n      (m) => m.recentActivityWidgetPropertySchema,\n    ),\n  SpacerWidget: () =>\n    import(\"./SpacerWidget\").then((m) => m.spacerWidgetPropertySchema),\n  TableWidget: () =>\n    import(\"./TableWidget\").then((m) => m.tableWidgetPropertySchema),\n  TextWidget: () =>\n    import(\"./TextWidget\").then((m) => m.textWidgetPropertySchema),\n  ToDoWidget: () =>\n    import(\"./ToDoWidget\").then((m) => m.toDoWidgetPropertySchema),\n  VideoWidget: () =>\n    import(\"./VideoWidget\").then((m) => m.videoWidgetPropertySchema),\n};\n"]}

package/dist/widgets/index.d.cts

@@ -0,0 +1,397 @@
+import * as _fluid_app_rep_core_registries from '@fluid-app/rep-core/registries';
+import { WidgetPropertySchema } from '@fluid-app/rep-core/registries';
+export { gapValues } from '@fluid-app/rep-core/registries';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ComponentType } from 'react';
+import { FontSizeOptions, ColorOptions, BackgroundValue, PaddingOptions, BorderRadiusOptions, WidgetSchema, AlignOptions, ButtonSizeOptions, SectionLayoutType, GapOptions, TypedWidgetSchema, ShareableItem } from '@fluid-app/rep-core/types';
+
+type TextWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    title?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    description?: string;
+    descriptionFontSize?: FontSizeOptions;
+    descriptionColor?: ColorOptions;
+    background?: BackgroundValue;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+};
+declare function TextWidget({ titleEnabled, title, titleFontSize, titleColor, description, descriptionFontSize, descriptionColor, background, padding, borderRadius, className, ...props }: TextWidgetProps): react_jsx_runtime.JSX.Element;
+declare const textWidgetPropertySchema: WidgetPropertySchema;
+
+/**
+ * AlertWidget - Wrapper for TextWidget (for backwards compatibility)
+ */
+declare function AlertWidget(props: ComponentProps<typeof TextWidget>): react_jsx_runtime.JSX.Element;
+declare const alertWidgetPropertySchema: WidgetPropertySchema;
+
+type CalendarWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+};
+declare function CalendarWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, textColor, accentColor, padding, borderRadius, className, ...props }: CalendarWidgetProps): react_jsx_runtime.JSX.Element;
+declare const calendarWidgetPropertySchema: WidgetPropertySchema;
+
+type CarouselSlide = {
+    id: string;
+    content: WidgetSchema;
+    title?: string;
+    description?: string;
+    buttonEnabled?: boolean;
+    buttonText?: string;
+    buttonVariant?: "default" | "secondary" | "outline" | "destructive" | "ghost" | "link";
+    buttonLink?: string;
+};
+type CarouselWidgetProps = ComponentProps<"div"> & {
+    slides?: CarouselSlide[];
+    autoScrollInterval?: number;
+    enableAutoScroll?: boolean;
+    align?: AlignOptions;
+    carouselHeight?: number;
+    borderRadius?: BorderRadiusOptions;
+    padding?: PaddingOptions;
+    headerSize?: FontSizeOptions;
+    headerColor?: ColorOptions;
+    textSize?: FontSizeOptions;
+    textColor?: ColorOptions;
+    textWidth?: string;
+    showButton?: boolean;
+    buttonColor?: ColorOptions;
+    buttonSize?: ButtonSizeOptions;
+    overlayEnabled?: boolean;
+    overlayType?: "solid" | "gradient";
+    overlayIntensity?: number;
+};
+declare function CarouselWidget({ slides, autoScrollInterval, enableAutoScroll, carouselHeight, align, overlayIntensity, borderRadius, padding, textWidth, headerSize, headerColor, textSize, textColor, showButton, buttonColor, buttonSize, overlayEnabled, overlayType, className, ...props }: CarouselWidgetProps): react_jsx_runtime.JSX.Element;
+declare const carouselWidgetPropertySchema: WidgetPropertySchema;
+
+type CatchUpWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    maxItems?: number;
+};
+declare function CatchUpWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, textColor, accentColor, padding, borderRadius, maxItems, className, ...props }: CatchUpWidgetProps): react_jsx_runtime.JSX.Element;
+declare const catchUpWidgetPropertySchema: WidgetPropertySchema;
+
+type ChartDataPoint = Record<string, unknown>;
+type ChartWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    title?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    description?: string;
+    descriptionFontSize?: FontSizeOptions;
+    descriptionColor?: ColorOptions;
+    chartType?: "bar" | "line" | "area" | "pie";
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showGrid?: boolean;
+    width?: string;
+    height?: string;
+    background?: BackgroundValue;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    dataKey?: string;
+    xAxisKey?: string;
+    /** Chart data - when provided via dataSource, this overrides defaultData */
+    data?: ChartDataPoint[];
+    /** Chart configuration - can be dynamically provided via dataSource */
+    chartConfig?: Record<string, {
+        label: string;
+        color: string;
+    }>;
+};
+declare function ChartWidget({ titleEnabled, title, titleFontSize, titleColor, description, descriptionFontSize, descriptionColor, chartType, showLegend, showTooltip, showGrid, width, height, background, padding, borderRadius, dataKey, xAxisKey, data, chartConfig, className, ...props }: ChartWidgetProps): react_jsx_runtime.JSX.Element;
+declare const chartWidgetPropertySchema: WidgetPropertySchema;
+
+type LayoutProps<T extends Record<string, ComponentType<any>> = Record<string, ComponentType<any>>> = {
+    sectionLayout?: SectionLayoutType;
+    type?: "flex" | "grid";
+    columns?: number;
+    rows?: number;
+    direction?: string;
+    justify?: string;
+    align?: string;
+    wrap?: boolean;
+    gap?: number;
+    gapSize?: GapOptions;
+    background?: BackgroundValue;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    children: (TypedWidgetSchema<T> | null)[] | (WidgetSchema | null)[];
+    registry?: T;
+    className?: string;
+    minHeight?: number;
+};
+declare const LayoutWidget: <T extends Record<string, ComponentType<any>>>({ sectionLayout, gap, gapSize, background, padding, borderRadius, children, registry, className, minHeight, }: LayoutProps<T>) => react_jsx_runtime.JSX.Element;
+declare const layoutWidgetPropertySchema: WidgetPropertySchema;
+
+/**
+ * ContainerWidget - Root container widget for screens
+ *
+ * This widget wraps LayoutWidget and serves as the foundational container
+ * for every screen. It cannot be added, deleted, moved, or copied by users.
+ *
+ * Only exposes limited settings: gap, padding, and backgroundColor
+ */
+type ContainerWidgetProps = ComponentProps<typeof LayoutWidget>;
+declare function ContainerWidget(props: ContainerWidgetProps): react_jsx_runtime.JSX.Element;
+declare const containerWidgetPropertySchema: WidgetPropertySchema;
+
+type EmbedWidgetProps = ComponentProps<"div"> & {
+    url?: string;
+    title?: string;
+    height?: number;
+    fullScreen?: boolean;
+    allowFullscreen?: boolean;
+    loading?: "eager" | "lazy";
+    borderRadius?: BorderRadiusOptions;
+};
+declare function EmbedWidget({ url, title, height, fullScreen, allowFullscreen, loading, borderRadius, className, ...props }: EmbedWidgetProps): react_jsx_runtime.JSX.Element;
+declare const embedWidgetPropertySchema: WidgetPropertySchema;
+
+type ImageWidgetProps = ComponentProps<"div"> & {
+    src?: string;
+    alt?: string;
+    borderRadius?: BorderRadiusOptions;
+    verticalSizing?: "auto" | "fixed";
+    fixedHeight?: string;
+    displayFit?: "cover" | "contain";
+    focusPoint?: string;
+    linkUrl?: string;
+    resource?: ShareableItem;
+    useCustomUrl?: boolean;
+};
+declare function ImageWidget({ src, alt, borderRadius, verticalSizing, fixedHeight, displayFit, focusPoint, linkUrl, resource, useCustomUrl, }: ImageWidgetProps): react_jsx_runtime.JSX.Element;
+declare const imageWidgetPropertySchema: WidgetPropertySchema;
+
+type ListItem = {
+    id: string;
+    image?: string;
+    imageUrl?: string;
+    videoUrl?: string;
+    title?: string;
+    description?: string;
+    price?: string;
+    originalPrice?: string;
+    discount?: string;
+    qv?: string;
+    cv?: string;
+};
+type ImageAspectRatio = "square" | "landscape" | "portrait";
+type ListType = "ordered" | "unordered";
+type ScrollAxis = "horizontal" | "vertical";
+type ListWidgetProps = ComponentProps<"div"> & {
+    listType?: ListType;
+    scrollAxis?: ScrollAxis;
+    titleEnabled?: boolean;
+    title?: string;
+    items?: ListItem[];
+    titleColor?: ColorOptions;
+    titleSize?: FontSizeOptions;
+    itemTitleColor?: ColorOptions;
+    itemTitleSize?: FontSizeOptions;
+    descriptionColor?: ColorOptions;
+    descriptionSize?: FontSizeOptions;
+    priceColor?: ColorOptions;
+    priceSize?: FontSizeOptions;
+    originalPriceColor?: ColorOptions;
+    metaTextColor?: ColorOptions;
+    metaTextSize?: FontSizeOptions;
+    numberColor?: ColorOptions;
+    numberSize?: FontSizeOptions;
+    borderRadius?: BorderRadiusOptions;
+    padding?: PaddingOptions;
+    gap?: GapOptions;
+    columns?: number;
+    imageAspectRatio?: ImageAspectRatio;
+    background?: BackgroundValue;
+    showBadge?: boolean;
+    showFavorite?: boolean;
+    showMetaText?: boolean;
+    maxItems?: number;
+    showFeaturedSection?: boolean;
+    featuredAsset?: string | {
+        [key: string]: unknown;
+    };
+    featuredTitle?: string;
+    featuredSubtitle?: string;
+    featuredButtonText?: string;
+    featuredButtonUrl?: string;
+    featuredSubtitleColor?: ColorOptions;
+    featuredSubtitleSize?: FontSizeOptions;
+};
+declare function ListWidget({ listType, scrollAxis, titleEnabled, title, items, titleColor, titleSize, itemTitleColor, itemTitleSize, descriptionColor, descriptionSize, priceColor, priceSize, originalPriceColor, metaTextColor, metaTextSize, numberColor, numberSize, borderRadius, padding, gap, columns, imageAspectRatio, background, showBadge, showFavorite, showMetaText, maxItems, showFeaturedSection, featuredAsset, featuredTitle, featuredSubtitle, featuredButtonText, featuredButtonUrl, featuredSubtitleColor, featuredSubtitleSize, className, ...props }: ListWidgetProps): react_jsx_runtime.JSX.Element;
+declare const listWidgetPropertySchema: WidgetPropertySchema;
+
+type MySiteWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    showPreview?: boolean;
+    showAnalytics?: boolean;
+};
+declare function MySiteWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, textColor, accentColor, padding, borderRadius, showPreview, showAnalytics, className, ...props }: MySiteWidgetProps): react_jsx_runtime.JSX.Element | null;
+declare const mySiteWidgetPropertySchema: WidgetPropertySchema;
+
+type NestedWidgetProps = ComponentProps<"div"> & {
+    resource?: ShareableItem;
+    titleEnabled?: boolean;
+    titleText?: string;
+    shareables?: ShareableItem[];
+    gap?: GapOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    primaryMediaHeight?: number;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    titleAlignment?: AlignOptions;
+    nestedTextColor?: ColorOptions;
+    background?: BackgroundValue;
+    overlayEnabled?: boolean;
+    overlayType?: "solid" | "gradient";
+    overlayIntensity?: number;
+};
+declare function NestedWidget({ resource, titleEnabled, titleText, shareables, gap, padding, borderRadius, primaryMediaHeight, titleFontSize, titleColor, titleAlignment, nestedTextColor, background, overlayEnabled, overlayType, overlayIntensity, className, ...props }: NestedWidgetProps): react_jsx_runtime.JSX.Element;
+declare const nestedWidgetPropertySchema: WidgetPropertySchema;
+
+type QuickShareWidgetProps = ComponentProps<"div"> & {
+    shareableResource?: ShareableItem;
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    overlayEnabled?: boolean;
+    overlayType?: "solid" | "gradient";
+    overlayIntensity?: number;
+    showBuyButton?: boolean;
+};
+declare function QuickShareWidget({ shareableResource, titleEnabled, titleText, titleFontSize, titleColor, textColor, accentColor, padding, borderRadius, overlayEnabled, overlayType, overlayIntensity, showBuyButton, className, ...props }: QuickShareWidgetProps): react_jsx_runtime.JSX.Element;
+declare const quickShareWidgetPropertySchema: WidgetPropertySchema;
+
+type RecentActivityWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    maxItemsToShow?: number;
+};
+declare function RecentActivityWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, textColor, accentColor, padding, borderRadius, maxItemsToShow, className, ...props }: RecentActivityWidgetProps): react_jsx_runtime.JSX.Element;
+declare const recentActivityWidgetPropertySchema: WidgetPropertySchema;
+
+type SpacerWidgetProps = ComponentProps<"div"> & {
+    /**
+     * Custom height in pixels (only used when size is "custom")
+     */
+    customHeight?: number;
+};
+declare function SpacerWidget({ customHeight, className, style, ...props }: SpacerWidgetProps): react_jsx_runtime.JSX.Element;
+declare const spacerWidgetPropertySchema: WidgetPropertySchema;
+
+type TableWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    alternatingColorEnabled?: boolean;
+    textColor?: ColorOptions;
+    headerBackgroundColor?: ColorOptions;
+    headerTextColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    data?: ShareableItem[];
+    filterEnabled?: boolean;
+    sortingEnabled?: boolean;
+    paginationEnabled?: boolean;
+    maxRowsPerPage?: number;
+};
+declare function TableWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, alternatingColorEnabled, textColor, headerBackgroundColor, headerTextColor, padding, borderRadius, data, filterEnabled, sortingEnabled, paginationEnabled, maxRowsPerPage, className, ...props }: TableWidgetProps): react_jsx_runtime.JSX.Element;
+declare const tableWidgetPropertySchema: WidgetPropertySchema;
+
+type ToDoWidgetProps = ComponentProps<"div"> & {
+    titleEnabled?: boolean;
+    titleText?: string;
+    titleFontSize?: FontSizeOptions;
+    titleColor?: ColorOptions;
+    background?: BackgroundValue;
+    textColor?: ColorOptions;
+    accentColor?: ColorOptions;
+    padding?: PaddingOptions;
+    borderRadius?: BorderRadiusOptions;
+    maxItems?: number;
+};
+declare function ToDoWidget({ titleEnabled, titleText, titleFontSize, titleColor, background, textColor, accentColor, padding, borderRadius, maxItems, className, ...props }: ToDoWidgetProps): react_jsx_runtime.JSX.Element;
+declare const toDoWidgetPropertySchema: WidgetPropertySchema;
+
+type VideoWidgetProps = ComponentProps<"div"> & {
+    src?: string;
+    poster?: string;
+    borderRadius?: BorderRadiusOptions;
+    verticalSizing?: "auto" | "fixed";
+    fixedHeight?: string;
+    displayFit?: "cover" | "contain";
+    focusPoint?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    resource?: ShareableItem;
+    useCustomUrl?: boolean;
+};
+declare function VideoWidget({ src, poster, borderRadius, verticalSizing, fixedHeight, displayFit, focusPoint, controls, autoplay, loop, muted, resource, useCustomUrl, }: VideoWidgetProps): react_jsx_runtime.JSX.Element;
+declare const videoWidgetPropertySchema: WidgetPropertySchema;
+
+declare const widgetPropertySchemas: {
+    AlertWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    CalendarWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    CarouselWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    CatchUpWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    ChartWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    ContainerWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    EmbedWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    ImageWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    LayoutWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    ListWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    MySiteWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    NestedWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    QuickShareWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    RecentActivityWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    SpacerWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    TableWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    TextWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    ToDoWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+    VideoWidget: () => Promise<_fluid_app_rep_core_registries.WidgetPropertySchema>;
+};
+
+export { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas };