@fluid-app/portal-sdk 0.1.197 → 0.1.199

package/dist/{CardWidget-HgYL7cEj.cjs → CardWidget-BVYjwdua.cjs}

@@ -1,7 +1,7 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./ScreenRenderer-Cx2KWPVu.cjs");
+require("./ScreenRenderer-DfeRRgBO.cjs");
 require("./registry-context-RWj2xJlC.cjs");
 require("./registries-GJMHub-Q.cjs");
 require("./fields-C8gY9GlT.cjs");
-const require_CardWidget = require("./CardWidget-DSq_Q8kv.cjs");
+const require_CardWidget = require("./CardWidget-DVi0NVhb.cjs");
 exports.cardWidgetPropertySchema = require_CardWidget.cardWidgetPropertySchema;

package/dist/{CardWidget-BDIscQev.mjs → CardWidget-BjvrudYQ.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-BeIE2Uzn.mjs";
-import { c as useScreenRenderer, t as ScreenRenderer, u as useRegistry } from "./ScreenRenderer-CgSF9HEd.mjs";
+import { c as useScreenRenderer, t as ScreenRenderer, u as useRegistry } from "./ScreenRenderer-Cv2rxvtF.mjs";
 import { f as getGapField, i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, r as gapValues, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-CyjQkRM-.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../widgets/src/widgets/CardWidget.tsx
@@ -187,4 +187,4 @@ const cardWidgetPropertySchema = {
 //#endregion
 export { CardWidget_exports as n, cardWidgetPropertySchema as r, CardWidget as t };
 
-//# sourceMappingURL=CardWidget-BDIscQev.mjs.map
+//# sourceMappingURL=CardWidget-BjvrudYQ.mjs.map

package/dist/{CardWidget-BDIscQev.mjs.map → CardWidget-BjvrudYQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardWidget-BDIscQev.mjs","names":["ScreenRenderer","DefaultScreenRenderer"],"sources":["../../widgets/src/widgets/CardWidget.tsx"],"sourcesContent":["import { ScreenRenderer as DefaultScreenRenderer } from \"../core/ScreenRenderer\";\nimport { useRegistry } from \"../contexts/RegistryContext\";\nimport { useScreenRenderer } from \"../contexts/ScreenRendererContext\";\nimport type {\n  WidgetSchema,\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  PaddingOptions,\n  GapOptions,\n  ColorOptions,\n  FontSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type React from \"react\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_BACKGROUND: BackgroundValue = {\n  type: \"solid\",\n  color: \"background\",\n};\nconst DEFAULT_CHILDREN: (WidgetSchema | null)[] = [];\n\ntype CardWidgetProps = {\n  // Header\n  headerEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  headerBackground?: ColorOptions;\n\n  // Footer\n  footerEnabled?: boolean;\n  footerContent?: string;\n  footerColor?: ColorOptions;\n  footerBackground?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  /** @deprecated Use borderWidth instead */\n  borderEnabled?: boolean;\n  gapSize?: GapOptions;\n\n  // Container props (children = other widgets)\n  children?: (WidgetSchema | null)[];\n\n  // Styling\n  className?: string;\n};\n\nexport function CardWidget({\n  // Header\n  headerEnabled = true,\n  title = \"Card Title\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n  headerBackground = \"transparent\",\n\n  // Footer\n  footerEnabled = false,\n  footerContent = \"\",\n  footerColor = \"muted\",\n  footerBackground = \"transparent\",\n\n  // Styling\n  background = DEFAULT_BACKGROUND,\n  padding = 6,\n  borderRadius = \"xl\",\n  borderWidth = \"thin\",\n  borderColor = \"muted\",\n  borderEnabled,\n  gapSize = \"md\",\n\n  // Container\n  children = DEFAULT_CHILDREN,\n\n  className = \"\",\n}: CardWidgetProps): React.JSX.Element {\n  // Get registry from context if not provided as prop\n  const contextRegistry = useRegistry();\n\n  // Use ScreenRenderer from context, fall back to local\n  const ContextScreenRenderer = useScreenRenderer();\n  const ScreenRenderer = ContextScreenRenderer ?? DefaultScreenRenderer;\n\n  // Extract background values\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\n  const gapSizeValue = gapSize ? gapValues[gapSize] : 4;\n\n  // Backwards compatibility: if legacy borderEnabled prop exists, map it\n  const effectiveBorderWidth = borderEnabled === false ? \"none\" : borderWidth;\n\n  const cardClasses = [\n    \"flex flex-col gap-6\",\n    `bg-${backgroundColor}`,\n    `p-${padding}`,\n    `rounded-${borderRadius}`,\n    borderWidthClasses[effectiveBorderWidth],\n    effectiveBorderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const containerStyle: React.CSSProperties = {\n    backgroundImage,\n  };\n\n  // Filter out null children\n  const validChildren = children.filter(\n    (child): child is WidgetSchema => child !== null,\n  );\n\n  return (\n    <div data-slot=\"card\" className={cardClasses} style={containerStyle}>\n      {headerEnabled && (title || headerBackground !== \"transparent\") && (\n        <div\n          data-slot=\"card-header\"\n          className={\n            headerBackground !== \"transparent\"\n              ? `bg-${headerBackground} -mx-${padding} -mt-${padding} px-${padding} py-${padding} rounded-t-${borderRadius}`\n              : undefined\n          }\n        >\n          {title && (\n            <div\n              data-slot=\"card-title\"\n              className={`text-${titleFontSize} text-${titleColor} font-header leading-none font-semibold`}\n            >\n              {title}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div data-slot=\"card-content\" className=\"@container flex-1\">\n        {contextRegistry ? (\n          <ScreenRenderer\n            screen={validChildren}\n            registry={contextRegistry}\n            className={`flex flex-col gap-${gapSizeValue}`}\n          />\n        ) : (\n          <div className={`flex flex-col gap-${gapSizeValue}`} />\n        )}\n      </div>\n\n      {footerEnabled && footerContent && (\n        <div\n          data-slot=\"card-footer\"\n          className={[\n            `text-sm text-${footerColor} flex items-center`,\n            footerBackground !== \"transparent\"\n              ? `bg-${footerBackground} -mx-${padding} -mb-${padding} px-${padding} py-${padding} rounded-b-${borderRadius}`\n              : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {footerContent}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cardWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CardWidget\",\n  displayName: \"Card\",\n  fields: [\n    // Header\n    {\n      key: \"headerEnabled\",\n      label: \"Show Header\",\n      type: \"boolean\",\n      description: \"Toggle header visibility\",\n      defaultValue: true,\n      group: \"Header\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Card title text\",\n      defaultValue: \"Card Title\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"lg\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"headerBackground\",\n      label: \"Header Background\",\n      description: \"Background color for the header\",\n      defaultValue: \"transparent\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n\n    // Footer\n    {\n      key: \"footerEnabled\",\n      label: \"Show Footer\",\n      type: \"boolean\",\n      description: \"Toggle footer visibility\",\n      defaultValue: false,\n      group: \"Footer\",\n    },\n    {\n      key: \"footerContent\",\n      label: \"Footer Text\",\n      type: \"text\",\n      description: \"Footer content text\",\n      defaultValue: \"\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    },\n    getColorField({\n      key: \"footerColor\",\n      label: \"Footer Color\",\n      description: \"Color for the footer text\",\n      defaultValue: \"muted\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n    getColorField({\n      key: \"footerBackground\",\n      label: \"Footer Background\",\n      description: \"Background color for the footer\",\n      defaultValue: \"transparent\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n\n    // Design\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the card\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Card padding\",\n      defaultValue: 6,\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Card border radius\",\n      defaultValue: \"xl\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Card border width\",\n      defaultValue: \"thin\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Card border color\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between child widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}
+{"version":3,"file":"CardWidget-BjvrudYQ.mjs","names":["ScreenRenderer","DefaultScreenRenderer"],"sources":["../../widgets/src/widgets/CardWidget.tsx"],"sourcesContent":["import { ScreenRenderer as DefaultScreenRenderer } from \"../core/ScreenRenderer\";\nimport { useRegistry } from \"../contexts/RegistryContext\";\nimport { useScreenRenderer } from \"../contexts/ScreenRendererContext\";\nimport type {\n  WidgetSchema,\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  PaddingOptions,\n  GapOptions,\n  ColorOptions,\n  FontSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type React from \"react\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_BACKGROUND: BackgroundValue = {\n  type: \"solid\",\n  color: \"background\",\n};\nconst DEFAULT_CHILDREN: (WidgetSchema | null)[] = [];\n\ntype CardWidgetProps = {\n  // Header\n  headerEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  headerBackground?: ColorOptions;\n\n  // Footer\n  footerEnabled?: boolean;\n  footerContent?: string;\n  footerColor?: ColorOptions;\n  footerBackground?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  /** @deprecated Use borderWidth instead */\n  borderEnabled?: boolean;\n  gapSize?: GapOptions;\n\n  // Container props (children = other widgets)\n  children?: (WidgetSchema | null)[];\n\n  // Styling\n  className?: string;\n};\n\nexport function CardWidget({\n  // Header\n  headerEnabled = true,\n  title = \"Card Title\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n  headerBackground = \"transparent\",\n\n  // Footer\n  footerEnabled = false,\n  footerContent = \"\",\n  footerColor = \"muted\",\n  footerBackground = \"transparent\",\n\n  // Styling\n  background = DEFAULT_BACKGROUND,\n  padding = 6,\n  borderRadius = \"xl\",\n  borderWidth = \"thin\",\n  borderColor = \"muted\",\n  borderEnabled,\n  gapSize = \"md\",\n\n  // Container\n  children = DEFAULT_CHILDREN,\n\n  className = \"\",\n}: CardWidgetProps): React.JSX.Element {\n  // Get registry from context if not provided as prop\n  const contextRegistry = useRegistry();\n\n  // Use ScreenRenderer from context, fall back to local\n  const ContextScreenRenderer = useScreenRenderer();\n  const ScreenRenderer = ContextScreenRenderer ?? DefaultScreenRenderer;\n\n  // Extract background values\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\n  const gapSizeValue = gapSize ? gapValues[gapSize] : 4;\n\n  // Backwards compatibility: if legacy borderEnabled prop exists, map it\n  const effectiveBorderWidth = borderEnabled === false ? \"none\" : borderWidth;\n\n  const cardClasses = [\n    \"flex flex-col gap-6\",\n    `bg-${backgroundColor}`,\n    `p-${padding}`,\n    `rounded-${borderRadius}`,\n    borderWidthClasses[effectiveBorderWidth],\n    effectiveBorderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const containerStyle: React.CSSProperties = {\n    backgroundImage,\n  };\n\n  // Filter out null children\n  const validChildren = children.filter(\n    (child): child is WidgetSchema => child !== null,\n  );\n\n  return (\n    <div data-slot=\"card\" className={cardClasses} style={containerStyle}>\n      {headerEnabled && (title || headerBackground !== \"transparent\") && (\n        <div\n          data-slot=\"card-header\"\n          className={\n            headerBackground !== \"transparent\"\n              ? `bg-${headerBackground} -mx-${padding} -mt-${padding} px-${padding} py-${padding} rounded-t-${borderRadius}`\n              : undefined\n          }\n        >\n          {title && (\n            <div\n              data-slot=\"card-title\"\n              className={`text-${titleFontSize} text-${titleColor} font-header leading-none font-semibold`}\n            >\n              {title}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div data-slot=\"card-content\" className=\"@container flex-1\">\n        {contextRegistry ? (\n          <ScreenRenderer\n            screen={validChildren}\n            registry={contextRegistry}\n            className={`flex flex-col gap-${gapSizeValue}`}\n          />\n        ) : (\n          <div className={`flex flex-col gap-${gapSizeValue}`} />\n        )}\n      </div>\n\n      {footerEnabled && footerContent && (\n        <div\n          data-slot=\"card-footer\"\n          className={[\n            `text-sm text-${footerColor} flex items-center`,\n            footerBackground !== \"transparent\"\n              ? `bg-${footerBackground} -mx-${padding} -mb-${padding} px-${padding} py-${padding} rounded-b-${borderRadius}`\n              : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {footerContent}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cardWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CardWidget\",\n  displayName: \"Card\",\n  fields: [\n    // Header\n    {\n      key: \"headerEnabled\",\n      label: \"Show Header\",\n      type: \"boolean\",\n      description: \"Toggle header visibility\",\n      defaultValue: true,\n      group: \"Header\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Card title text\",\n      defaultValue: \"Card Title\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"lg\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"headerBackground\",\n      label: \"Header Background\",\n      description: \"Background color for the header\",\n      defaultValue: \"transparent\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n\n    // Footer\n    {\n      key: \"footerEnabled\",\n      label: \"Show Footer\",\n      type: \"boolean\",\n      description: \"Toggle footer visibility\",\n      defaultValue: false,\n      group: \"Footer\",\n    },\n    {\n      key: \"footerContent\",\n      label: \"Footer Text\",\n      type: \"text\",\n      description: \"Footer content text\",\n      defaultValue: \"\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    },\n    getColorField({\n      key: \"footerColor\",\n      label: \"Footer Color\",\n      description: \"Color for the footer text\",\n      defaultValue: \"muted\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n    getColorField({\n      key: \"footerBackground\",\n      label: \"Footer Background\",\n      description: \"Background color for the footer\",\n      defaultValue: \"transparent\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n\n    // Design\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the card\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Card padding\",\n      defaultValue: 6,\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Card border radius\",\n      defaultValue: \"xl\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Card border width\",\n      defaultValue: \"thin\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Card border color\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between child widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{CardWidget-DSq_Q8kv.cjs → CardWidget-DVi0NVhb.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_ScreenRenderer = require("./ScreenRenderer-Cx2KWPVu.cjs");
+const require_ScreenRenderer = require("./ScreenRenderer-DfeRRgBO.cjs");
 const require_registries = require("./registries-GJMHub-Q.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../widgets/src/widgets/CardWidget.tsx
@@ -194,4 +194,4 @@ Object.defineProperty(exports, "cardWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=CardWidget-DSq_Q8kv.cjs.map
+//# sourceMappingURL=CardWidget-DVi0NVhb.cjs.map

package/dist/{CardWidget-DSq_Q8kv.cjs.map → CardWidget-DVi0NVhb.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardWidget-DSq_Q8kv.cjs","names":["useRegistry","ScreenRenderer","useScreenRenderer","DefaultScreenRenderer","gapValues","borderWidthClasses","borderColorClasses","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getGapField"],"sources":["../../widgets/src/widgets/CardWidget.tsx"],"sourcesContent":["import { ScreenRenderer as DefaultScreenRenderer } from \"../core/ScreenRenderer\";\nimport { useRegistry } from \"../contexts/RegistryContext\";\nimport { useScreenRenderer } from \"../contexts/ScreenRendererContext\";\nimport type {\n  WidgetSchema,\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  PaddingOptions,\n  GapOptions,\n  ColorOptions,\n  FontSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type React from \"react\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_BACKGROUND: BackgroundValue = {\n  type: \"solid\",\n  color: \"background\",\n};\nconst DEFAULT_CHILDREN: (WidgetSchema | null)[] = [];\n\ntype CardWidgetProps = {\n  // Header\n  headerEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  headerBackground?: ColorOptions;\n\n  // Footer\n  footerEnabled?: boolean;\n  footerContent?: string;\n  footerColor?: ColorOptions;\n  footerBackground?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  /** @deprecated Use borderWidth instead */\n  borderEnabled?: boolean;\n  gapSize?: GapOptions;\n\n  // Container props (children = other widgets)\n  children?: (WidgetSchema | null)[];\n\n  // Styling\n  className?: string;\n};\n\nexport function CardWidget({\n  // Header\n  headerEnabled = true,\n  title = \"Card Title\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n  headerBackground = \"transparent\",\n\n  // Footer\n  footerEnabled = false,\n  footerContent = \"\",\n  footerColor = \"muted\",\n  footerBackground = \"transparent\",\n\n  // Styling\n  background = DEFAULT_BACKGROUND,\n  padding = 6,\n  borderRadius = \"xl\",\n  borderWidth = \"thin\",\n  borderColor = \"muted\",\n  borderEnabled,\n  gapSize = \"md\",\n\n  // Container\n  children = DEFAULT_CHILDREN,\n\n  className = \"\",\n}: CardWidgetProps): React.JSX.Element {\n  // Get registry from context if not provided as prop\n  const contextRegistry = useRegistry();\n\n  // Use ScreenRenderer from context, fall back to local\n  const ContextScreenRenderer = useScreenRenderer();\n  const ScreenRenderer = ContextScreenRenderer ?? DefaultScreenRenderer;\n\n  // Extract background values\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\n  const gapSizeValue = gapSize ? gapValues[gapSize] : 4;\n\n  // Backwards compatibility: if legacy borderEnabled prop exists, map it\n  const effectiveBorderWidth = borderEnabled === false ? \"none\" : borderWidth;\n\n  const cardClasses = [\n    \"flex flex-col gap-6\",\n    `bg-${backgroundColor}`,\n    `p-${padding}`,\n    `rounded-${borderRadius}`,\n    borderWidthClasses[effectiveBorderWidth],\n    effectiveBorderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const containerStyle: React.CSSProperties = {\n    backgroundImage,\n  };\n\n  // Filter out null children\n  const validChildren = children.filter(\n    (child): child is WidgetSchema => child !== null,\n  );\n\n  return (\n    <div data-slot=\"card\" className={cardClasses} style={containerStyle}>\n      {headerEnabled && (title || headerBackground !== \"transparent\") && (\n        <div\n          data-slot=\"card-header\"\n          className={\n            headerBackground !== \"transparent\"\n              ? `bg-${headerBackground} -mx-${padding} -mt-${padding} px-${padding} py-${padding} rounded-t-${borderRadius}`\n              : undefined\n          }\n        >\n          {title && (\n            <div\n              data-slot=\"card-title\"\n              className={`text-${titleFontSize} text-${titleColor} font-header leading-none font-semibold`}\n            >\n              {title}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div data-slot=\"card-content\" className=\"@container flex-1\">\n        {contextRegistry ? (\n          <ScreenRenderer\n            screen={validChildren}\n            registry={contextRegistry}\n            className={`flex flex-col gap-${gapSizeValue}`}\n          />\n        ) : (\n          <div className={`flex flex-col gap-${gapSizeValue}`} />\n        )}\n      </div>\n\n      {footerEnabled && footerContent && (\n        <div\n          data-slot=\"card-footer\"\n          className={[\n            `text-sm text-${footerColor} flex items-center`,\n            footerBackground !== \"transparent\"\n              ? `bg-${footerBackground} -mx-${padding} -mb-${padding} px-${padding} py-${padding} rounded-b-${borderRadius}`\n              : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {footerContent}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cardWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CardWidget\",\n  displayName: \"Card\",\n  fields: [\n    // Header\n    {\n      key: \"headerEnabled\",\n      label: \"Show Header\",\n      type: \"boolean\",\n      description: \"Toggle header visibility\",\n      defaultValue: true,\n      group: \"Header\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Card title text\",\n      defaultValue: \"Card Title\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"lg\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"headerBackground\",\n      label: \"Header Background\",\n      description: \"Background color for the header\",\n      defaultValue: \"transparent\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n\n    // Footer\n    {\n      key: \"footerEnabled\",\n      label: \"Show Footer\",\n      type: \"boolean\",\n      description: \"Toggle footer visibility\",\n      defaultValue: false,\n      group: \"Footer\",\n    },\n    {\n      key: \"footerContent\",\n      label: \"Footer Text\",\n      type: \"text\",\n      description: \"Footer content text\",\n      defaultValue: \"\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    },\n    getColorField({\n      key: \"footerColor\",\n      label: \"Footer Color\",\n      description: \"Color for the footer text\",\n      defaultValue: \"muted\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n    getColorField({\n      key: \"footerBackground\",\n      label: \"Footer Background\",\n      description: \"Background color for the footer\",\n      defaultValue: \"transparent\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n\n    // Design\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the card\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Card padding\",\n      defaultValue: 6,\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Card border radius\",\n      defaultValue: \"xl\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Card border width\",\n      defaultValue: \"thin\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Card border color\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between child widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}
+{"version":3,"file":"CardWidget-DVi0NVhb.cjs","names":["useRegistry","ScreenRenderer","useScreenRenderer","DefaultScreenRenderer","gapValues","borderWidthClasses","borderColorClasses","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getGapField"],"sources":["../../widgets/src/widgets/CardWidget.tsx"],"sourcesContent":["import { ScreenRenderer as DefaultScreenRenderer } from \"../core/ScreenRenderer\";\nimport { useRegistry } from \"../contexts/RegistryContext\";\nimport { useScreenRenderer } from \"../contexts/ScreenRendererContext\";\nimport type {\n  WidgetSchema,\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  PaddingOptions,\n  GapOptions,\n  ColorOptions,\n  FontSizeOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type React from \"react\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\n\nconst DEFAULT_BACKGROUND: BackgroundValue = {\n  type: \"solid\",\n  color: \"background\",\n};\nconst DEFAULT_CHILDREN: (WidgetSchema | null)[] = [];\n\ntype CardWidgetProps = {\n  // Header\n  headerEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  headerBackground?: ColorOptions;\n\n  // Footer\n  footerEnabled?: boolean;\n  footerContent?: string;\n  footerColor?: ColorOptions;\n  footerBackground?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  /** @deprecated Use borderWidth instead */\n  borderEnabled?: boolean;\n  gapSize?: GapOptions;\n\n  // Container props (children = other widgets)\n  children?: (WidgetSchema | null)[];\n\n  // Styling\n  className?: string;\n};\n\nexport function CardWidget({\n  // Header\n  headerEnabled = true,\n  title = \"Card Title\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n  headerBackground = \"transparent\",\n\n  // Footer\n  footerEnabled = false,\n  footerContent = \"\",\n  footerColor = \"muted\",\n  footerBackground = \"transparent\",\n\n  // Styling\n  background = DEFAULT_BACKGROUND,\n  padding = 6,\n  borderRadius = \"xl\",\n  borderWidth = \"thin\",\n  borderColor = \"muted\",\n  borderEnabled,\n  gapSize = \"md\",\n\n  // Container\n  children = DEFAULT_CHILDREN,\n\n  className = \"\",\n}: CardWidgetProps): React.JSX.Element {\n  // Get registry from context if not provided as prop\n  const contextRegistry = useRegistry();\n\n  // Use ScreenRenderer from context, fall back to local\n  const ContextScreenRenderer = useScreenRenderer();\n  const ScreenRenderer = ContextScreenRenderer ?? DefaultScreenRenderer;\n\n  // Extract background values\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\n  const gapSizeValue = gapSize ? gapValues[gapSize] : 4;\n\n  // Backwards compatibility: if legacy borderEnabled prop exists, map it\n  const effectiveBorderWidth = borderEnabled === false ? \"none\" : borderWidth;\n\n  const cardClasses = [\n    \"flex flex-col gap-6\",\n    `bg-${backgroundColor}`,\n    `p-${padding}`,\n    `rounded-${borderRadius}`,\n    borderWidthClasses[effectiveBorderWidth],\n    effectiveBorderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const containerStyle: React.CSSProperties = {\n    backgroundImage,\n  };\n\n  // Filter out null children\n  const validChildren = children.filter(\n    (child): child is WidgetSchema => child !== null,\n  );\n\n  return (\n    <div data-slot=\"card\" className={cardClasses} style={containerStyle}>\n      {headerEnabled && (title || headerBackground !== \"transparent\") && (\n        <div\n          data-slot=\"card-header\"\n          className={\n            headerBackground !== \"transparent\"\n              ? `bg-${headerBackground} -mx-${padding} -mt-${padding} px-${padding} py-${padding} rounded-t-${borderRadius}`\n              : undefined\n          }\n        >\n          {title && (\n            <div\n              data-slot=\"card-title\"\n              className={`text-${titleFontSize} text-${titleColor} font-header leading-none font-semibold`}\n            >\n              {title}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div data-slot=\"card-content\" className=\"@container flex-1\">\n        {contextRegistry ? (\n          <ScreenRenderer\n            screen={validChildren}\n            registry={contextRegistry}\n            className={`flex flex-col gap-${gapSizeValue}`}\n          />\n        ) : (\n          <div className={`flex flex-col gap-${gapSizeValue}`} />\n        )}\n      </div>\n\n      {footerEnabled && footerContent && (\n        <div\n          data-slot=\"card-footer\"\n          className={[\n            `text-sm text-${footerColor} flex items-center`,\n            footerBackground !== \"transparent\"\n              ? `bg-${footerBackground} -mx-${padding} -mb-${padding} px-${padding} py-${padding} rounded-b-${borderRadius}`\n              : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        >\n          {footerContent}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const cardWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"CardWidget\",\n  displayName: \"Card\",\n  fields: [\n    // Header\n    {\n      key: \"headerEnabled\",\n      label: \"Show Header\",\n      type: \"boolean\",\n      description: \"Toggle header visibility\",\n      defaultValue: true,\n      group: \"Header\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Card title text\",\n      defaultValue: \"Card Title\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"lg\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n    getColorField({\n      key: \"headerBackground\",\n      label: \"Header Background\",\n      description: \"Background color for the header\",\n      defaultValue: \"transparent\",\n      group: \"Header\",\n      requiresKeyToBeTrue: \"headerEnabled\",\n    }),\n\n    // Footer\n    {\n      key: \"footerEnabled\",\n      label: \"Show Footer\",\n      type: \"boolean\",\n      description: \"Toggle footer visibility\",\n      defaultValue: false,\n      group: \"Footer\",\n    },\n    {\n      key: \"footerContent\",\n      label: \"Footer Text\",\n      type: \"text\",\n      description: \"Footer content text\",\n      defaultValue: \"\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    },\n    getColorField({\n      key: \"footerColor\",\n      label: \"Footer Color\",\n      description: \"Color for the footer text\",\n      defaultValue: \"muted\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n    getColorField({\n      key: \"footerBackground\",\n      label: \"Footer Background\",\n      description: \"Background color for the footer\",\n      defaultValue: \"transparent\",\n      group: \"Footer\",\n      requiresKeyToBeTrue: \"footerEnabled\",\n    }),\n\n    // Design\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the card\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Card padding\",\n      defaultValue: 6,\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Card border radius\",\n      defaultValue: \"xl\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Card border width\",\n      defaultValue: \"thin\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Card border color\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between child widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{ContainerWidget-PjWuvAlm.mjs → ContainerWidget-B51UF7DK.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-BeIE2Uzn.mjs";
-import { t as LayoutWidget } from "./LayoutWidget-oVmk8nm9.mjs";
+import { t as LayoutWidget } from "./LayoutWidget-CtqIb8_Z.mjs";
 import { f as getGapField, m as getPaddingField } from "./registries-CyjQkRM-.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region ../widgets/src/widgets/ContainerWidget.tsx
@@ -41,4 +41,4 @@ const containerWidgetPropertySchema = {
 //#endregion
 export { ContainerWidget_exports as n, containerWidgetPropertySchema as r, ContainerWidget as t };
 
-//# sourceMappingURL=ContainerWidget-PjWuvAlm.mjs.map
+//# sourceMappingURL=ContainerWidget-B51UF7DK.mjs.map

package/dist/{ContainerWidget-PjWuvAlm.mjs.map → ContainerWidget-B51UF7DK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ContainerWidget-PjWuvAlm.mjs","names":[],"sources":["../../widgets/src/widgets/ContainerWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { LayoutWidget } from \"./LayoutWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { getGapField, getPaddingField } from \"../core/fields\";\n\n/**\n * ContainerWidget - Root container widget for screens\n *\n * This widget wraps LayoutWidget and serves as the foundational container\n * for every screen. It cannot be added, deleted, moved, or copied by users.\n *\n * Only exposes limited settings: gap, padding, and backgroundColor\n */\n\ntype ContainerWidgetProps = ComponentProps<typeof LayoutWidget>;\n\nexport function ContainerWidget(\n  props: ContainerWidgetProps,\n): React.JSX.Element {\n  // Pass all props through to LayoutWidget\n  return <LayoutWidget {...props} />;\n}\n\nexport const containerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContainerWidget\",\n  displayName: \"Canvas Settings\",\n  fields: [\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the container\",\n      defaultValue: 4,\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the container\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,gBACd,OACmB;AAEnB,QAAO,oBAAC,cAAD,EAAc,GAAI,OAAS,CAAA;;AAGpC,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACN,YAAY;GACV,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR;EACF;CACF"}
+{"version":3,"file":"ContainerWidget-B51UF7DK.mjs","names":[],"sources":["../../widgets/src/widgets/ContainerWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { LayoutWidget } from \"./LayoutWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { getGapField, getPaddingField } from \"../core/fields\";\n\n/**\n * ContainerWidget - Root container widget for screens\n *\n * This widget wraps LayoutWidget and serves as the foundational container\n * for every screen. It cannot be added, deleted, moved, or copied by users.\n *\n * Only exposes limited settings: gap, padding, and backgroundColor\n */\n\ntype ContainerWidgetProps = ComponentProps<typeof LayoutWidget>;\n\nexport function ContainerWidget(\n  props: ContainerWidgetProps,\n): React.JSX.Element {\n  // Pass all props through to LayoutWidget\n  return <LayoutWidget {...props} />;\n}\n\nexport const containerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContainerWidget\",\n  displayName: \"Canvas Settings\",\n  fields: [\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the container\",\n      defaultValue: 4,\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the container\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;;AAiBA,SAAgB,gBACd,OACmB;AAEnB,QAAO,oBAAC,cAAD,EAAc,GAAI,OAAS,CAAA;;AAGpC,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACN,YAAY;GACV,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR;EACF;CACF"}

package/dist/{ContainerWidget-Blb9A9i6.cjs → ContainerWidget-DNo8CkQ7.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_LayoutWidget = require("./LayoutWidget-BUxgiC_H.cjs");
+const require_LayoutWidget = require("./LayoutWidget-DHlXzqUk.cjs");
 const require_registries = require("./registries-GJMHub-Q.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../widgets/src/widgets/ContainerWidget.tsx
@@ -48,4 +48,4 @@ Object.defineProperty(exports, "containerWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ContainerWidget-Blb9A9i6.cjs.map
+//# sourceMappingURL=ContainerWidget-DNo8CkQ7.cjs.map

package/dist/{ContainerWidget-Blb9A9i6.cjs.map → ContainerWidget-DNo8CkQ7.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ContainerWidget-Blb9A9i6.cjs","names":["LayoutWidget","getGapField","getPaddingField"],"sources":["../../widgets/src/widgets/ContainerWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { LayoutWidget } from \"./LayoutWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { getGapField, getPaddingField } from \"../core/fields\";\n\n/**\n * ContainerWidget - Root container widget for screens\n *\n * This widget wraps LayoutWidget and serves as the foundational container\n * for every screen. It cannot be added, deleted, moved, or copied by users.\n *\n * Only exposes limited settings: gap, padding, and backgroundColor\n */\n\ntype ContainerWidgetProps = ComponentProps<typeof LayoutWidget>;\n\nexport function ContainerWidget(\n  props: ContainerWidgetProps,\n): React.JSX.Element {\n  // Pass all props through to LayoutWidget\n  return <LayoutWidget {...props} />;\n}\n\nexport const containerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContainerWidget\",\n  displayName: \"Canvas Settings\",\n  fields: [\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the container\",\n      defaultValue: 4,\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the container\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n  ],\n};\n"],"mappings":";;;;;AAiBA,SAAgB,gBACd,OACmB;AAEnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,cAAD,EAAc,GAAI,OAAS,CAAA;;AAGpC,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACNC,mBAAAA,YAAY;GACV,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACFC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR;EACF;CACF"}
+{"version":3,"file":"ContainerWidget-DNo8CkQ7.cjs","names":["LayoutWidget","getGapField","getPaddingField"],"sources":["../../widgets/src/widgets/ContainerWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { LayoutWidget } from \"./LayoutWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { getGapField, getPaddingField } from \"../core/fields\";\n\n/**\n * ContainerWidget - Root container widget for screens\n *\n * This widget wraps LayoutWidget and serves as the foundational container\n * for every screen. It cannot be added, deleted, moved, or copied by users.\n *\n * Only exposes limited settings: gap, padding, and backgroundColor\n */\n\ntype ContainerWidgetProps = ComponentProps<typeof LayoutWidget>;\n\nexport function ContainerWidget(\n  props: ContainerWidgetProps,\n): React.JSX.Element {\n  // Pass all props through to LayoutWidget\n  return <LayoutWidget {...props} />;\n}\n\nexport const containerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ContainerWidget\",\n  displayName: \"Canvas Settings\",\n  fields: [\n    getGapField({\n      key: \"gapSize\",\n      label: \"Gap\",\n      description: \"Gap between widgets\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding for the container\",\n      defaultValue: 4,\n      group: \"Design\",\n    }),\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the container\",\n      defaultValue: \"background\",\n      group: \"Design\",\n    },\n  ],\n};\n"],"mappings":";;;;;AAiBA,SAAgB,gBACd,OACmB;AAEnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,cAAD,EAAc,GAAI,OAAS,CAAA;;AAGpC,MAAa,gCAAsD;CACjE,YAAY;CACZ,aAAa;CACb,QAAQ;EACNC,mBAAAA,YAAY;GACV,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACFC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,OAAO;GACR;EACF;CACF"}

package/dist/{ContainerWidget-CTP4UZXI.cjs → ContainerWidget-gtjlMITv.cjs}

@@ -1,8 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./ScreenRenderer-Cx2KWPVu.cjs");
+require("./ScreenRenderer-DfeRRgBO.cjs");
 require("./registry-context-RWj2xJlC.cjs");
-require("./LayoutWidget-BUxgiC_H.cjs");
+require("./LayoutWidget-DHlXzqUk.cjs");
 require("./registries-GJMHub-Q.cjs");
 require("./fields-C8gY9GlT.cjs");
-const require_ContainerWidget = require("./ContainerWidget-Blb9A9i6.cjs");
+const require_ContainerWidget = require("./ContainerWidget-DNo8CkQ7.cjs");
 exports.containerWidgetPropertySchema = require_ContainerWidget.containerWidgetPropertySchema;

package/dist/{FluidProvider-j5QX1XRm.cjs → FluidProvider-D177ez3m.cjs}

@@ -1,25 +1,25 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_ScreenRenderer = require("./ScreenRenderer-Cx2KWPVu.cjs");
+const require_ScreenRenderer = require("./ScreenRenderer-DfeRRgBO.cjs");
 const require_account_api_context = require("./account-api-context-DZP9IiGg.cjs");
 const require_store_api_context = require("./store-api-context-D1gZn22Z.cjs");
 const require_mysite_api_context = require("./mysite-api-context-CilZcDS4.cjs");
 const require_countries_api_context = require("./countries-api-context-G-NW4BoH.cjs");
-const require_portal_tenant = require("./portal_tenant-pozf8Ht6.cjs");
-const require_portal_tenant_content = require("./portal_tenant_content-Dwmo8XZ-.cjs");
+const require_portal_tenant = require("./portal_tenant-BdKp073-.cjs");
+const require_portal_tenant_content = require("./portal_tenant_content-0zpnjBot.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
 const require_registry_context = require("./registry-context-RWj2xJlC.cjs");
 const require_EmbedWidget = require("./EmbedWidget-CLArhSmx.cjs");
 const require_error_state = require("./error-state-C-AalLnz.cjs");
-const require_LayoutWidget = require("./LayoutWidget-BUxgiC_H.cjs");
+const require_LayoutWidget = require("./LayoutWidget-DHlXzqUk.cjs");
 const require_TextWidget = require("./TextWidget--UgOcUQx.cjs");
 const require_AlertWidget = require("./AlertWidget-Nx31UmWK.cjs");
 const require_BulletListWidget = require("./BulletListWidget-CouwHMJt.cjs");
 const require_CalendarWidget = require("./CalendarWidget-BtKzQFeO.cjs");
-const require_CardWidget = require("./CardWidget-DSq_Q8kv.cjs");
+const require_CardWidget = require("./CardWidget-DVi0NVhb.cjs");
 const require_CarouselWidget = require("./CarouselWidget-DLqTBIrf.cjs");
 const require_CatchUpWidget = require("./CatchUpWidget-BmibiEkX.cjs");
 const require_ChartWidget = require("./ChartWidget-B0vgP7df.cjs");
-const require_ContainerWidget = require("./ContainerWidget-Blb9A9i6.cjs");
+const require_ContainerWidget = require("./ContainerWidget-DNo8CkQ7.cjs");
 const require_ImageWidget = require("./ImageWidget-B7ui4-KU.cjs");
 const require_LinkWidget = require("./LinkWidget-BfvepYU9.cjs");
 const require_ListWidget = require("./ListWidget-Da-YzDAs.cjs");
@@ -712,6 +712,40 @@ function throwIfAborted(signal) {
 function bffNotSupported(op) {
 	throw new Error(`[portal-tenant-adapter] "${op}" is not available on the portal-tenant BFF. Wire the legacy adapter for this feature, or re-add the endpoint to the BFF spec.`);
 }
+function isProduction() {
+	return globalThis.process?.env?.NODE_ENV === "production";
+}
+function narrowPeriod(value) {
+	if (value === "7d" || value === "30d" || value === "90d" || value === "1y" || value === "all") return value;
+	if (value !== void 0 && !isProduction()) console.warn(`[portal-sdk] narrowPeriod: unknown value "${value}" dropped`);
+}
+async function fetchShareVisited(shareableType, client, contentClient, query) {
+	switch (shareableType) {
+		case "products": return (await require_portal_tenant.product_metrics_share_visits(client, query)).resources ?? [];
+		case "media": return (await require_portal_tenant_content.content_media_metrics_share_visits(contentClient, query)).resources ?? [];
+		case "libraries": return (await require_portal_tenant_content.content_playlists_metrics_share_visits(contentClient, query)).resources ?? [];
+		case "pages": return (await require_portal_tenant_content.content_pages_metrics_share_visits(contentClient, query)).resources ?? [];
+		case "enrollment_packs": return (await require_portal_tenant.enrollment_pack_metrics_share_visits(client, query)).resources ?? [];
+		case "promotions": bffNotSupported(`fetchMostShared(${shareableType})`);
+	}
+}
+async function fetchVisited(shareableType, client, contentClient, query) {
+	switch (shareableType) {
+		case "products": return (await require_portal_tenant.product_metrics_visits(client, query)).resources ?? [];
+		case "media": return (await require_portal_tenant_content.content_media_metrics_visits(contentClient, query)).resources ?? [];
+		case "libraries": return (await require_portal_tenant_content.content_playlists_metrics_visits(contentClient, query)).resources ?? [];
+		case "pages": return (await require_portal_tenant_content.content_pages_metrics_visits(contentClient, query)).resources ?? [];
+		case "enrollment_packs": return (await require_portal_tenant.enrollment_pack_metrics_visits(client, query)).resources ?? [];
+		case "promotions": bffNotSupported(`fetchMostViewed(${shareableType})`);
+	}
+}
+function toMetricsQuery(options) {
+	const query = {};
+	const period = narrowPeriod(options.period);
+	if (period) query.period = period;
+	if (options.limit != null) query.limit = options.limit;
+	return query;
+}
 /**
 * Map a BFF order response to the port's NormalizedOrder shape.
 * Centralizes the boundary between BFF wire format and our canonical type
@@ -764,11 +798,19 @@ function toNormalizedSubscription(raw) {
 */
 function createDataSourceApiAdapter(client, contentClient) {
 	return {
-		async fetchMostShared(_repId, _options) {
-			bffNotSupported("fetchMostShared");
+		async fetchMostShared(_repId, options) {
+			throwIfAborted(options.signal);
+			const query = toMetricsQuery(options);
+			const result = await fetchShareVisited(options.shareableType, client, contentClient, query);
+			throwIfAborted(options.signal);
+			return result;
 		},
-		async fetchMostViewed(_repId, _options) {
-			bffNotSupported("fetchMostViewed");
+		async fetchMostViewed(_repId, options) {
+			throwIfAborted(options.signal);
+			const query = toMetricsQuery(options);
+			const result = await fetchVisited(options.shareableType, client, contentClient, query);
+			throwIfAborted(options.signal);
+			return result;
 		},
 		async fetchOrders(_customerId, options) {
 			throwIfAborted(options?.signal);
@@ -2731,14 +2773,14 @@ const widgetPropertySchemas = {
 	AlertWidget: () => Promise.resolve().then(() => require("./AlertWidget-Nx31UmWK.cjs")).then((n) => n.AlertWidget_exports).then((m) => m.alertWidgetPropertySchema),
 	BulletListWidget: () => Promise.resolve().then(() => require("./BulletListWidget-CouwHMJt.cjs")).then((n) => n.BulletListWidget_exports).then((m) => m.bulletListWidgetPropertySchema),
 	CalendarWidget: () => Promise.resolve().then(() => require("./CalendarWidget-BtKzQFeO.cjs")).then((n) => n.CalendarWidget_exports).then((m) => m.calendarWidgetPropertySchema),
-	CardWidget: () => Promise.resolve().then(() => require("./CardWidget-HgYL7cEj.cjs")).then((m) => m.cardWidgetPropertySchema),
+	CardWidget: () => Promise.resolve().then(() => require("./CardWidget-BVYjwdua.cjs")).then((m) => m.cardWidgetPropertySchema),
 	CarouselWidget: () => Promise.resolve().then(() => require("./CarouselWidget-BENYmIwu.cjs")).then((m) => m.carouselWidgetPropertySchema),
 	CatchUpWidget: () => Promise.resolve().then(() => require("./CatchUpWidget-BmibiEkX.cjs")).then((n) => n.CatchUpWidget_exports).then((m) => m.catchUpWidgetPropertySchema),
 	ChartWidget: () => Promise.resolve().then(() => require("./ChartWidget-DzgRlcNX.cjs")).then((m) => m.chartWidgetPropertySchema),
-	ContainerWidget: () => Promise.resolve().then(() => require("./ContainerWidget-CTP4UZXI.cjs")).then((m) => m.containerWidgetPropertySchema),
+	ContainerWidget: () => Promise.resolve().then(() => require("./ContainerWidget-gtjlMITv.cjs")).then((m) => m.containerWidgetPropertySchema),
 	EmbedWidget: () => Promise.resolve().then(() => require("./EmbedWidget-CLArhSmx.cjs")).then((n) => n.EmbedWidget_exports).then((m) => m.embedWidgetPropertySchema),
 	ImageWidget: () => Promise.resolve().then(() => require("./ImageWidget-B7ui4-KU.cjs")).then((n) => n.ImageWidget_exports).then((m) => m.imageWidgetPropertySchema),
-	LayoutWidget: () => Promise.resolve().then(() => require("./LayoutWidget-D05U-Fai.cjs")).then((m) => m.layoutWidgetPropertySchema),
+	LayoutWidget: () => Promise.resolve().then(() => require("./LayoutWidget-D5gh0ejr.cjs")).then((m) => m.layoutWidgetPropertySchema),
 	LinkWidget: () => Promise.resolve().then(() => require("./LinkWidget-DfVu-3zf.cjs")).then((m) => m.linkWidgetPropertySchema),
 	ListWidget: () => Promise.resolve().then(() => require("./ListWidget-BAf2Vfsx.cjs")).then((m) => m.listWidgetPropertySchema),
 	MySiteWidget: () => Promise.resolve().then(() => require("./MySiteWidget-ISV__1ng.cjs")).then((n) => n.MySiteWidget_exports).then((m) => m.mySiteWidgetPropertySchema),
@@ -3184,4 +3226,4 @@ Object.defineProperty(exports, "widgetPropertySchemas", {
 	}
 });
 
-//# sourceMappingURL=FluidProvider-j5QX1XRm.cjs.map
+//# sourceMappingURL=FluidProvider-D177ez3m.cjs.map