@fluid-app/portal-sdk 0.1.45 → 0.1.46

package/dist/{VideoWidget-R5xG2Dt6.mjs → VideoWidget-BAxtPtq5.mjs}

@@ -1,18 +1,18 @@
 import { n as __exportAll } from "./chunk-CRV2RMSr.mjs";
 import { t as MediaRenderer } from "./MediaRenderer-CI67k-ti.mjs";
 import { jsx } from "react/jsx-runtime";
-import { getBorderRadiusField, getHeightField } from "@fluid-app/portal-core/registries";
+import { borderColorClasses, borderWidthClasses, getBorderColorField, getBorderRadiusField, getBorderWidthField, getHeightField } from "@fluid-app/portal-core/registries";
 //#region ../widgets/src/widgets/VideoWidget.tsx
 var VideoWidget_exports = /* @__PURE__ */ __exportAll({
 	VideoWidget: () => VideoWidget,
 	videoWidgetPropertySchema: () => videoWidgetPropertySchema
 });
-function VideoWidget({ src = "", poster = "", borderRadius = "md", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = false, resource, useCustomUrl }) {
+function VideoWidget({ src = "", poster = "", borderRadius = "md", borderWidth = "none", borderColor = "muted", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = false, resource, useCustomUrl }) {
 	const effectiveSrc = useCustomUrl ? src : resource?.videoUrl ?? src;
 	const effectivePoster = useCustomUrl ? poster : resource?.imageUrl ?? poster;
 	const isFixed = verticalSizing === "fixed";
 	return /* @__PURE__ */ jsx("div", {
-		className: `relative w-full overflow-hidden rounded-${borderRadius}`,
+		className: `relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? borderColorClasses[borderColor] : ""}`,
 		style: isFixed ? { height: fixedHeight } : void 0,
 		children: /* @__PURE__ */ jsx(MediaRenderer, {
 			mediaType: "video",
@@ -84,6 +84,22 @@ const videoWidgetPropertySchema = {
 			tab: "styling",
 			group: "Design"
 		}),
+		getBorderWidthField({
+			key: "borderWidth",
+			label: "Border Width",
+			description: "Border width for the widget",
+			defaultValue: "none",
+			tab: "styling",
+			group: "Design"
+		}),
+		getBorderColorField({
+			key: "borderColor",
+			label: "Border Color",
+			description: "Border color for the widget",
+			defaultValue: "muted",
+			tab: "styling",
+			group: "Design"
+		}),
 		{
 			key: "verticalSizing",
 			label: "Vertical Sizing",
@@ -186,4 +202,4 @@ const videoWidgetPropertySchema = {
 //#endregion
 export { VideoWidget_exports as n, videoWidgetPropertySchema as r, VideoWidget as t };
 
-//# sourceMappingURL=VideoWidget-R5xG2Dt6.mjs.map
+//# sourceMappingURL=VideoWidget-BAxtPtq5.mjs.map

package/dist/VideoWidget-BAxtPtq5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoWidget-BAxtPtq5.mjs","names":[],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\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    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/{VideoWidget-BK6_XvD0.cjs → VideoWidget-CN8nMeGP.cjs}

@@ -7,12 +7,12 @@ var VideoWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
 	VideoWidget: () => VideoWidget,
 	videoWidgetPropertySchema: () => videoWidgetPropertySchema
 });
-function VideoWidget({ src = "", poster = "", borderRadius = "md", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = false, resource, useCustomUrl }) {
+function VideoWidget({ src = "", poster = "", borderRadius = "md", borderWidth = "none", borderColor = "muted", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = false, resource, useCustomUrl }) {
 	const effectiveSrc = useCustomUrl ? src : resource?.videoUrl ?? src;
 	const effectivePoster = useCustomUrl ? poster : resource?.imageUrl ?? poster;
 	const isFixed = verticalSizing === "fixed";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `relative w-full overflow-hidden rounded-${borderRadius}`,
+		className: `relative w-full overflow-hidden rounded-${borderRadius} ${_fluid_app_portal_core_registries.borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? _fluid_app_portal_core_registries.borderColorClasses[borderColor] : ""}`,
 		style: isFixed ? { height: fixedHeight } : void 0,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MediaRenderer.MediaRenderer, {
 			mediaType: "video",
@@ -84,6 +84,22 @@ const videoWidgetPropertySchema = {
 			tab: "styling",
 			group: "Design"
 		}),
+		(0, _fluid_app_portal_core_registries.getBorderWidthField)({
+			key: "borderWidth",
+			label: "Border Width",
+			description: "Border width for the widget",
+			defaultValue: "none",
+			tab: "styling",
+			group: "Design"
+		}),
+		(0, _fluid_app_portal_core_registries.getBorderColorField)({
+			key: "borderColor",
+			label: "Border Color",
+			description: "Border color for the widget",
+			defaultValue: "muted",
+			tab: "styling",
+			group: "Design"
+		}),
 		{
 			key: "verticalSizing",
 			label: "Vertical Sizing",
@@ -203,4 +219,4 @@ Object.defineProperty(exports, "videoWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=VideoWidget-BK6_XvD0.cjs.map
+//# sourceMappingURL=VideoWidget-CN8nMeGP.cjs.map

package/dist/VideoWidget-CN8nMeGP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoWidget-CN8nMeGP.cjs","names":["borderWidthClasses","borderColorClasses","MediaRenderer"],"sources":["../../widgets/src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\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    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/fields-CjDogNNF.mjs

@@ -0,0 +1,2 @@
+import { borderColorClasses as borderColorClasses$1, borderWidthClasses as borderWidthClasses$1, gapValues, getBorderColorField as getBorderColorField$1, getBorderRadiusCompositeField, getBorderRadiusField as getBorderRadiusField$1, getBorderWidthField as getBorderWidthField$1, getButtonSizeField, getColorField, getFontSizeField, getFontWeightField, getGapField, getHeightField as getHeightField$1, getPaddingField } from "@fluid-app/portal-core/registries";
+export { getBorderRadiusCompositeField as a, getButtonSizeField as c, getFontWeightField as d, getGapField as f, getBorderColorField$1 as i, getColorField as l, getPaddingField as m, borderWidthClasses$1 as n, getBorderRadiusField$1 as o, getHeightField$1 as p, gapValues as r, getBorderWidthField$1 as s, borderColorClasses$1 as t, getFontSizeField as u };

package/dist/index.cjs

@@ -1,57 +1,57 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-DAgNkxik.cjs");
-const require_FluidProvider = require("./FluidProvider-CRceQXyP.cjs");
-const require_ProfileScreen = require("./ProfileScreen-DrmMx9us.cjs");
+const require_FluidProvider = require("./FluidProvider-DzrMOFXn.cjs");
+const require_ProfileScreen = require("./ProfileScreen-LmGvJwTb.cjs");
 require("./error-state-CGCSDJIJ.cjs");
 const require_ScreenRenderer = require("./ScreenRenderer-C-H-ju1C.cjs");
 require("./WidgetInteractionContext-ywxCBIMm.cjs");
-const require_EmbedWidget = require("./EmbedWidget-DQB5SADr.cjs");
+const require_EmbedWidget = require("./EmbedWidget-D6eRvOud.cjs");
 require("./fields-BCNGRVzZ.cjs");
-const require_TextWidget = require("./TextWidget-Bd8V3uOT.cjs");
-const require_AlertWidget = require("./AlertWidget-CRYuxgyZ.cjs");
-const require_BulletListWidget = require("./BulletListWidget-DfXMbboF.cjs");
-const require_CalendarWidget = require("./CalendarWidget-BAHiko62.cjs");
-const require_CardWidget = require("./CardWidget-h-FAxb1X.cjs");
+const require_TextWidget = require("./TextWidget-XBeVX2oM.cjs");
+const require_AlertWidget = require("./AlertWidget-CSYWU2c3.cjs");
+const require_BulletListWidget = require("./BulletListWidget-BUMq15V1.cjs");
+const require_CalendarWidget = require("./CalendarWidget-DLkcnQVx.cjs");
+const require_CardWidget = require("./CardWidget-B4cJHq6g.cjs");
 require("./purify.es-CmsCRU2T.cjs");
 const require_src = require("./src-CWGmmrLZ.cjs");
 require("./scroll-arrows-Dw7eLYdG.cjs");
 require("./MediaRenderer-CEV-eeB-.cjs");
-const require_CarouselWidget = require("./CarouselWidget-D-hBiS_H.cjs");
-const require_CatchUpWidget = require("./CatchUpWidget-Bq5Z7dnd.cjs");
-const require_ChartWidget = require("./ChartWidget-B6_n_Jp8.cjs");
-const require_LayoutWidget = require("./LayoutWidget-SPn4xt-J.cjs");
-const require_ContainerWidget = require("./ContainerWidget-N8zf088I.cjs");
-const require_ImageWidget = require("./ImageWidget-2ZYY9Ea9.cjs");
-const require_LinkWidget = require("./LinkWidget-BFBAfz2T.cjs");
-const require_ListWidget = require("./ListWidget-4nc_OvSx.cjs");
-const require_MySiteWidget = require("./MySiteWidget-bKaJ4r_k.cjs");
-const require_NestedWidget = require("./NestedWidget-Bxf8MJuj.cjs");
-const require_QuickShareWidget = require("./QuickShareWidget-DJSBoNdI.cjs");
-const require_RecentActivityWidget = require("./RecentActivityWidget-DxCHufm5.cjs");
+const require_CarouselWidget = require("./CarouselWidget-Bx5jrthO.cjs");
+const require_CatchUpWidget = require("./CatchUpWidget-CFL4REYX.cjs");
+const require_ChartWidget = require("./ChartWidget-DWWeWN0Q.cjs");
+const require_LayoutWidget = require("./LayoutWidget-CsdItxHF.cjs");
+const require_ContainerWidget = require("./ContainerWidget-DZXzmDZl.cjs");
+const require_ImageWidget = require("./ImageWidget-DwM4H6SC.cjs");
+const require_LinkWidget = require("./LinkWidget-CJKveS10.cjs");
+const require_ListWidget = require("./ListWidget-D8yMrpa5.cjs");
+const require_MySiteWidget = require("./MySiteWidget-DeAwyK5y.cjs");
+const require_NestedWidget = require("./NestedWidget-CZuN2QY2.cjs");
+const require_QuickShareWidget = require("./QuickShareWidget-CIfXUWCx.cjs");
+const require_RecentActivityWidget = require("./RecentActivityWidget-kRfjO1IV.cjs");
 const require_SeparatorWidget = require("./SeparatorWidget-BUXIxV-F.cjs");
 const require_SpacerWidget = require("./SpacerWidget-DW_7QXrs.cjs");
-const require_TableWidget = require("./TableWidget-D2QlWEXk.cjs");
-const require_ToDoWidget = require("./ToDoWidget-BTq8QL4U.cjs");
-const require_VideoWidget = require("./VideoWidget-BK6_XvD0.cjs");
-const require_use_account_clients = require("./use-account-clients-DR-cFoiZ.cjs");
-const require_src$1 = require("./src-BxmqgcCj.cjs");
-const require_use_fluid_api = require("./use-fluid-api-BUOA1P_y.cjs");
-const require_products = require("./products-CbSNg_2Q.cjs");
+const require_TableWidget = require("./TableWidget-DFWfQIWv.cjs");
+const require_ToDoWidget = require("./ToDoWidget-GmeRwP_0.cjs");
+const require_VideoWidget = require("./VideoWidget-CN8nMeGP.cjs");
+const require_use_account_clients = require("./use-account-clients-BOwgvZok.cjs");
+const require_src$1 = require("./src-CXGrnE7x.cjs");
+const require_use_fluid_api = require("./use-fluid-api-CU_r0Gu9.cjs");
+const require_products = require("./products-zutaVs48.cjs");
 const require_CustomersScreen = require("./CustomersScreen-B2UhMV9M.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-CbWjJMoI.cjs");
-const require_MessagingScreen = require("./MessagingScreen-DXLiIKMX.cjs");
+const require_MessagingScreen = require("./MessagingScreen-CUBOR0qo.cjs");
 require("./src-COTid97-.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-Bi8ecPZG.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-CpvMZaU0.cjs");
 require("./dist-CtcLRHrv.cjs");
 require("./es-BZa0y3qY.cjs");
-const require_ContactsScreen = require("./ContactsScreen-CTCJYpHu.cjs");
+const require_ContactsScreen = require("./ContactsScreen-C0I1_D_a.cjs");
 require("./dist-BUWkpuUk.cjs");
-const require_OrdersScreen = require("./OrdersScreen-q1QeUeHP.cjs");
-const require_ShopScreen = require("./ShopScreen-DxU3HMSU.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-CLjjDaWJ.cjs");
+const require_OrdersScreen = require("./OrdersScreen-DvqljQVk.cjs");
+const require_ShopScreen = require("./ShopScreen-C73ARj6e.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-Dfa0LM6R.cjs");
 require("./dist-DqYiTOfX.cjs");
-const require_ProductsScreen = require("./ProductsScreen-whYhtGj4.cjs");
-const require_MySiteScreen = require("./MySiteScreen-DA9vTjW8.cjs");
+const require_ProductsScreen = require("./ProductsScreen-DdX6HMHt.cjs");
+const require_MySiteScreen = require("./MySiteScreen-NJSRcmI-.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -2238,16 +2238,16 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-CbZevC9b.cjs")).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-BTgeNO4Z.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CNDRQ4Q5.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-r1CuGZTz.cjs")).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BGwMvoc6.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-CWFKO9Iz.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-DAFrOHW1.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-CE0GMwfC.cjs")).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CPXCoeeu.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-CfbkE7H-.cjs")).then((m) => ({ default: m.MessagingScreen })));
+const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-DO7EwobV.cjs")).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-CET9016G.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-B2UhMV9M.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-DygMyNll.cjs")).then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-CvdwMRKM.cjs")).then((m) => ({ default: m.ShareablesScreen })));
-const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-CejFK1ki.cjs")).then((m) => ({ default: m.MySiteScreen })));
+const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-HIV2lQ9Z.cjs")).then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-CBw3gH0u.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-jE2m5qP6.cjs")).then((m) => ({ default: m.MySiteScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
 	orders: OrdersScreen$1,
@@ -3638,16 +3638,16 @@ function useContact(_contactId) {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-CbZevC9b.cjs")).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-r1CuGZTz.cjs")).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-BGwMvoc6.cjs")).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-BTgeNO4Z.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CNDRQ4Q5.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-DAFrOHW1.cjs")).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-CfbkE7H-.cjs")).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-DO7EwobV.cjs")).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-CE0GMwfC.cjs")).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CPXCoeeu.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-B2UhMV9M.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-DygMyNll.cjs")).then((m) => m.productsScreenPropertySchema),
-	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-CejFK1ki.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-CvdwMRKM.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-CWFKO9Iz.cjs")).then((m) => m.shopScreenPropertySchema)
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-HIV2lQ9Z.cjs")).then((m) => m.productsScreenPropertySchema),
+	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-jE2m5qP6.cjs")).then((m) => m.mySiteScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-CBw3gH0u.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-CET9016G.cjs")).then((m) => m.shopScreenPropertySchema)
 };
 /**
 * Core page template IDs

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import React$1, { AnchorHTMLAttributes, ComponentProps, ComponentType, ReactNode } from "react";
 import { QueryClient, UseQueryResult } from "@tanstack/react-query";
 import * as _fluid_app_portal_core_types0 from "@fluid-app/portal-core/types";
-import { AlignOptions, AlignOptions as AlignOptions$1, BackgroundType, BackgroundValue, BackgroundValue as BackgroundValue$1, BorderRadiusOptions, BorderRadiusOptions as BorderRadiusOptions$1, ButtonSizeOptions, ButtonSizeOptions as ButtonSizeOptions$1, ColorOptions, ColorOptions as ColorOptions$1, FontSizeOptions, FontSizeOptions as FontSizeOptions$1, FontWeightOptions, GapOptions, GapOptions as GapOptions$1, NavigationItem, NavigationItem as NavigationItem$1, PaddingOptions, PaddingOptions as PaddingOptions$1, RepAppData, RepAppData as RepAppData$1, RepAppManifest, RepAppProfile, ResolvedTheme, ScreenDefinition as ScreenDefinition$1, SectionLayoutType, SectionLayoutType as SectionLayoutType$1, ShareableItem, ShareableItem as ShareableItem$1, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, TypedWidgetSchema as TypedWidgetSchema$1, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetRegistry as WidgetRegistry$1, WidgetSchema, WidgetSchema as WidgetSchema$1, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig } from "@fluid-app/portal-core/types";
+import { AlignOptions, AlignOptions as AlignOptions$1, BackgroundType, BackgroundValue, BackgroundValue as BackgroundValue$1, BorderRadiusOptions, BorderRadiusOptions as BorderRadiusOptions$1, BorderWidthOptions, ButtonSizeOptions, ButtonSizeOptions as ButtonSizeOptions$1, ColorOptions, ColorOptions as ColorOptions$1, FontSizeOptions, FontSizeOptions as FontSizeOptions$1, FontWeightOptions, GapOptions, GapOptions as GapOptions$1, NavigationItem, NavigationItem as NavigationItem$1, PaddingOptions, PaddingOptions as PaddingOptions$1, RepAppData, RepAppData as RepAppData$1, RepAppManifest, RepAppProfile, ResolvedTheme, ScreenDefinition as ScreenDefinition$1, SectionLayoutType, SectionLayoutType as SectionLayoutType$1, ShareableItem, ShareableItem as ShareableItem$1, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, TypedWidgetSchema as TypedWidgetSchema$1, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetRegistry as WidgetRegistry$1, WidgetSchema, WidgetSchema as WidgetSchema$1, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig } from "@fluid-app/portal-core/types";
 import { RawApiTheme, RawApiTheme as RawApiTheme$1, buildThemeDefinition, getActiveThemeId, transformThemes } from "@fluid-app/portal-core/theme";
 import { PROPERTY_FIELD_TYPES, PropertyFieldSchema, PropertyFieldType, TabConfig, WidgetManifest, WidgetPropertySchema, WidgetPropertySchema as WidgetPropertySchema$1, gapValues, isPropertyFieldType } from "@fluid-app/portal-core/registries";
 import { createScreen, createWidgetFromShareable, createWidgetRegistry, groupChildrenByColumn } from "@fluid-app/portal-core/widget-utils";
@@ -2770,6 +2770,8 @@ type TextWidgetProps = ComponentProps<"div"> & {
   background?: BackgroundValue$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
 };
 declare function TextWidget({
   titleEnabled,
@@ -2786,6 +2788,8 @@ declare function TextWidget({
   background,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   className,
   ...props
 }: TextWidgetProps): React$1.JSX.Element;
@@ -2811,6 +2815,8 @@ type BulletListWidgetProps = ComponentProps<"div"> & {
   background?: BackgroundValue$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   gapSize?: GapOptions$1;
 };
 declare function BulletListWidget({
@@ -2825,6 +2831,8 @@ declare function BulletListWidget({
   background,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   gapSize,
   className,
   ...props
@@ -2842,6 +2850,8 @@ type CalendarWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
 };
 declare function CalendarWidget({
   titleEnabled,
@@ -2853,6 +2863,8 @@ declare function CalendarWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   className,
   ...props
 }: CalendarWidgetProps): React$1.JSX.Element;
@@ -2872,6 +2884,8 @@ type CardWidgetProps = {
   background?: BackgroundValue$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1; /** @deprecated Use borderWidth instead */
   borderEnabled?: boolean;
   gapSize?: GapOptions$1;
   children?: (WidgetSchema$1 | null)[];
