@fluid-app/portal-widgets 0.1.17

package/dist/widgets/index.mjs

@@ -0,0 +1,46 @@
+import { t as gapValues } from "../fields-wPOk-SmZ.mjs";
+import { r as textWidgetPropertySchema, t as TextWidget } from "../TextWidget-CL2H3vei.mjs";
+import { r as alertWidgetPropertySchema, t as AlertWidget } from "../AlertWidget-Dy6pBmXm.mjs";
+import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "../CalendarWidget-DAHnT9Wn.mjs";
+import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "../CarouselWidget-BJvLjY7H.mjs";
+import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "../CatchUpWidget-vEP5scfy.mjs";
+import { r as chartWidgetPropertySchema, t as ChartWidget } from "../ChartWidget-B3GcdLqH.mjs";
+import { r as layoutWidgetPropertySchema, t as LayoutWidget } from "../LayoutWidget-BEi0yFpz.mjs";
+import { r as containerWidgetPropertySchema, t as ContainerWidget } from "../ContainerWidget-B-4hcPKJ.mjs";
+import { r as embedWidgetPropertySchema, t as EmbedWidget } from "../EmbedWidget-ChLVA_9a.mjs";
+import { r as imageWidgetPropertySchema, t as ImageWidget } from "../ImageWidget-DMubcgat.mjs";
+import { r as listWidgetPropertySchema, t as ListWidget } from "../ListWidget-C-jcsCb4.mjs";
+import { r as mySiteWidgetPropertySchema, t as MySiteWidget } from "../MySiteWidget-DariqlfU.mjs";
+import { r as nestedWidgetPropertySchema, t as NestedWidget } from "../NestedWidget-CNkwGwhM.mjs";
+import { r as quickShareWidgetPropertySchema, t as QuickShareWidget } from "../QuickShareWidget-DXq5lcDn.mjs";
+import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "../RecentActivityWidget-BvncOdax.mjs";
+import { r as spacerWidgetPropertySchema, t as SpacerWidget } from "../SpacerWidget-DHGoW6eu.mjs";
+import { r as tableWidgetPropertySchema, t as TableWidget } from "../TableWidget--yLJTqoW.mjs";
+import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "../ToDoWidget-D8YIsl7y.mjs";
+import { r as videoWidgetPropertySchema, t as VideoWidget } from "../VideoWidget-D6C_jHOF.mjs";
+//#region src/widgets/index.ts
+const widgetPropertySchemas = {
+	AlertWidget: () => import("../AlertWidget-Dy6pBmXm.mjs").then((n) => n.n).then((m) => m.alertWidgetPropertySchema),
+	CalendarWidget: () => import("../CalendarWidget-DAHnT9Wn.mjs").then((n) => n.n).then((m) => m.calendarWidgetPropertySchema),
+	CarouselWidget: () => import("../CarouselWidget-BJvLjY7H.mjs").then((n) => n.n).then((m) => m.carouselWidgetPropertySchema),
+	CatchUpWidget: () => import("../CatchUpWidget-vEP5scfy.mjs").then((n) => n.n).then((m) => m.catchUpWidgetPropertySchema),
+	ChartWidget: () => import("../ChartWidget-B3GcdLqH.mjs").then((n) => n.n).then((m) => m.chartWidgetPropertySchema),
+	ContainerWidget: () => import("../ContainerWidget-B-4hcPKJ.mjs").then((n) => n.n).then((m) => m.containerWidgetPropertySchema),
+	EmbedWidget: () => import("../EmbedWidget-ChLVA_9a.mjs").then((n) => n.n).then((m) => m.embedWidgetPropertySchema),
+	ImageWidget: () => import("../ImageWidget-DMubcgat.mjs").then((n) => n.n).then((m) => m.imageWidgetPropertySchema),
+	LayoutWidget: () => import("../LayoutWidget-BEi0yFpz.mjs").then((n) => n.n).then((m) => m.layoutWidgetPropertySchema),
+	ListWidget: () => import("../ListWidget-C-jcsCb4.mjs").then((n) => n.n).then((m) => m.listWidgetPropertySchema),
+	MySiteWidget: () => import("../MySiteWidget-DariqlfU.mjs").then((n) => n.n).then((m) => m.mySiteWidgetPropertySchema),
+	NestedWidget: () => import("../NestedWidget-CNkwGwhM.mjs").then((n) => n.n).then((m) => m.nestedWidgetPropertySchema),
+	QuickShareWidget: () => import("../QuickShareWidget-DXq5lcDn.mjs").then((n) => n.n).then((m) => m.quickShareWidgetPropertySchema),
+	RecentActivityWidget: () => import("../RecentActivityWidget-BvncOdax.mjs").then((n) => n.n).then((m) => m.recentActivityWidgetPropertySchema),
+	SpacerWidget: () => import("../SpacerWidget-DHGoW6eu.mjs").then((n) => n.n).then((m) => m.spacerWidgetPropertySchema),
+	TableWidget: () => import("../TableWidget--yLJTqoW.mjs").then((n) => n.n).then((m) => m.tableWidgetPropertySchema),
+	TextWidget: () => import("../TextWidget-CL2H3vei.mjs").then((n) => n.n).then((m) => m.textWidgetPropertySchema),
+	ToDoWidget: () => import("../ToDoWidget-D8YIsl7y.mjs").then((n) => n.n).then((m) => m.toDoWidgetPropertySchema),
+	VideoWidget: () => import("../VideoWidget-D6C_jHOF.mjs").then((n) => n.n).then((m) => m.videoWidgetPropertySchema)
+};
+//#endregion
+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, gapValues, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas };
+
+//# sourceMappingURL=index.mjs.map

