@fluid-app/rep-widgets 0.1.0

package/dist/widgets/index.d.ts

@@ -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 };

package/dist/widgets/index.js

@@ -0,0 +1,59 @@
+export { MySiteWidget, mySiteWidgetPropertySchema } from '../chunk-W7VPL5I4.js';
+export { NestedWidget, nestedWidgetPropertySchema } from '../chunk-HQVTEFSO.js';
+export { QuickShareWidget, quickShareWidgetPropertySchema } from '../chunk-IU657MP5.js';
+export { RecentActivityWidget, recentActivityWidgetPropertySchema } from '../chunk-HBRGW3CJ.js';
+export { SpacerWidget, spacerWidgetPropertySchema } from '../chunk-SBHL3GFW.js';
+export { TableWidget, tableWidgetPropertySchema } from '../chunk-7XWMJDFE.js';
+export { ToDoWidget, toDoWidgetPropertySchema } from '../chunk-4XJCU4HY.js';
+export { VideoWidget, videoWidgetPropertySchema } from '../chunk-ZSUGXJWD.js';
+export { CarouselWidget, carouselWidgetPropertySchema } from '../chunk-NGYR4RQF.js';
+export { CatchUpWidget, catchUpWidgetPropertySchema } from '../chunk-VZFL5BZM.js';
+export { ChartWidget, chartWidgetPropertySchema } from '../chunk-CEZOXMO6.js';
+export { ContainerWidget, containerWidgetPropertySchema } from '../chunk-EHSWARYY.js';
+export { LayoutWidget, layoutWidgetPropertySchema } from '../chunk-MWED53XR.js';
+export { EmbedWidget, embedWidgetPropertySchema } from '../chunk-GA52TZC4.js';
+export { ImageWidget, imageWidgetPropertySchema } from '../chunk-3RV7AYQZ.js';
+export { ListWidget, listWidgetPropertySchema } from '../chunk-YY5WLV63.js';
+import '../chunk-RKDOQV4T.js';
+import '../chunk-F63VY23B.js';
+import '../chunk-ZWFK5UUU.js';
+import '../chunk-6GF46P3S.js';
+import '../chunk-IY3BNQ5Y.js';
+import '../chunk-NUG3DWF7.js';
+import '../chunk-DM2JDG3D.js';
+import '../chunk-7JIRJTGY.js';
+import '../chunk-5HHN5MRZ.js';
+export { AlertWidget, alertWidgetPropertySchema } from '../chunk-MNWWZGL2.js';
+export { TextWidget, textWidgetPropertySchema } from '../chunk-J2FIIZSN.js';
+export { CalendarWidget, calendarWidgetPropertySchema } from '../chunk-2KQFMF6L.js';
+import '../chunk-GRFCSQ2M.js';
+export { gapValues } from '../chunk-ZS7C474P.js';
+
+// src/widgets/index.ts
+var widgetPropertySchemas = {
+  AlertWidget: () => import('../AlertWidget-2JHMNYIY.js').then((m) => m.alertWidgetPropertySchema),
+  CalendarWidget: () => import('../CalendarWidget-E54LNKCG.js').then((m) => m.calendarWidgetPropertySchema),
+  CarouselWidget: () => import('../CarouselWidget-IPPFSXDZ.js').then((m) => m.carouselWidgetPropertySchema),
+  CatchUpWidget: () => import('../CatchUpWidget-HYJRKFN3.js').then((m) => m.catchUpWidgetPropertySchema),
+  ChartWidget: () => import('../ChartWidget-OL5DRMGA.js').then((m) => m.chartWidgetPropertySchema),
+  ContainerWidget: () => import('../ContainerWidget-DETCLP52.js').then((m) => m.containerWidgetPropertySchema),
+  EmbedWidget: () => import('../EmbedWidget-O2XFGDJS.js').then((m) => m.embedWidgetPropertySchema),
+  ImageWidget: () => import('../ImageWidget-RF6XKPPV.js').then((m) => m.imageWidgetPropertySchema),
+  LayoutWidget: () => import('../LayoutWidget-WZSMZLLM.js').then((m) => m.layoutWidgetPropertySchema),
+  ListWidget: () => import('../ListWidget-ZFRV6DKI.js').then((m) => m.listWidgetPropertySchema),
+  MySiteWidget: () => import('../MySiteWidget-75NJUIWV.js').then((m) => m.mySiteWidgetPropertySchema),
+  NestedWidget: () => import('../NestedWidget-N4I7LOVX.js').then((m) => m.nestedWidgetPropertySchema),
+  QuickShareWidget: () => import('../QuickShareWidget-3VGSFY4J.js').then((m) => m.quickShareWidgetPropertySchema),
+  RecentActivityWidget: () => import('../RecentActivityWidget-3KAR64SB.js').then(
+    (m) => m.recentActivityWidgetPropertySchema
+  ),
+  SpacerWidget: () => import('../SpacerWidget-ODKNZAND.js').then((m) => m.spacerWidgetPropertySchema),
+  TableWidget: () => import('../TableWidget-W6LL5FLE.js').then((m) => m.tableWidgetPropertySchema),
+  TextWidget: () => import('../TextWidget-D72TL53O.js').then((m) => m.textWidgetPropertySchema),
+  ToDoWidget: () => import('../ToDoWidget-LCAYWRVH.js').then((m) => m.toDoWidgetPropertySchema),
+  VideoWidget: () => import('../VideoWidget-VHAZTNLI.js').then((m) => m.videoWidgetPropertySchema)
+};
+
+export { widgetPropertySchemas };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/widgets/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAM,qBAAA,GAAwB;AAAA,EACnC,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,cAAA,EAAgB,MACd,OAAO,+BAAkB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,4BAA4B,CAAA;AAAA,EACvE,cAAA,EAAgB,MACd,OAAO,+BAAkB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,4BAA4B,CAAA;AAAA,EACvE,aAAA,EAAe,MACb,OAAO,8BAAiB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,2BAA2B,CAAA;AAAA,EACrE,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,eAAA,EAAiB,MACf,OAAO,gCAAmB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,6BAA6B,CAAA;AAAA,EACzE,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,YAAA,EAAc,MACZ,OAAO,6BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,UAAA,EAAY,MACV,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,YAAA,EAAc,MACZ,OAAO,6BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,YAAA,EAAc,MACZ,OAAO,6BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,gBAAA,EAAkB,MAChB,OAAO,iCAAoB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,8BAA8B,CAAA;AAAA,EAC3E,oBAAA,EAAsB,MACpB,OAAO,qCAAwB,CAAA,CAAE,IAAA;AAAA,IAC/B,CAAC,MAAM,CAAA,CAAE;AAAA,GACX;AAAA,EACF,YAAA,EAAc,MACZ,OAAO,6BAAgB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,0BAA0B,CAAA;AAAA,EACnE,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB,CAAA;AAAA,EACjE,UAAA,EAAY,MACV,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,UAAA,EAAY,MACV,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,wBAAwB,CAAA;AAAA,EAC/D,WAAA,EAAa,MACX,OAAO,4BAAe,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,yBAAyB;AACnE","file":"index.js","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/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@fluid-app/rep-widgets",
+  "version": "0.1.0",
+  "description": "Widget components for the Fluid rep platform",
+  "type": "module",
+  "exports": {
+    "./globals.css": "./styles/globals.css",
+    "./widgets": {
+      "import": {
+        "types": "./dist/widgets/index.d.ts",
+        "default": "./dist/widgets/index.js"
+      },
+      "require": {
+        "types": "./dist/widgets/index.d.cts",
+        "default": "./dist/widgets/index.cjs"
+      }
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core/index.d.ts",
+        "default": "./dist/core/index.js"
+      },
+      "require": {
+        "types": "./dist/core/index.d.cts",
+        "default": "./dist/core/index.cjs"
+      }
+    },
+    "./contexts": {
+      "import": {
+        "types": "./dist/contexts/index.d.ts",
+        "default": "./dist/contexts/index.js"
+      },
+      "require": {
+        "types": "./dist/contexts/index.d.cts",
+        "default": "./dist/contexts/index.cjs"
+      }
+    },
+    "./ui": {
+      "import": {
+        "types": "./dist/ui/index.d.ts",
+        "default": "./dist/ui/index.js"
+      },
+      "require": {
+        "types": "./dist/ui/index.d.cts",
+        "default": "./dist/ui/index.cjs"
+      }
+    },
+    "./components": {
+      "import": {
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.js"
+      },
+      "require": {
+        "types": "./dist/components/index.d.cts",
+        "default": "./dist/components/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "styles"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel-react": "^8.6.0",
+    "qrcode.react": "^4.2.0",
+    "recharts": "^2.15.4",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0",
+    "@fluid-app/rep-core": "0.1.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "lucide-react": ">=0.400.0",
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.90.11",
+    "@types/react": "^19.2.13",
+    "eslint": "^9.39.1",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "tsup": "^8.4.0",
+    "typescript": "^5",
+    "@fluid-app/eslint-config": "0.0.0",
+    "@fluid-app/typescript-config": "0.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/styles/globals.css

@@ -0,0 +1,20 @@
+@import "tailwindcss";
+@config "../tailwind.config.ts";
+@source "../src/**/*.{ts,tsx}";
+@source inline("{even:,placeholder:,hover:,}{bg,text,border}-{background,foreground,primary,secondary,accent,muted,destructive}{-foreground,}{-{100..900..100},}{/{10..100..10},}");
+@source inline("p{x,y,t,b,}-{0..10..2}");
+@source inline("text-{2xl,xl,lg,md,base,sm,xs}");
+@source inline("rounded-{none,sm,md,lg,xl,full}");
+@source inline("flex-{row,col,row-reverse,col-reverse}");
+@source inline("justify-{start,end,center,between,around,evenly}");
+@source inline("items-{start,end,center,stretch,baseline}");
+@source inline("grid-cols-{{1..12..1}}");
+@source inline("grid-rows-{auto,{1..12..1}}");
+@source inline("gap-{1,{0..8..2}}");
+@source inline("h-{2,4,8,16,24,32}");
+@source inline("object-{contain,cover,fill,none}");
+@source inline("aspect-{square,video}");
+@source inline("@md:grid-cols-{2,3}");
+@source inline("@md:grid-cols-[{1,2,3}fr_{1,2,3}fr]");
+@source inline("@md:grid-cols-[1fr_2fr_1fr]");
+@import "tw-animate-css";