@@ -2890,6 +2904,8 @@ declare function CardWidget({
   background,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   borderEnabled,
   gapSize,
   children,
@@ -2915,6 +2931,8 @@ type CarouselWidgetProps = ComponentProps<"div"> & {
   align?: AlignOptions$1;
   carouselHeight?: string;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   headerSize?: FontSizeOptions$1;
   headerColor?: ColorOptions$1;
@@ -2936,6 +2954,8 @@ declare function CarouselWidget({
   align,
   overlayIntensity,
   borderRadius,
+  borderWidth,
+  borderColor,
   padding,
   textWidth,
   headerSize,
@@ -2963,6 +2983,8 @@ type CatchUpWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   maxItems?: number;
 };
 declare function CatchUpWidget({
@@ -2975,6 +2997,8 @@ declare function CatchUpWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   maxItems,
   className,
   ...props
@@ -3000,6 +3024,8 @@ type ChartWidgetProps = ComponentProps<"div"> & {
   background?: BackgroundValue$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   dataKey?: string;
   xAxisKey?: string; /** Chart data - when provided via dataSource, this overrides defaultData */
   data?: ChartDataPoint[]; /** Chart configuration - can be dynamically provided via dataSource */
@@ -3025,6 +3051,8 @@ declare function ChartWidget({
   background,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   dataKey,
   xAxisKey,
   data,
@@ -3049,6 +3077,8 @@ type LayoutProps<T extends Record<string, ComponentType<any>> = Record<string, C
   background?: BackgroundValue$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   children: (TypedWidgetSchema$1<T> | null)[] | (WidgetSchema$1 | null)[];
   registry?: T;
   className?: string;
@@ -3061,6 +3091,8 @@ declare const LayoutWidget: <T extends Record<string, ComponentType<any>>>({
   background,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   children,
   registry,
   className,
@@ -3090,6 +3122,8 @@ type EmbedWidgetProps = ComponentProps<"div"> & {
   allowFullscreen?: boolean;
   loading?: "eager" | "lazy";
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   editMode?: boolean;
   isSelected?: boolean;
 };
@@ -3101,6 +3135,8 @@ declare function EmbedWidget({
   allowFullscreen,
   loading,
   borderRadius,
+  borderWidth,
+  borderColor,
   editMode,
   isSelected,
   className,
@@ -3113,6 +3149,8 @@ type ImageWidgetProps = ComponentProps<"div"> & {
   src?: string;
   alt?: string;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   verticalSizing?: "auto" | "fixed";
   fixedHeight?: string;
   displayFit?: "cover" | "contain";
@@ -3126,6 +3164,8 @@ declare function ImageWidget({
   src,
   alt,
   borderRadius,
+  borderWidth,
+  borderColor,
   verticalSizing,
   fixedHeight,
   displayFit,
@@ -3154,6 +3194,8 @@ type LinkWidgetProps = ComponentProps<"div"> & {
   borderRadiusTR?: BorderRadiusOptions$1;
   borderRadiusBL?: BorderRadiusOptions$1;
   borderRadiusBR?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   previewMode?: boolean;
   editMode?: boolean;
 };
@@ -3172,6 +3214,8 @@ declare function LinkWidget({
   borderRadiusTR,
   borderRadiusBL,
   borderRadiusBR,
+  borderWidth,
+  borderColor,
   previewMode,
   editMode,
   className,
@@ -3217,6 +3261,8 @@ type ListWidgetProps = ComponentProps<"div"> & {
   numberColor?: ColorOptions$1;
   numberSize?: FontSizeOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   gap?: GapOptions$1;
   columns?: number;
@@ -3256,6 +3302,8 @@ declare function ListWidget({
   numberColor,
   numberSize,
   borderRadius,
+  borderWidth,
+  borderColor,
   padding,
   gap,
   columns,
@@ -3288,6 +3336,8 @@ type MySiteWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   showPreview?: boolean;
   showAnalytics?: boolean;
 };
@@ -3301,6 +3351,8 @@ declare function MySiteWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   showPreview,
   showAnalytics,
   className,
@@ -3317,6 +3369,8 @@ type NestedWidgetProps = ComponentProps<"div"> & {
   gap?: GapOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   primaryMediaHeight?: string;
   titleFontSize?: FontSizeOptions$1;
   titleColor?: ColorOptions$1;
@@ -3335,6 +3389,8 @@ declare function NestedWidget({
   gap,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   primaryMediaHeight,
   titleFontSize,
   titleColor,
@@ -3360,6 +3416,8 @@ type QuickShareWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   overlayEnabled?: boolean;
   overlayType?: "solid" | "gradient";
   overlayIntensity?: number;
@@ -3375,6 +3433,8 @@ declare function QuickShareWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   overlayEnabled,
   overlayType,
   overlayIntensity,
@@ -3395,6 +3455,8 @@ type RecentActivityWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   maxItemsToShow?: number;
 };
 declare function RecentActivityWidget({
@@ -3407,6 +3469,8 @@ declare function RecentActivityWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   maxItemsToShow,
   className,
   ...props
@@ -3475,6 +3539,8 @@ type TableWidgetProps = ComponentProps<"div"> & {
   headerTextColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   data?: ShareableItem$1[]; /** Column definitions from a data source (plain data, renderers resolved internally) */
   columns?: TableColumnDef[];
   filterEnabled?: boolean;
@@ -3494,6 +3560,8 @@ declare function TableWidget({
   headerTextColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   data,
   columns: columnsProp,
   filterEnabled,
@@ -3516,6 +3584,8 @@ type ToDoWidgetProps = ComponentProps<"div"> & {
   accentColor?: ColorOptions$1;
   padding?: PaddingOptions$1;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   maxItems?: number;
 };
 declare function ToDoWidget({
@@ -3528,6 +3598,8 @@ declare function ToDoWidget({
   accentColor,
   padding,
   borderRadius,
+  borderWidth,
+  borderColor,
   maxItems,
   className,
   ...props
@@ -3539,6 +3611,8 @@ type VideoWidgetProps = ComponentProps<"div"> & {
   src?: string;
   poster?: string;
   borderRadius?: BorderRadiusOptions$1;
+  borderWidth?: BorderWidthOptions;
+  borderColor?: ColorOptions$1;
   verticalSizing?: "auto" | "fixed";
   fixedHeight?: string;
   displayFit?: "cover" | "contain";
@@ -3554,6 +3628,8 @@ declare function VideoWidget({
   src,
   poster,
   borderRadius,
+  borderWidth,
+  borderColor,
   verticalSizing,
   fixedHeight,
   displayFit,