package/dist/widgets/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/widgets/index.ts"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\n\n// 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: (): Promise<WidgetPropertySchema> =>\n    import(\"./AlertWidget\").then((m) => m.alertWidgetPropertySchema),\n  CalendarWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./CalendarWidget\").then((m) => m.calendarWidgetPropertySchema),\n  CarouselWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./CarouselWidget\").then((m) => m.carouselWidgetPropertySchema),\n  CatchUpWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./CatchUpWidget\").then((m) => m.catchUpWidgetPropertySchema),\n  ChartWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./ChartWidget\").then((m) => m.chartWidgetPropertySchema),\n  ContainerWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./ContainerWidget\").then((m) => m.containerWidgetPropertySchema),\n  EmbedWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./EmbedWidget\").then((m) => m.embedWidgetPropertySchema),\n  ImageWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./ImageWidget\").then((m) => m.imageWidgetPropertySchema),\n  LayoutWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./LayoutWidget\").then((m) => m.layoutWidgetPropertySchema),\n  ListWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./ListWidget\").then((m) => m.listWidgetPropertySchema),\n  MySiteWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./MySiteWidget\").then((m) => m.mySiteWidgetPropertySchema),\n  NestedWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./NestedWidget\").then((m) => m.nestedWidgetPropertySchema),\n  QuickShareWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./QuickShareWidget\").then((m) => m.quickShareWidgetPropertySchema),\n  RecentActivityWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./RecentActivityWidget\").then(\n      (m) => m.recentActivityWidgetPropertySchema,\n    ),\n  SpacerWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./SpacerWidget\").then((m) => m.spacerWidgetPropertySchema),\n  TableWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./TableWidget\").then((m) => m.tableWidgetPropertySchema),\n  TextWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./TextWidget\").then((m) => m.textWidgetPropertySchema),\n  ToDoWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./ToDoWidget\").then((m) => m.toDoWidgetPropertySchema),\n  VideoWidget: (): Promise<WidgetPropertySchema> =>\n    import(\"./VideoWidget\").then((m) => m.videoWidgetPropertySchema),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,wBAAwB;CACnC,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CAClE,sBACE,OAAO,kCAAA,MAAA,MAAA,EAAA,EAAA,CAAoB,MAAM,MAAM,EAAE,6BAA6B;CACxE,sBACE,OAAO,kCAAA,MAAA,MAAA,EAAA,EAAA,CAAoB,MAAM,MAAM,EAAE,6BAA6B;CACxE,qBACE,OAAO,iCAAA,MAAA,MAAA,EAAA,EAAA,CAAmB,MAAM,MAAM,EAAE,4BAA4B;CACtE,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CAClE,uBACE,OAAO,mCAAA,MAAA,MAAA,EAAA,EAAA,CAAqB,MAAM,MAAM,EAAE,8BAA8B;CAC1E,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CAClE,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CAClE,oBACE,OAAO,gCAAA,MAAA,MAAA,EAAA,EAAA,CAAkB,MAAM,MAAM,EAAE,2BAA2B;CACpE,kBACE,OAAO,8BAAA,MAAA,MAAA,EAAA,EAAA,CAAgB,MAAM,MAAM,EAAE,yBAAyB;CAChE,oBACE,OAAO,gCAAA,MAAA,MAAA,EAAA,EAAA,CAAkB,MAAM,MAAM,EAAE,2BAA2B;CACpE,oBACE,OAAO,gCAAA,MAAA,MAAA,EAAA,EAAA,CAAkB,MAAM,MAAM,EAAE,2BAA2B;CACpE,wBACE,OAAO,oCAAA,MAAA,MAAA,EAAA,EAAA,CAAsB,MAAM,MAAM,EAAE,+BAA+B;CAC5E,4BACE,OAAO,wCAAA,MAAA,MAAA,EAAA,EAAA,CAA0B,MAC9B,MAAM,EAAE,mCACV;CACH,oBACE,OAAO,gCAAA,MAAA,MAAA,EAAA,EAAA,CAAkB,MAAM,MAAM,EAAE,2BAA2B;CACpE,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CAClE,kBACE,OAAO,8BAAA,MAAA,MAAA,EAAA,EAAA,CAAgB,MAAM,MAAM,EAAE,yBAAyB;CAChE,kBACE,OAAO,8BAAA,MAAA,MAAA,EAAA,EAAA,CAAgB,MAAM,MAAM,EAAE,yBAAyB;CAChE,mBACE,OAAO,+BAAA,MAAA,MAAA,EAAA,EAAA,CAAiB,MAAM,MAAM,EAAE,0BAA0B;CACnE"}

