@fluid-app/rep-widgets 0.1.0

package/dist/VideoWidget-YLRKZ27S.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkNNJDJNSY_cjs = require('./chunk-NNJDJNSY.cjs');
+require('./chunk-MKUJOEAC.cjs');
+
+
+
+Object.defineProperty(exports, "VideoWidget", {
+  enumerable: true,
+  get: function () { return chunkNNJDJNSY_cjs.VideoWidget; }
+});
+Object.defineProperty(exports, "videoWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkNNJDJNSY_cjs.videoWidgetPropertySchema; }
+});
+//# sourceMappingURL=VideoWidget-YLRKZ27S.cjs.map
+//# sourceMappingURL=VideoWidget-YLRKZ27S.cjs.map

package/dist/VideoWidget-YLRKZ27S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"VideoWidget-YLRKZ27S.cjs"}

package/dist/chunk-2KQFMF6L.js

@@ -0,0 +1,413 @@
+import { ErrorState } from './chunk-GRFCSQ2M.js';
+import { getFontSizeField, getColorField, getPaddingField, getBorderRadiusField } from './chunk-ZS7C474P.js';
+import { useState, useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { useDataSourceConfig } from '@fluid-app/rep-core/data-sources/context';
+import { ChevronLeft, ChevronRight, ChevronsDown, ChevronsUp } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var calendarEventKeys = {
+  all: ["calendar-events"],
+  list: () => [...calendarEventKeys.all, "list"]
+};
+function useCalendarEvents() {
+  const { baseUrl, getApiHeaders } = useDataSourceConfig();
+  return useQuery({
+    queryKey: calendarEventKeys.list(),
+    queryFn: async ({ signal }) => {
+      const url = baseUrl ? `${baseUrl}/company/events?status=active` : "/company/events?status=active";
+      const response = await fetch(url, {
+        headers: {
+          "content-type": "application/json",
+          ...getApiHeaders?.()
+        },
+        signal
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch calendar events: ${response.status}`);
+      }
+      return response.json();
+    }
+  });
+}
+var getDaysInMonth = (year, month) => {
+  return new Date(year, month + 1, 0).getDate();
+};
+var getFirstDayOfMonth = (year, month) => {
+  return new Date(year, month, 1).getDay();
+};
+var generateMonthGrid = (year, month) => {
+  const daysInMonth = getDaysInMonth(year, month);
+  const firstDay = getFirstDayOfMonth(year, month);
+  const today = /* @__PURE__ */ new Date();
+  const days = [];
+  for (let i = 0; i < firstDay; i++) {
+    days.push({ date: null, isToday: false, isCurrentMonth: false });
+  }
+  for (let day = 1; day <= daysInMonth; day++) {
+    const date = new Date(year, month, day);
+    const isToday = date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear();
+    days.push({ date, isToday, isCurrentMonth: true });
+  }
+  return days;
+};
+var generateWeekGrid = () => {
+  const today = /* @__PURE__ */ new Date();
+  const currentDay = today.getDay();
+  const days = [];
+  for (let i = 0; i < 7; i++) {
+    const date = new Date(today);
+    date.setDate(today.getDate() - currentDay + i);
+    days.push({
+      date,
+      isToday: date.toDateString() === today.toDateString()
+    });
+  }
+  return days;
+};
+var getEventsForDate = (date, events) => {
+  const dayStart = new Date(date);
+  dayStart.setHours(0, 0, 0, 0);
+  const dayEnd = new Date(date);
+  dayEnd.setHours(23, 59, 59, 999);
+  return events.filter((event) => {
+    const eventStart = new Date(event.start);
+    const eventEnd = new Date(event.end);
+    return eventStart <= dayEnd && eventEnd >= dayStart;
+  });
+};
+var hasEventsOnDate = (date, events) => {
+  if (!date) return false;
+  return getEventsForDate(date, events).length > 0;
+};
+var EventItem = ({
+  title,
+  start,
+  end,
+  color,
+  isAllDay,
+  accentColor
+}) => {
+  const startTime = new Date(start).toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  const endTime = new Date(end).toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-x-2", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-0.5 shrink-0 rounded-full",
+        style: { backgroundColor: color || accentColor }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs opacity-60", children: isAllDay ? "All day" : `${startTime} - ${endTime}` })
+    ] })
+  ] });
+};
+var dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function DayButton({
+  date,
+  isToday,
+  isSelected,
+  hasEvents,
+  accentColor,
+  onClick,
+  extraClassName = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick,
+      className: `relative flex aspect-square items-center justify-center rounded-full text-sm transition-colors ${isSelected ? `bg-${accentColor} text-${accentColor}-foreground` : isToday ? `bg-${accentColor}/30 text-${accentColor}-foreground hover:bg-${accentColor}/50` : `hover:bg-${accentColor}/50 hover:text-${accentColor}-foreground`} ${extraClassName}`,
+      children: [
+        date.getDate(),
+        hasEvents && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `absolute bottom-1 h-1 w-1 rounded-full bg-${accentColor}`
+          }
+        )
+      ]
+    }
+  );
+}
+function CalendarWidget({
+  // Title defaults
+  titleEnabled = true,
+  titleText = "Calendar",
+  titleFontSize = "xl",
+  titleColor = "foreground",
+  // Styling defaults
+  background = {
+    type: "solid",
+    color: "background"
+  },
+  textColor = "foreground",
+  accentColor = "primary",
+  padding = 4,
+  borderRadius = "md",
+  className,
+  ...props
+}) {
+  const backgroundColor = background.color || "background";
+  const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
+  const today = /* @__PURE__ */ new Date();
+  const [currentMonth, setCurrentMonth] = useState(today.getMonth());
+  const [currentYear, setCurrentYear] = useState(today.getFullYear());
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(today);
+  const { data: events = [], isLoading, isError } = useCalendarEvents();
+  const monthGrid = useMemo(
+    () => generateMonthGrid(currentYear, currentMonth),
+    [currentYear, currentMonth]
+  );
+  const weekGrid = useMemo(() => generateWeekGrid(), []);
+  const selectedDateEvents = useMemo(() => {
+    if (!selectedDate) return [];
+    return getEventsForDate(selectedDate, events);
+  }, [selectedDate, events]);
+  const goToPrevMonth = () => {
+    if (currentMonth === 0) {
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    } else {
+      setCurrentMonth(currentMonth - 1);
+    }
+  };
+  const goToNextMonth = () => {
+    if (currentMonth === 11) {
+      setCurrentMonth(0);
+      setCurrentYear(currentYear + 1);
+    } else {
+      setCurrentMonth(currentMonth + 1);
+    }
+  };
+  const monthYearLabel = new Date(currentYear, currentMonth).toLocaleString(
+    "en-US",
+    {
+      month: "long",
+      year: "numeric"
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${className}`,
+      style: { backgroundImage },
+      ...props,
+      children: [
+        titleEnabled && titleText && /* @__PURE__ */ jsx("div", { className: `p-${padding} pb-0`, children: /* @__PURE__ */ jsx("h2", { className: `text-${titleFontSize} font-bold text-${titleColor}`, children: titleText }) }),
+        isLoading ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `flex min-h-[300px] items-center justify-center p-${padding}`,
+            children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent" })
+          }
+        ) : isError ? (
+          /* Error state */
+          /* @__PURE__ */ jsx(ErrorState, {})
+        ) : /* @__PURE__ */ jsx("div", { className: `p-${padding}`, children: /* @__PURE__ */ jsxs("div", { className: "@md:flex @md:gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "@md:flex-none", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: goToPrevMonth,
+                  className: "rounded-full p-1 hover:bg-foreground/10",
+                  "aria-label": "Previous month",
+                  children: /* @__PURE__ */ jsx(ChevronLeft, {})
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-base font-semibold", children: monthYearLabel }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: goToNextMonth,
+                  className: "rounded-full p-1 hover:bg-foreground/10",
+                  "aria-label": "Next month",
+                  children: /* @__PURE__ */ jsx(ChevronRight, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mb-2 grid grid-cols-7 gap-1 text-center", children: dayNames.map((day, idx) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-xs font-medium uppercase opacity-60",
+                children: day
+              },
+              idx
+            )) }),
+            isCollapsed && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 @md:hidden", children: weekGrid.map(({ date, isToday }, idx) => /* @__PURE__ */ jsx(
+              DayButton,
+              {
+                date,
+                isToday,
+                isSelected: selectedDate?.toDateString() === date.toDateString(),
+                hasEvents: hasEventsOnDate(date, events),
+                accentColor,
+                onClick: () => setSelectedDate(date)
+              },
+              idx
+            )) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `grid grid-cols-7 gap-1 ${isCollapsed ? "hidden @md:grid" : "grid"}`,
+                children: monthGrid.map((day, idx) => {
+                  if (!day.date) {
+                    return /* @__PURE__ */ jsx("div", { className: "aspect-square" }, idx);
+                  }
+                  return /* @__PURE__ */ jsx(
+                    DayButton,
+                    {
+                      date: day.date,
+                      isToday: day.isToday,
+                      isSelected: selectedDate?.toDateString() === day.date.toDateString(),
+                      hasEvents: hasEventsOnDate(day.date, events),
+                      accentColor,
+                      onClick: () => setSelectedDate(day.date),
+                      extraClassName: "p-2 @md:m-3"
+                    },
+                    idx
+                  );
+                })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setIsCollapsed(!isCollapsed),
+                className: `ml-2 flex w-full items-center justify-center gap-3 rounded-full p-1 text-${textColor}/50 @md:hidden`,
+                "aria-label": isCollapsed ? "Expand calendar" : "Collapse calendar",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: `h-1 w-1/2 bg-${textColor}/50` }),
+                  isCollapsed ? /* @__PURE__ */ jsx(ChevronsDown, {}) : /* @__PURE__ */ jsx(ChevronsUp, {}),
+                  /* @__PURE__ */ jsx("div", { className: `h-1 w-1/2 bg-${textColor}/50` })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-4 border-muted pt-4 @md:mt-0 @md:w-56 @md:border-l @md:pt-0 @md:pl-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium opacity-60", children: selectedDate ? selectedDate.toLocaleDateString("en-US", {
+              weekday: "long",
+              month: "short",
+              day: "numeric"
+            }) : "Select a date" }),
+            selectedDateEvents.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: selectedDateEvents.map((event, idx) => /* @__PURE__ */ jsx(
+              EventItem,
+              {
+                ...event,
+                accentColor: `var(--${accentColor})`
+              },
+              `${event.id}-${idx}`
+            )) }) : /* @__PURE__ */ jsx("div", { className: "text-sm opacity-50", children: "No events" })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+var calendarWidgetPropertySchema = {
+  widgetType: "CalendarWidget",
+  displayName: "Calendar Widget",
+  tabsConfig: [{ id: "styling", label: "Styling" }],
+  fields: [
+    // Styling Tab - Title Group
+    {
+      key: "titleEnabled",
+      label: "Widget Title",
+      type: "boolean",
+      description: "Enable the title displayed above the calendar",
+      defaultValue: true,
+      tab: "styling",
+      group: "Title"
+    },
+    {
+      key: "titleText",
+      label: "Title",
+      type: "text",
+      description: "Title text displayed above the calendar",
+      defaultValue: "Calendar",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    },
+    getFontSizeField({
+      key: "titleFontSize",
+      label: "Title Font Size",
+      description: "Font size for the widget title",
+      defaultValue: "xl",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    getColorField({
+      key: "titleColor",
+      label: "Title Color",
+      description: "Color for the widget title",
+      defaultValue: "foreground",
+      tab: "styling",
+      group: "Title",
+      requiresKeyToBeTrue: "titleEnabled"
+    }),
+    // Styling Tab - Design Group
+    {
+      type: "background",
+      key: "background",
+      label: "Background",
+      description: "Background for the calendar container",
+      defaultValue: "background",
+      tab: "styling",
+      group: "Design"
+    },
+    getColorField({
+      key: "textColor",
+      label: "Text Color",
+      description: "Default text color for calendar content",
+      defaultValue: "foreground",
+      tab: "styling",
+      group: "Design"
+    }),
+    getColorField({
+      key: "accentColor",
+      label: "Accent Color",
+      description: "Color used for today highlight and event indicators",
+      defaultValue: "primary",
+      tab: "styling",
+      group: "Design"
+    }),
+    {
+      key: "separator",
+      type: "separator",
+      label: "Separator",
+      tab: "styling",
+      group: "Design"
+    },
+    getPaddingField({
+      key: "padding",
+      label: "Padding",
+      description: "Padding around the calendar container",
+      defaultValue: 4,
+      tab: "styling",
+      group: "Design"
+    }),
+    getBorderRadiusField({
+      key: "borderRadius",
+      label: "Border Radius",
+      description: "Border radius for the calendar container",
+      defaultValue: "md",
+      tab: "styling",
+      group: "Design"
+    })
+  ]
+};
+
+export { CalendarWidget, calendarWidgetPropertySchema };
+//# sourceMappingURL=chunk-2KQFMF6L.js.map
+//# sourceMappingURL=chunk-2KQFMF6L.js.map

package/dist/chunk-2KQFMF6L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-calendar-events.ts","../src/widgets/CalendarWidget.tsx"],"names":[],"mappings":"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","file":"chunk-2KQFMF6L.js","sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport { useDataSourceConfig } from \"@fluid-app/rep-core/data-sources/context\";\n\n// Query key factory\nexport const calendarEventKeys = {\n  all: [\"calendar-events\"] as const,\n  list: () => [...calendarEventKeys.all, \"list\"] as const,\n};\n\n// API types\nexport type CalendarEvent = {\n  id: number;\n  title: string;\n  description?: {\n    id?: number | null;\n    name?: string | null;\n    body?: string | null;\n    record_type?: string | null;\n    record_id?: number | null;\n    created_at?: string | null;\n    updated_at?: string | null;\n    locale?: string | null;\n  } | null;\n  color?: string | null;\n  url?: string | null;\n  start: string;\n  end: string;\n  active?: boolean | null;\n  time_zone?: string | null;\n  status?: string | null;\n  image_url?: string | null;\n  images?: unknown[] | null;\n  venue?: string | null;\n  countries?: string[] | null;\n  hasTomorrow?: boolean | null;\n  hasYesterday?: boolean | null;\n  isAllDay?: boolean | null;\n};\n\nexport function useCalendarEvents() {\n  const { baseUrl, getApiHeaders } = useDataSourceConfig();\n\n  return useQuery({\n    queryKey: calendarEventKeys.list(),\n    queryFn: async ({ signal }): Promise<CalendarEvent[]> => {\n      const url = baseUrl\n        ? `${baseUrl}/company/events?status=active`\n        : \"/company/events?status=active\";\n      const response = await fetch(url, {\n        headers: {\n          \"content-type\": \"application/json\",\n          ...getApiHeaders?.(),\n        },\n        signal,\n      });\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch calendar events: ${response.status}`);\n      }\n\n      return response.json();\n    },\n  });\n}\n","import { useState, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/rep-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport {\n  useCalendarEvents,\n  type CalendarEvent,\n} from \"../hooks/use-calendar-events\";\nimport { ErrorState } from \"../components/error-state\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsDown,\n  ChevronsUp,\n} from \"lucide-react\";\n\n// Utility to get days in a month\nconst getDaysInMonth = (year: number, month: number) => {\n  return new Date(year, month + 1, 0).getDate();\n};\n\n// Utility to get the first day of month (0 = Sunday, 1 = Monday, etc.)\nconst getFirstDayOfMonth = (year: number, month: number) => {\n  return new Date(year, month, 1).getDay();\n};\n\n// Generate calendar grid for a month\nconst generateMonthGrid = (year: number, month: number) => {\n  const daysInMonth = getDaysInMonth(year, month);\n  const firstDay = getFirstDayOfMonth(year, month);\n  const today = new Date();\n\n  const days: Array<{\n    date: Date | null;\n    isToday: boolean;\n    isCurrentMonth: boolean;\n  }> = [];\n\n  // Add empty slots for days before the 1st\n  for (let i = 0; i < firstDay; i++) {\n    days.push({ date: null, isToday: false, isCurrentMonth: false });\n  }\n\n  // Add days of the month\n  for (let day = 1; day <= daysInMonth; day++) {\n    const date = new Date(year, month, day);\n    const isToday =\n      date.getDate() === today.getDate() &&\n      date.getMonth() === today.getMonth() &&\n      date.getFullYear() === today.getFullYear();\n    days.push({ date, isToday, isCurrentMonth: true });\n  }\n\n  return days;\n};\n\n// Generate week grid for current week\nconst generateWeekGrid = () => {\n  const today = new Date();\n  const currentDay = today.getDay();\n  const days: Array<{\n    date: Date;\n    isToday: boolean;\n  }> = [];\n\n  for (let i = 0; i < 7; i++) {\n    const date = new Date(today);\n    date.setDate(today.getDate() - currentDay + i);\n    days.push({\n      date,\n      isToday: date.toDateString() === today.toDateString(),\n    });\n  }\n\n  return days;\n};\n\n// Get events for a specific date\nconst getEventsForDate = (date: Date, events: CalendarEvent[]) => {\n  const dayStart = new Date(date);\n  dayStart.setHours(0, 0, 0, 0);\n  const dayEnd = new Date(date);\n  dayEnd.setHours(23, 59, 59, 999);\n\n  return events.filter((event) => {\n    const eventStart = new Date(event.start);\n    const eventEnd = new Date(event.end);\n    return eventStart <= dayEnd && eventEnd >= dayStart;\n  });\n};\n\n// Check if a date has events\nconst hasEventsOnDate = (date: Date | null, events: CalendarEvent[]) => {\n  if (!date) return false;\n  return getEventsForDate(date, events).length > 0;\n};\n\n// Event item component\nconst EventItem = ({\n  title,\n  start,\n  end,\n  color,\n  isAllDay,\n  accentColor,\n}: CalendarEvent & { accentColor?: string }) => {\n  const startTime = new Date(start).toLocaleTimeString(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  });\n  const endTime = new Date(end).toLocaleTimeString(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  });\n\n  return (\n    <div className=\"flex gap-x-2\">\n      <div\n        className=\"w-0.5 shrink-0 rounded-full\"\n        style={{ backgroundColor: color || accentColor }}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium\">{title}</div>\n        <div className=\"text-xs opacity-60\">\n          {isAllDay ? \"All day\" : `${startTime} - ${endTime}`}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst dayNames = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n\ntype DayButtonProps = {\n  date: Date;\n  isToday: boolean;\n  isSelected: boolean;\n  hasEvents: boolean;\n  accentColor: string;\n  onClick: () => void;\n  extraClassName?: string;\n};\n\nfunction DayButton({\n  date,\n  isToday,\n  isSelected,\n  hasEvents,\n  accentColor,\n  onClick,\n  extraClassName = \"\",\n}: DayButtonProps) {\n  return (\n    <button\n      onClick={onClick}\n      className={`relative flex aspect-square items-center justify-center rounded-full text-sm transition-colors ${\n        isSelected\n          ? `bg-${accentColor} text-${accentColor}-foreground`\n          : isToday\n            ? `bg-${accentColor}/30 text-${accentColor}-foreground hover:bg-${accentColor}/50`\n            : `hover:bg-${accentColor}/50 hover:text-${accentColor}-foreground`\n      } ${extraClassName}`}\n    >\n      {date.getDate()}\n      {hasEvents && (\n        <div\n          className={`absolute bottom-1 h-1 w-1 rounded-full bg-${accentColor}`}\n        />\n      )}\n    </button>\n  );\n}\n\ntype CalendarWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function CalendarWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"Calendar\",\n  titleFontSize = \"xl\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n\n  className,\n  ...props\n}: CalendarWidgetProps) {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const today = new Date();\n  const [currentMonth, setCurrentMonth] = useState(today.getMonth());\n  const [currentYear, setCurrentYear] = useState(today.getFullYear());\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [selectedDate, setSelectedDate] = useState<Date | null>(today);\n\n  const { data: events = [], isLoading, isError } = useCalendarEvents();\n\n  // Generate calendar grids\n  const monthGrid = useMemo(\n    () => generateMonthGrid(currentYear, currentMonth),\n    [currentYear, currentMonth],\n  );\n  const weekGrid = useMemo(() => generateWeekGrid(), []);\n\n  // Get events for selected date\n  const selectedDateEvents = useMemo(() => {\n    if (!selectedDate) return [];\n    return getEventsForDate(selectedDate, events);\n  }, [selectedDate, events]);\n\n  // Navigation handlers\n  const goToPrevMonth = () => {\n    if (currentMonth === 0) {\n      setCurrentMonth(11);\n      setCurrentYear(currentYear - 1);\n    } else {\n      setCurrentMonth(currentMonth - 1);\n    }\n  };\n\n  const goToNextMonth = () => {\n    if (currentMonth === 11) {\n      setCurrentMonth(0);\n      setCurrentYear(currentYear + 1);\n    } else {\n      setCurrentMonth(currentMonth + 1);\n    }\n  };\n\n  const monthYearLabel = new Date(currentYear, currentMonth).toLocaleString(\n    \"en-US\",\n    {\n      month: \"long\",\n      year: \"numeric\",\n    },\n  );\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Title */}\n      {titleEnabled && titleText && (\n        <div className={`p-${padding} pb-0`}>\n          <h2 className={`text-${titleFontSize} font-bold text-${titleColor}`}>\n            {titleText}\n          </h2>\n        </div>\n      )}\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div\n          className={`flex min-h-[300px] items-center justify-center p-${padding}`}\n        >\n          <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : (\n        <div className={`p-${padding}`}>\n          {/* Desktop: Side by side layout */}\n          <div className=\"@md:flex @md:gap-6\">\n            {/* Calendar Section */}\n            <div className=\"@md:flex-none\">\n              {/* Month/Year Header with Navigation */}\n              <div className=\"mb-4 flex items-center justify-between\">\n                <button\n                  onClick={goToPrevMonth}\n                  className=\"rounded-full p-1 hover:bg-foreground/10\"\n                  aria-label=\"Previous month\"\n                >\n                  <ChevronLeft />\n                </button>\n\n                <span className=\"text-base font-semibold\">\n                  {monthYearLabel}\n                </span>\n\n                <button\n                  onClick={goToNextMonth}\n                  className=\"rounded-full p-1 hover:bg-foreground/10\"\n                  aria-label=\"Next month\"\n                >\n                  <ChevronRight />\n                </button>\n              </div>\n\n              {/* Day Headers */}\n              <div className=\"mb-2 grid grid-cols-7 gap-1 text-center\">\n                {dayNames.map((day, idx) => (\n                  <div\n                    key={idx}\n                    className=\"text-xs font-medium uppercase opacity-60\"\n                  >\n                    {day}\n                  </div>\n                ))}\n              </div>\n\n              {/* Calendar Grid - Week view on mobile when collapsed */}\n              {isCollapsed && (\n                <div className=\"grid grid-cols-7 gap-1 @md:hidden\">\n                  {weekGrid.map(({ date, isToday }, idx) => (\n                    <DayButton\n                      key={idx}\n                      date={date}\n                      isToday={isToday}\n                      isSelected={\n                        selectedDate?.toDateString() === date.toDateString()\n                      }\n                      hasEvents={hasEventsOnDate(date, events)}\n                      accentColor={accentColor}\n                      onClick={() => setSelectedDate(date)}\n                    />\n                  ))}\n                </div>\n              )}\n\n              {/* Month view (always on desktop, when not collapsed on mobile) */}\n              <div\n                className={`grid grid-cols-7 gap-1 ${isCollapsed ? \"hidden @md:grid\" : \"grid\"}`}\n              >\n                {monthGrid.map((day, idx) => {\n                  if (!day.date) {\n                    return <div key={idx} className=\"aspect-square\" />;\n                  }\n\n                  return (\n                    <DayButton\n                      key={idx}\n                      date={day.date}\n                      isToday={day.isToday}\n                      isSelected={\n                        selectedDate?.toDateString() === day.date.toDateString()\n                      }\n                      hasEvents={hasEventsOnDate(day.date, events)}\n                      accentColor={accentColor}\n                      onClick={() => setSelectedDate(day.date)}\n                      extraClassName=\"p-2 @md:m-3\"\n                    />\n                  );\n                })}\n              </div>\n\n              {/* Mobile collapse toggle */}\n              <button\n                onClick={() => setIsCollapsed(!isCollapsed)}\n                className={`ml-2 flex w-full items-center justify-center gap-3 rounded-full p-1 text-${textColor}/50 @md:hidden`}\n                aria-label={\n                  isCollapsed ? \"Expand calendar\" : \"Collapse calendar\"\n                }\n              >\n                <div className={`h-1 w-1/2 bg-${textColor}/50`} />\n                {isCollapsed ? <ChevronsDown /> : <ChevronsUp />}\n                <div className={`h-1 w-1/2 bg-${textColor}/50`} />\n              </button>\n            </div>\n\n            {/* Events Panel */}\n            <div className=\"mt-4 border-muted pt-4 @md:mt-0 @md:w-56 @md:border-l @md:pt-0 @md:pl-6\">\n              <div className=\"mb-2 text-sm font-medium opacity-60\">\n                {selectedDate\n                  ? selectedDate.toLocaleDateString(\"en-US\", {\n                      weekday: \"long\",\n                      month: \"short\",\n                      day: \"numeric\",\n                    })\n                  : \"Select a date\"}\n              </div>\n\n              {selectedDateEvents.length > 0 ? (\n                <div className=\"flex flex-col gap-3\">\n                  {selectedDateEvents.map((event, idx) => (\n                    <EventItem\n                      key={`${event.id}-${idx}`}\n                      {...event}\n                      accentColor={`var(--${accentColor})`}\n                    />\n                  ))}\n                </div>\n              ) : (\n                <div className=\"text-sm opacity-50\">No events</div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const calendarWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CalendarWidget\",\n  displayName: \"Calendar Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the calendar\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the calendar\",\n      defaultValue: \"Calendar\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the calendar container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for calendar content\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for today highlight and event indicators\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the calendar container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"]}