package/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "@fluid-app/portal-widgets",
+  "version": "0.1.17",
+  "description": "Widget components for the Fluid portal platform",
+  "files": [
+    "dist",
+    "src/styles",
+    "tailwind.config.ts"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    "./globals.css": "./src/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"
+      }
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/pro-regular-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.2.6",
+    "embla-carousel-react": "^8.6.0",
+    "qrcode.react": "^4.2.0",
+    "recharts": "^2.15.4",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^4.1.8",
+    "tw-animate-css": "^1.4.0",
+    "@fluid-app/portal-core": "0.1.16",
+    "@fluid-app/ui-primitives": "0.1.9"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.90.11",
+    "@types/react": "^19.2.13",
+    "react": "^19.2.4",
+    "tsdown": "^0.21.0",
+    "typescript": "^5",
+    "@fluid-app/typescript-config": "0.0.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "react": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "typecheck": "tsgo --noEmit"
+  }
+}

package/src/styles/globals.css

@@ -0,0 +1,23 @@
+@import "tailwindcss";
+@import "@fluid-app/portal-core/globals.css";
+@import "@fluid-app/ui-primitives/styles/ui-primitives.css";
+@config "../../tailwind.config.ts";
+@source "../**/*.{ts,tsx}";
+/* prettier-ignore */
+@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";

package/src/styles/index.ts

@@ -0,0 +1 @@
+// Widget styles have been removed - widgets now use Tailwind classes directly

package/tailwind.config.ts

@@ -0,0 +1,61 @@
+import type { Config } from "tailwindcss";
+
+const semanticColors = [
+  "background",
+  "foreground",
+  "primary",
+  "primary-foreground",
+  "secondary",
+  "secondary-foreground",
+  "accent",
+  "accent-foreground",
+  "muted",
+  "muted-foreground",
+  "destructive",
+  "destructive-foreground",
+] as const;
+const shades = [100, 200, 300, 400, 500, 600, 700, 800, 900] as const;
+
+/**
+ * In order for Tailwind to generate our utilities properly, we need to generate a record of color palettes for each semantic color
+ * This is because we generate the color variables at runtime using CSS variables, so Tailwind doesn't know about them
+ *
+ * @returns A record of color palettes for each semantic color
+ */
+function generateColorPalette() {
+  const colors: Record<string, Record<string | number, string>> = {};
+
+  for (const color of semanticColors) {
+    colors[color] = {
+      DEFAULT: `var(--color-${color})`,
+    };
+    for (const shade of shades) {
+      colors[color][shade] = `var(--color-${color}-${shade})`;
+    }
+  }
+
+  return colors;
+}
+
+export default {
+  theme: {
+    extend: {
+      colors: {
+        ...generateColorPalette(),
+        border: "var(--color-border)",
+        input: "var(--color-border)",
+        ring: "var(--color-primary)",
+        sidebar: {
+          DEFAULT: "var(--sidebar)",
+          foreground: "var(--sidebar-foreground)",
+          primary: "var(--sidebar-primary)",
+          "primary-foreground": "var(--sidebar-primary-foreground)",
+          accent: "var(--sidebar-accent)",
+          "accent-foreground": "var(--sidebar-accent-foreground)",
+          border: "var(--sidebar-border)",
+          ring: "var(--sidebar-ring)",
+        },
+      },
+    },
+  },
+} satisfies Config;