package/dist/chunk-3CUVGQQI.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/error-state.tsx
+function ErrorState() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[120px] flex-col items-center justify-center p-6 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: "Something Went Wrong" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Please contact a company admin for help" })
+  ] });
+}
+
+exports.ErrorState = ErrorState;
+//# sourceMappingURL=chunk-3CUVGQQI.cjs.map
+//# sourceMappingURL=chunk-3CUVGQQI.cjs.map

package/dist/chunk-3CUVGQQI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-state.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;AAAO,SAAS,UAAA,GAAa;AAC3B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,oBACzDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,yCAAA,EAE7C;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-3CUVGQQI.cjs","sourcesContent":["export function ErrorState() {\n  return (\n    <div className=\"flex min-h-[120px] flex-col items-center justify-center p-6 text-center\">\n      <p className=\"text-lg font-semibold\">Something Went Wrong</p>\n      <p className=\"text-sm text-muted-foreground\">\n        Please contact a company admin for help\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/chunk-3RV7AYQZ.js

@@ -0,0 +1,149 @@
+import { MediaRenderer } from './chunk-F63VY23B.js';
+import { getBorderRadiusField } from '@fluid-app/rep-core/registries';
+import { jsx } from 'react/jsx-runtime';
+
+function ImageWidget({
+  src = "",
+  alt = "",
+  borderRadius = "md",
+  verticalSizing = "auto",
+  fixedHeight = "200px",
+  displayFit = "cover",
+  focusPoint,
+  linkUrl,
+  resource,
+  useCustomUrl
+}) {
+  const effectiveSrc = useCustomUrl ? src : resource?.imageUrl ?? src;
+  const effectiveAlt = resource?.title ?? alt;
+  const isFixed = verticalSizing === "fixed";
+  const content = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `w-full rounded-${borderRadius} overflow-hidden`,
+      style: isFixed ? { height: fixedHeight } : void 0,
+      children: /* @__PURE__ */ jsx(
+        MediaRenderer,
+        {
+          mediaType: "image",
+          src: effectiveSrc,
+          alt: effectiveAlt,
+          objectFit: isFixed ? displayFit : "contain",
+          focusPoint: isFixed ? focusPoint : void 0
+        }
+      )
+    }
+  );
+  if (linkUrl) {
+    return /* @__PURE__ */ jsx("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", children: content });
+  }
+  return content;
+}
+var imageWidgetPropertySchema = {
+  widgetType: "ImageWidget",
+  displayName: "Image",
+  fields: [
+    // Content
+    {
+      key: "resource",
+      label: "Select Image",
+      type: "resource",
+      description: "Browse and select an image",
+      allowedTypes: ["Medium"],
+      group: "Content"
+    },
+    {
+      key: "useCustomUrl",
+      label: "Use Custom URL",
+      type: "boolean",
+      description: "Enter a custom image URL instead of selecting media",
+      defaultValue: false,
+      group: "Content"
+    },
+    {
+      key: "src",
+      label: "Image URL",
+      type: "text",
+      description: "The source URL of the image",
+      defaultValue: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&auto=format&fit=crop",
+      group: "Content",
+      requiresKeyToBeTrue: "useCustomUrl"
+    },
+    {
+      key: "alt",
+      label: "Alt Text",
+      type: "text",
+      description: "Alternative text for the image (for accessibility)",
+      defaultValue: "Placeholder image",
+      group: "Content"
+    },
+    // Design
+    getBorderRadiusField({
+      key: "borderRadius",
+      label: "Border Radius",
+      description: "Border radius for the container",
+      defaultValue: "md",
+      group: "Design"
+    }),
+    {
+      key: "verticalSizing",
+      label: "Vertical Sizing",
+      type: "buttonGroup",
+      description: "How the image height is determined",
+      options: [
+        { label: "Auto", value: "auto" },
+        { label: "Fixed", value: "fixed" }
+      ],
+      defaultValue: "auto",
+      group: "Design"
+    },
+    {
+      key: "fixedHeight",
+      label: "Height",
+      type: "slider",
+      description: "Fixed height of the image container in pixels",
+      min: 80,
+      max: 500,
+      step: 10,
+      defaultValue: 200,
+      unit: "px",
+      group: "Design",
+      requiresKeyValue: { key: "verticalSizing", value: "fixed" }
+    },
+    {
+      key: "displayFit",
+      label: "Display Fit",
+      type: "buttonGroup",
+      description: "How the image fills its container",
+      options: [
+        { label: "Cover", value: "cover" },
+        { label: "Contain", value: "contain" }
+      ],
+      defaultValue: "cover",
+      group: "Design",
+      requiresKeyValue: { key: "verticalSizing", value: "fixed" }
+    },
+    {
+      key: "focusPoint",
+      label: "Focus Point",
+      type: "contentPosition",
+      description: "The focal point of the image within its container",
+      defaultValue: "center",
+      group: "Design",
+      requiresKeyValue: { key: "verticalSizing", value: "fixed" }
+    },
+    // Link
+    {
+      key: "linkUrl",
+      label: "Link URL",
+      type: "text",
+      description: "Optional URL to wrap the image in a link",
+      defaultValue: "",
+      group: "Link"
+    }
+  ]
+};
+
+export { ImageWidget, imageWidgetPropertySchema };
+//# sourceMappingURL=chunk-3RV7AYQZ.js.map
+//# sourceMappingURL=chunk-3RV7AYQZ.js.map