@fluid-app/portal-sdk 0.1.469 → 0.1.470

package/dist/{ImageWidget-BK_f_L0T.mjs → ImageWidget-B2SfenSC.mjs}

@@ -2,7 +2,7 @@ import { i as __exportAll } from "./translation-adapter-B6vtWJJa.mjs";
 import { t as useWidgetRenderState } from "./WidgetRenderStateContext-CVGuRxUt.mjs";
 import { i as getBorderColorField, n as borderWidthClasses, o as getBorderRadiusField, p as getHeightField, s as getBorderWidthField, t as borderColorClasses } from "./registries-Dvq4M6wO.mjs";
 import { t as MediaRenderer } from "./MediaRenderer-Bg5VbgPk.mjs";
-import { t as getLinkTypeFields } from "./link-type-schema-fields-DJBFdG7t.mjs";
+import { t as getLinkTypeFields } from "./link-type-schema-fields-CncR6GKa.mjs";
 import { t as useLinkAction } from "./use-link-action-2e-3vIz-.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region ../widgets/src/widgets/ImageWidget.tsx
@@ -170,4 +170,4 @@ const imageWidgetPropertySchema = {
 //#endregion
 export { ImageWidget_exports as n, imageWidgetPropertySchema as r, ImageWidget as t };
 
-//# sourceMappingURL=ImageWidget-BK_f_L0T.mjs.map
+//# sourceMappingURL=ImageWidget-B2SfenSC.mjs.map

package/dist/{ImageWidget-BK_f_L0T.mjs.map → ImageWidget-B2SfenSC.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageWidget-BK_f_L0T.mjs","names":[],"sources":["../../widgets/src/widgets/ImageWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\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 {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport { getLinkTypeFields } from \"../lib/link-type-schema-fields\";\n\ntype ImageWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  alt?: 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  linkType?: LinkType;\n  href?: string;\n  openInNewTab?: boolean;\n  screenSlug?: string;\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  /** @deprecated Use href instead. Kept for backward compat with existing widgets. */\n  linkUrl?: string;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nexport function ImageWidget({\n  src = \"\",\n  alt = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  linkType,\n  href,\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  linkUrl,\n  resource,\n  useCustomUrl,\n  editMode: _editMode,\n}: ImageWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const effectiveSrc = useCustomUrl ? src : (resource?.imageUrl ?? src);\n  const effectiveAlt = resource?.title ?? alt;\n\n  // Backward compat: only fall back to linkUrl for truly legacy widgets\n  // (linkType absent). Once linkType is set (seeded on first save),\n  // href is authoritative and linkUrl is ignored.\n  const effectiveHref = linkType != null ? (href ?? \"\") : href || linkUrl || \"\";\n\n  const { resolvedHref, handleClick, hasTarget, anchorProps } = useLinkAction({\n    linkType,\n    href: effectiveHref,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  const content = (\n    <div\n      className={`w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} overflow-hidden`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"image\"\n        src={effectiveSrc}\n        alt={effectiveAlt}\n        objectFit={isFixed ? displayFit : \"contain\"}\n        focusPoint={isFixed ? focusPoint : undefined}\n      />\n    </div>\n  );\n\n  if (editMode || !hasTarget) {\n    return content;\n  }\n\n  if (linkType === \"share\") {\n    return (\n      <button type=\"button\" onClick={handleClick} className=\"cursor-pointer\">\n        {content}\n      </button>\n    );\n  }\n\n  // handleClick handles screen navigation, plus URLs that point back into this\n  // portal; it's a no-op for URLs that lead elsewhere.\n  return (\n    <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n      {content}\n    </a>\n  );\n}\n\nexport const imageWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ImageWidget\",\n  displayName: \"Image\",\n  fields: [\n    // Content\n    {\n      key: \"resource\",\n      label: \"Select Image\",\n      type: \"image\",\n      description: \"Browse and select an image\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom image URL instead of selecting media\",\n      defaultValue: false,\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Image URL\",\n      type: \"text\",\n      description: \"The source URL of the image\",\n      defaultValue:\n        \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&auto=format&fit=crop\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"alt\",\n      label: \"Alt Text\",\n      type: \"text\",\n      description: \"Alternative text for the image (for accessibility)\",\n      defaultValue: \"Placeholder image\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the image height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the image container\",\n      defaultValue: \"200px\",\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 image fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\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 image within its container\",\n      defaultValue: \"center\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Link\n    ...getLinkTypeFields({ group: \"Link\" }),\n  ],\n};\n"],"mappings":"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"}
+{"version":3,"file":"ImageWidget-B2SfenSC.mjs","names":[],"sources":["../../widgets/src/widgets/ImageWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\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 {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport { getLinkTypeFields } from \"../lib/link-type-schema-fields\";\n\ntype ImageWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  alt?: 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  linkType?: LinkType;\n  href?: string;\n  openInNewTab?: boolean;\n  screenSlug?: string;\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  /** @deprecated Use href instead. Kept for backward compat with existing widgets. */\n  linkUrl?: string;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nexport function ImageWidget({\n  src = \"\",\n  alt = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  linkType,\n  href,\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  linkUrl,\n  resource,\n  useCustomUrl,\n  editMode: _editMode,\n}: ImageWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const effectiveSrc = useCustomUrl ? src : (resource?.imageUrl ?? src);\n  const effectiveAlt = resource?.title ?? alt;\n\n  // Backward compat: only fall back to linkUrl for truly legacy widgets\n  // (linkType absent). Once linkType is set (seeded on first save),\n  // href is authoritative and linkUrl is ignored.\n  const effectiveHref = linkType != null ? (href ?? \"\") : href || linkUrl || \"\";\n\n  const { resolvedHref, handleClick, hasTarget, anchorProps } = useLinkAction({\n    linkType,\n    href: effectiveHref,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  const content = (\n    <div\n      className={`w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} overflow-hidden`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"image\"\n        src={effectiveSrc}\n        alt={effectiveAlt}\n        objectFit={isFixed ? displayFit : \"contain\"}\n        focusPoint={isFixed ? focusPoint : undefined}\n      />\n    </div>\n  );\n\n  if (editMode || !hasTarget) {\n    return content;\n  }\n\n  if (linkType === \"share\") {\n    return (\n      <button type=\"button\" onClick={handleClick} className=\"cursor-pointer\">\n        {content}\n      </button>\n    );\n  }\n\n  // handleClick handles screen navigation, plus URLs that point back into this\n  // portal; it's a no-op for URLs that lead elsewhere.\n  return (\n    <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n      {content}\n    </a>\n  );\n}\n\nexport const imageWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ImageWidget\",\n  displayName: \"Image\",\n  fields: [\n    // Content\n    {\n      key: \"resource\",\n      label: \"Select Image\",\n      type: \"image\",\n      description: \"Browse and select an image\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom image URL instead of selecting media\",\n      defaultValue: false,\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Image URL\",\n      type: \"text\",\n      description: \"The source URL of the image\",\n      defaultValue:\n        \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&auto=format&fit=crop\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"alt\",\n      label: \"Alt Text\",\n      type: \"text\",\n      description: \"Alternative text for the image (for accessibility)\",\n      defaultValue: \"Placeholder image\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the image height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the image container\",\n      defaultValue: \"200px\",\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 image fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\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 image within its container\",\n      defaultValue: \"center\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Link\n    ...getLinkTypeFields({ group: \"Link\" }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{ImageWidget-8WfRzR60.cjs → ImageWidget-BFyfpxLg.cjs}

@@ -5,5 +5,5 @@ require("./registries-DgzzKX8_.cjs");
 require("./fields-DSSM7CHZ.cjs");
 require("./MediaRenderer-CnO_Em1S.cjs");
 require("./use-link-action-gHLQsMOV.cjs");
-const require_ImageWidget = require("./ImageWidget-C9PCTFpZ.cjs");
+const require_ImageWidget = require("./ImageWidget-C7U9t7a3.cjs");
 exports.imageWidgetPropertySchema = require_ImageWidget.imageWidgetPropertySchema;

package/dist/{ImageWidget-C9PCTFpZ.cjs → ImageWidget-C7U9t7a3.cjs}

@@ -2,7 +2,7 @@ require("./chunk-9hOWP6kD.cjs");
 const require_WidgetRenderStateContext = require("./WidgetRenderStateContext-DKuMsmid.cjs");
 const require_registries = require("./registries-DgzzKX8_.cjs");
 const require_MediaRenderer = require("./MediaRenderer-CnO_Em1S.cjs");
-const require_link_type_schema_fields = require("./link-type-schema-fields-CQXXgSqn.cjs");
+const require_link_type_schema_fields = require("./link-type-schema-fields-DvSzjbwD.cjs");
 const require_use_link_action = require("./use-link-action-gHLQsMOV.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../widgets/src/widgets/ImageWidget.tsx
@@ -177,4 +177,4 @@ Object.defineProperty(exports, "imageWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ImageWidget-C9PCTFpZ.cjs.map
+//# sourceMappingURL=ImageWidget-C7U9t7a3.cjs.map

package/dist/{ImageWidget-C9PCTFpZ.cjs.map → ImageWidget-C7U9t7a3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageWidget-C9PCTFpZ.cjs","names":["useWidgetRenderState","useLinkAction","borderWidthClasses","borderColorClasses","MediaRenderer","getBorderRadiusField","getBorderWidthField","getBorderColorField","getHeightField","getLinkTypeFields"],"sources":["../../widgets/src/widgets/ImageWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\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 {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport { getLinkTypeFields } from \"../lib/link-type-schema-fields\";\n\ntype ImageWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  alt?: 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  linkType?: LinkType;\n  href?: string;\n  openInNewTab?: boolean;\n  screenSlug?: string;\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  /** @deprecated Use href instead. Kept for backward compat with existing widgets. */\n  linkUrl?: string;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nexport function ImageWidget({\n  src = \"\",\n  alt = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  linkType,\n  href,\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  linkUrl,\n  resource,\n  useCustomUrl,\n  editMode: _editMode,\n}: ImageWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const effectiveSrc = useCustomUrl ? src : (resource?.imageUrl ?? src);\n  const effectiveAlt = resource?.title ?? alt;\n\n  // Backward compat: only fall back to linkUrl for truly legacy widgets\n  // (linkType absent). Once linkType is set (seeded on first save),\n  // href is authoritative and linkUrl is ignored.\n  const effectiveHref = linkType != null ? (href ?? \"\") : href || linkUrl || \"\";\n\n  const { resolvedHref, handleClick, hasTarget, anchorProps } = useLinkAction({\n    linkType,\n    href: effectiveHref,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  const content = (\n    <div\n      className={`w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} overflow-hidden`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"image\"\n        src={effectiveSrc}\n        alt={effectiveAlt}\n        objectFit={isFixed ? displayFit : \"contain\"}\n        focusPoint={isFixed ? focusPoint : undefined}\n      />\n    </div>\n  );\n\n  if (editMode || !hasTarget) {\n    return content;\n  }\n\n  if (linkType === \"share\") {\n    return (\n      <button type=\"button\" onClick={handleClick} className=\"cursor-pointer\">\n        {content}\n      </button>\n    );\n  }\n\n  // handleClick handles screen navigation, plus URLs that point back into this\n  // portal; it's a no-op for URLs that lead elsewhere.\n  return (\n    <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n      {content}\n    </a>\n  );\n}\n\nexport const imageWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ImageWidget\",\n  displayName: \"Image\",\n  fields: [\n    // Content\n    {\n      key: \"resource\",\n      label: \"Select Image\",\n      type: \"image\",\n      description: \"Browse and select an image\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom image URL instead of selecting media\",\n      defaultValue: false,\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Image URL\",\n      type: \"text\",\n      description: \"The source URL of the image\",\n      defaultValue:\n        \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&auto=format&fit=crop\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"alt\",\n      label: \"Alt Text\",\n      type: \"text\",\n      description: \"Alternative text for the image (for accessibility)\",\n      defaultValue: \"Placeholder image\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the image height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the image container\",\n      defaultValue: \"200px\",\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 image fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\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 image within its container\",\n      defaultValue: \"center\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Link\n    ...getLinkTypeFields({ group: \"Link\" }),\n  ],\n};\n"],"mappings":"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"}
+{"version":3,"file":"ImageWidget-C7U9t7a3.cjs","names":["useWidgetRenderState","useLinkAction","borderWidthClasses","borderColorClasses","MediaRenderer","getBorderRadiusField","getBorderWidthField","getBorderColorField","getHeightField","getLinkTypeFields"],"sources":["../../widgets/src/widgets/ImageWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\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 {\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport { getLinkTypeFields } from \"../lib/link-type-schema-fields\";\n\ntype ImageWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  alt?: 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  linkType?: LinkType;\n  href?: string;\n  openInNewTab?: boolean;\n  screenSlug?: string;\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  /** @deprecated Use href instead. Kept for backward compat with existing widgets. */\n  linkUrl?: string;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nexport function ImageWidget({\n  src = \"\",\n  alt = \"\",\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  linkType,\n  href,\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  linkUrl,\n  resource,\n  useCustomUrl,\n  editMode: _editMode,\n}: ImageWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const effectiveSrc = useCustomUrl ? src : (resource?.imageUrl ?? src);\n  const effectiveAlt = resource?.title ?? alt;\n\n  // Backward compat: only fall back to linkUrl for truly legacy widgets\n  // (linkType absent). Once linkType is set (seeded on first save),\n  // href is authoritative and linkUrl is ignored.\n  const effectiveHref = linkType != null ? (href ?? \"\") : href || linkUrl || \"\";\n\n  const { resolvedHref, handleClick, hasTarget, anchorProps } = useLinkAction({\n    linkType,\n    href: effectiveHref,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  const content = (\n    <div\n      className={`w-full rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} overflow-hidden`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"image\"\n        src={effectiveSrc}\n        alt={effectiveAlt}\n        objectFit={isFixed ? displayFit : \"contain\"}\n        focusPoint={isFixed ? focusPoint : undefined}\n      />\n    </div>\n  );\n\n  if (editMode || !hasTarget) {\n    return content;\n  }\n\n  if (linkType === \"share\") {\n    return (\n      <button type=\"button\" onClick={handleClick} className=\"cursor-pointer\">\n        {content}\n      </button>\n    );\n  }\n\n  // handleClick handles screen navigation, plus URLs that point back into this\n  // portal; it's a no-op for URLs that lead elsewhere.\n  return (\n    <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n      {content}\n    </a>\n  );\n}\n\nexport const imageWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ImageWidget\",\n  displayName: \"Image\",\n  fields: [\n    // Content\n    {\n      key: \"resource\",\n      label: \"Select Image\",\n      type: \"image\",\n      description: \"Browse and select an image\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom image URL instead of selecting media\",\n      defaultValue: false,\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Image URL\",\n      type: \"text\",\n      description: \"The source URL of the image\",\n      defaultValue:\n        \"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&auto=format&fit=crop\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"alt\",\n      label: \"Alt Text\",\n      type: \"text\",\n      description: \"Alternative text for the image (for accessibility)\",\n      defaultValue: \"Placeholder image\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the image height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the image container\",\n      defaultValue: \"200px\",\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 image fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\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 image within its container\",\n      defaultValue: \"center\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Link\n    ...getLinkTypeFields({ group: \"Link\" }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{LinkWidget-DRMzQhQz.cjs → LinkWidget-Cjzrpnzd.cjs}

@@ -119,6 +119,7 @@ const linkWidgetPropertySchema = {
 			key: "linkType",
 			label: "Link Type",
 			type: "buttonGroup",
+			description: "Choose whether this button opens a URL, screen, or share action",
 			options: [
 				{
 					label: "URL",
@@ -184,6 +185,7 @@ const linkWidgetPropertySchema = {
 			key: "shareSource",
 			label: "Share Source",
 			type: "buttonGroup",
+			description: "Choose whether the share action uses a resource or URL",
 			options: [{
 				label: "Resource",
 				value: "resource"
@@ -329,6 +331,7 @@ const linkWidgetPropertySchema = {
 		require_registries.getBorderRadiusCompositeField({
 			key: "borderRadiusGroup",
 			label: "Border Radius",
+			description: "Corner radius of the link button",
 			defaultValue: "md",
 			group: "Design"
 		}),
@@ -362,4 +365,4 @@ Object.defineProperty(exports, "linkWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=LinkWidget-DRMzQhQz.cjs.map
+//# sourceMappingURL=LinkWidget-Cjzrpnzd.cjs.map

package/dist/LinkWidget-Cjzrpnzd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkWidget-Cjzrpnzd.cjs","names":["useWidgetRenderState","useLinkAction","borderWidthClasses","borderColorClasses","Button","getButtonSizeField","getFontSizeField","AlignLeft","AlignCenter","AlignRight","getPaddingField","getBorderRadiusCompositeField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/LinkWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport {\n  getBorderRadiusCompositeField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getButtonSizeField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ButtonSizeOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { AlignCenter, AlignLeft, AlignRight } from \"lucide-react\";\nimport type { ShareableItem } from \"@fluid-app/portal-core/types\";\n\ntype LinkVariant =\n  | \"default\"\n  | \"outline\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"destructive\";\n\nconst borderRadiusTLClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-tl-none\",\n  sm: \"rounded-tl-sm\",\n  md: \"rounded-tl-md\",\n  lg: \"rounded-tl-lg\",\n  xl: \"rounded-tl-xl\",\n  full: \"rounded-tl-full\",\n};\n\nconst borderRadiusTRClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-tr-none\",\n  sm: \"rounded-tr-sm\",\n  md: \"rounded-tr-md\",\n  lg: \"rounded-tr-lg\",\n  xl: \"rounded-tr-xl\",\n  full: \"rounded-tr-full\",\n};\n\nconst borderRadiusBLClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-bl-none\",\n  sm: \"rounded-bl-sm\",\n  md: \"rounded-bl-md\",\n  lg: \"rounded-bl-lg\",\n  xl: \"rounded-bl-xl\",\n  full: \"rounded-bl-full\",\n};\n\nconst borderRadiusBRClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-br-none\",\n  sm: \"rounded-br-sm\",\n  md: \"rounded-br-md\",\n  lg: \"rounded-br-lg\",\n  xl: \"rounded-br-xl\",\n  full: \"rounded-br-full\",\n};\n\nexport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  linkType?: LinkType;\n  // URL mode\n  href?: string;\n  openInNewTab?: boolean;\n  // Screen mode\n  screenSlug?: string;\n  // Share mode\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  // Styling\n  variant?: LinkVariant;\n  size?: ButtonSizeOptions;\n  fontSize?: FontSizeOptions;\n  alignment?: \"left\" | \"center\" | \"right\";\n  fullWidth?: boolean;\n  padding?: PaddingOptions;\n  /** @deprecated Use per-corner props instead */\n  borderRadius?: BorderRadiusOptions;\n  borderRadiusTL?: BorderRadiusOptions;\n  borderRadiusTR?: BorderRadiusOptions;\n  borderRadiusBL?: BorderRadiusOptions;\n  borderRadiusBR?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  underline?: boolean;\n  previewMode?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nconst alignmentClasses = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n} as const;\n\nexport function LinkWidget({\n  text = \"Click Here\",\n  linkType = \"url\",\n  href = \"\",\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  variant = \"default\",\n  size = \"default\",\n  fontSize = \"sm\",\n  alignment = \"center\",\n  fullWidth = false,\n  padding = 0,\n  borderRadius,\n  borderRadiusTL,\n  borderRadiusTR,\n  borderRadiusBL,\n  borderRadiusBR,\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  underline = false,\n  previewMode = false,\n  editMode: _editMode,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const { resolvedHref, handleClick, anchorProps } = useLinkAction({\n    linkType,\n    href,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n  if (previewMode) {\n    return (\n      <div className={`flex justify-center p-4 ${className ?? \"\"}`} {...props}>\n        <span\n          style={{\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            height: \"36px\",\n            padding: \"0 16px\",\n            borderRadius: \"6px\",\n            backgroundColor: \"#18181b\",\n            color: \"#ffffff\",\n            fontSize: \"14px\",\n            fontWeight: 500,\n          }}\n        >\n          {text}\n        </span>\n      </div>\n    );\n  }\n\n  const fallback = borderRadius ?? \"md\";\n  const tl = borderRadiusTL ?? fallback;\n  const tr = borderRadiusTR ?? fallback;\n  const bl = borderRadiusBL ?? fallback;\n  const br = borderRadiusBR ?? fallback;\n  const borderRadiusClasses = `rounded-none ${borderRadiusTLClasses[tl]} ${borderRadiusTRClasses[tr]} ${borderRadiusBLClasses[bl]} ${borderRadiusBRClasses[br]}`;\n  const buttonClasses = `text-${fontSize} ${borderRadiusClasses} ${fullWidth ? \"w-full\" : \"\"} ${underline ? \"underline\" : \"\"}`;\n\n  return (\n    <div\n      className={`flex ${alignmentClasses[alignment]} p-${padding} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      {...props}\n    >\n      <Button asChild variant={variant} size={size} className={buttonClasses}>\n        {editMode ? (\n          <span className=\"cursor-default\">{text}</span>\n        ) : linkType === \"share\" ? (\n          <button type=\"button\" onClick={handleClick}>\n            {text}\n          </button>\n        ) : linkType === \"screen\" ? (\n          screenSlug ? (\n            <a href={resolvedHref} onClick={handleClick}>\n              {text}\n            </a>\n          ) : (\n            <span className=\"cursor-default\">{text}</span>\n          )\n        ) : (\n          // onClick matters for URLs that point back into this portal — those\n          // navigate in-app; everything else falls through to the browser.\n          <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n            {text}\n          </a>\n        )}\n      </Button>\n    </div>\n  );\n}\n\nexport const linkWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"LinkWidget\",\n  displayName: \"Link Button\",\n  fields: [\n    // Link Group\n    {\n      key: \"linkType\",\n      label: \"Link Type\",\n      type: \"buttonGroup\",\n      description:\n        \"Choose whether this button opens a URL, screen, or share action\",\n      options: [\n        { label: \"URL\", value: \"url\" },\n        { label: \"Screen\", value: \"screen\" },\n        { label: \"Share\", value: \"share\" },\n      ],\n      defaultValue: \"url\",\n      group: \"Link\",\n    },\n    {\n      key: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    // URL mode fields\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"url\" },\n    },\n    {\n      key: \"openInNewTab\",\n      label: \"Open in New Tab\",\n      type: \"boolean\",\n      description: \"Whether to open the link in a new tab\",\n      defaultValue: true,\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"url\" },\n    },\n    // Screen mode fields\n    {\n      key: \"screenSlug\",\n      label: \"Screen\",\n      type: \"screenPicker\",\n      description: \"Select a screen to navigate to\",\n      includeSystemItems: true,\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"screen\" },\n    },\n    // Share mode fields\n    {\n      key: \"shareSource\",\n      label: \"Share Source\",\n      type: \"buttonGroup\",\n      description: \"Choose whether the share action uses a resource or URL\",\n      options: [\n        { label: \"Resource\", value: \"resource\" },\n        { label: \"URL\", value: \"url\" },\n      ],\n      defaultValue: \"resource\",\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"share\" },\n    },\n    {\n      key: \"shareResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select content to share\",\n      allowedTypes: [\"Product\", \"Medium\", \"Library\", \"Page\", \"EnrollmentPack\"],\n      group: \"Link\",\n      requiresKeyValue: [\n        { key: \"linkType\", value: \"share\" },\n        { key: \"shareSource\", value: \"resource\" },\n      ],\n    },\n    {\n      key: \"shareUrl\",\n      label: \"Share URL\",\n      type: \"text\",\n      description: \"The URL to share\",\n      defaultValue: \"\",\n      group: \"Link\",\n      requiresKeyValue: [\n        { key: \"linkType\", value: \"share\" },\n        { key: \"shareSource\", value: \"url\" },\n      ],\n    },\n    // Button Style Group\n    {\n      key: \"variant\",\n      label: \"Variant\",\n      type: \"select\",\n      description: \"The visual style of the button\",\n      options: [\n        { label: \"Default\", value: \"default\" },\n        { label: \"Outline\", value: \"outline\" },\n        { label: \"Secondary\", value: \"secondary\" },\n        { label: \"Ghost\", value: \"ghost\" },\n        { label: \"Destructive\", value: \"destructive\" },\n      ],\n      defaultValue: \"default\",\n      group: \"Button Style\",\n    },\n    getButtonSizeField({\n      key: \"size\",\n      label: \"Size\",\n      description: \"The size of the button\",\n      defaultValue: \"default\",\n      group: \"Button Style\",\n    }),\n    getFontSizeField({\n      key: \"fontSize\",\n      label: \"Text Size\",\n      description: \"The font size of the button text\",\n      defaultValue: \"sm\",\n      group: \"Button Style\",\n    }),\n    {\n      key: \"underline\",\n      label: \"Underline\",\n      type: \"boolean\",\n      description: \"Underline the button text\",\n      defaultValue: false,\n      group: \"Button Style\",\n    },\n    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { icon: AlignLeft, ariaLabel: \"Align left\", value: \"left\" },\n        { icon: AlignCenter, ariaLabel: \"Align center\", value: \"center\" },\n        { icon: AlignRight, ariaLabel: \"Align right\", value: \"right\" },\n      ],\n      defaultValue: \"center\",\n      group: \"Layout\",\n    },\n    {\n      key: \"fullWidth\",\n      label: \"Full Width\",\n      type: \"boolean\",\n      description: \"Makes the button stretch to full container width\",\n      defaultValue: false,\n      group: \"Layout\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Outer container padding\",\n      defaultValue: 0,\n      group: \"Layout\",\n    }),\n    // Design Group\n    getBorderRadiusCompositeField({\n      key: \"borderRadiusGroup\",\n      label: \"Border Radius\",\n      description: \"Corner radius of the link button\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{LinkWidget-BqLCMzfY.cjs → LinkWidget-D3acO4R8.cjs}

@@ -5,5 +5,5 @@ require("./registries-DgzzKX8_.cjs");
 require("./fields-DSSM7CHZ.cjs");
 require("./src-C5tEKA7G.cjs");
 require("./use-link-action-gHLQsMOV.cjs");
-const require_LinkWidget = require("./LinkWidget-DRMzQhQz.cjs");
+const require_LinkWidget = require("./LinkWidget-Cjzrpnzd.cjs");
 exports.linkWidgetPropertySchema = require_LinkWidget.linkWidgetPropertySchema;

package/dist/{LinkWidget-C3HRFueg.mjs → LinkWidget-Dlw2rzK6.mjs}

@@ -123,6 +123,7 @@ const linkWidgetPropertySchema = {
 			key: "linkType",
 			label: "Link Type",
 			type: "buttonGroup",
+			description: "Choose whether this button opens a URL, screen, or share action",
 			options: [
 				{
 					label: "URL",
@@ -188,6 +189,7 @@ const linkWidgetPropertySchema = {
 			key: "shareSource",
 			label: "Share Source",
 			type: "buttonGroup",
+			description: "Choose whether the share action uses a resource or URL",
 			options: [{
 				label: "Resource",
 				value: "resource"
@@ -333,6 +335,7 @@ const linkWidgetPropertySchema = {
 		getBorderRadiusCompositeField({
 			key: "borderRadiusGroup",
 			label: "Border Radius",
+			description: "Corner radius of the link button",
 			defaultValue: "md",
 			group: "Design"
 		}),
@@ -355,4 +358,4 @@ const linkWidgetPropertySchema = {
 //#endregion
 export { LinkWidget_exports as n, linkWidgetPropertySchema as r, LinkWidget as t };
 
-//# sourceMappingURL=LinkWidget-C3HRFueg.mjs.map
+//# sourceMappingURL=LinkWidget-Dlw2rzK6.mjs.map

package/dist/LinkWidget-Dlw2rzK6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkWidget-Dlw2rzK6.mjs","names":[],"sources":["../../widgets/src/widgets/LinkWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport { Button } from \"@fluid-app/ui-primitives\";\nimport { useWidgetRenderState } from \"../contexts/WidgetRenderStateContext\";\nimport { useLinkAction } from \"../hooks/use-link-action\";\nimport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\nimport {\n  getBorderRadiusCompositeField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getButtonSizeField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ButtonSizeOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { AlignCenter, AlignLeft, AlignRight } from \"lucide-react\";\nimport type { ShareableItem } from \"@fluid-app/portal-core/types\";\n\ntype LinkVariant =\n  | \"default\"\n  | \"outline\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"destructive\";\n\nconst borderRadiusTLClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-tl-none\",\n  sm: \"rounded-tl-sm\",\n  md: \"rounded-tl-md\",\n  lg: \"rounded-tl-lg\",\n  xl: \"rounded-tl-xl\",\n  full: \"rounded-tl-full\",\n};\n\nconst borderRadiusTRClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-tr-none\",\n  sm: \"rounded-tr-sm\",\n  md: \"rounded-tr-md\",\n  lg: \"rounded-tr-lg\",\n  xl: \"rounded-tr-xl\",\n  full: \"rounded-tr-full\",\n};\n\nconst borderRadiusBLClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-bl-none\",\n  sm: \"rounded-bl-sm\",\n  md: \"rounded-bl-md\",\n  lg: \"rounded-bl-lg\",\n  xl: \"rounded-bl-xl\",\n  full: \"rounded-bl-full\",\n};\n\nconst borderRadiusBRClasses: Record<BorderRadiusOptions, string> = {\n  none: \"rounded-br-none\",\n  sm: \"rounded-br-sm\",\n  md: \"rounded-br-md\",\n  lg: \"rounded-br-lg\",\n  xl: \"rounded-br-xl\",\n  full: \"rounded-br-full\",\n};\n\nexport type { LinkType, ShareSource } from \"../lib/link-type-utils\";\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  linkType?: LinkType;\n  // URL mode\n  href?: string;\n  openInNewTab?: boolean;\n  // Screen mode\n  screenSlug?: string;\n  // Share mode\n  shareSource?: ShareSource;\n  shareResource?: ShareableItem;\n  shareUrl?: string;\n  // Styling\n  variant?: LinkVariant;\n  size?: ButtonSizeOptions;\n  fontSize?: FontSizeOptions;\n  alignment?: \"left\" | \"center\" | \"right\";\n  fullWidth?: boolean;\n  padding?: PaddingOptions;\n  /** @deprecated Use per-corner props instead */\n  borderRadius?: BorderRadiusOptions;\n  borderRadiusTL?: BorderRadiusOptions;\n  borderRadiusTR?: BorderRadiusOptions;\n  borderRadiusBL?: BorderRadiusOptions;\n  borderRadiusBR?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  underline?: boolean;\n  previewMode?: boolean;\n  // Builder render state is provided by WidgetRenderStateContext.\n  editMode?: boolean;\n};\n\nconst alignmentClasses = {\n  left: \"justify-start\",\n  center: \"justify-center\",\n  right: \"justify-end\",\n} as const;\n\nexport function LinkWidget({\n  text = \"Click Here\",\n  linkType = \"url\",\n  href = \"\",\n  openInNewTab = true,\n  screenSlug,\n  shareSource,\n  shareResource,\n  shareUrl,\n  variant = \"default\",\n  size = \"default\",\n  fontSize = \"sm\",\n  alignment = \"center\",\n  fullWidth = false,\n  padding = 0,\n  borderRadius,\n  borderRadiusTL,\n  borderRadiusTR,\n  borderRadiusBL,\n  borderRadiusBR,\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  underline = false,\n  previewMode = false,\n  editMode: _editMode,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\n  const renderState = useWidgetRenderState();\n  const editMode = _editMode ?? renderState.editMode;\n  const { resolvedHref, handleClick, anchorProps } = useLinkAction({\n    linkType,\n    href,\n    openInNewTab,\n    screenSlug,\n    shareSource,\n    shareResource,\n    shareUrl,\n  });\n  if (previewMode) {\n    return (\n      <div className={`flex justify-center p-4 ${className ?? \"\"}`} {...props}>\n        <span\n          style={{\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            height: \"36px\",\n            padding: \"0 16px\",\n            borderRadius: \"6px\",\n            backgroundColor: \"#18181b\",\n            color: \"#ffffff\",\n            fontSize: \"14px\",\n            fontWeight: 500,\n          }}\n        >\n          {text}\n        </span>\n      </div>\n    );\n  }\n\n  const fallback = borderRadius ?? \"md\";\n  const tl = borderRadiusTL ?? fallback;\n  const tr = borderRadiusTR ?? fallback;\n  const bl = borderRadiusBL ?? fallback;\n  const br = borderRadiusBR ?? fallback;\n  const borderRadiusClasses = `rounded-none ${borderRadiusTLClasses[tl]} ${borderRadiusTRClasses[tr]} ${borderRadiusBLClasses[bl]} ${borderRadiusBRClasses[br]}`;\n  const buttonClasses = `text-${fontSize} ${borderRadiusClasses} ${fullWidth ? \"w-full\" : \"\"} ${underline ? \"underline\" : \"\"}`;\n\n  return (\n    <div\n      className={`flex ${alignmentClasses[alignment]} p-${padding} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      {...props}\n    >\n      <Button asChild variant={variant} size={size} className={buttonClasses}>\n        {editMode ? (\n          <span className=\"cursor-default\">{text}</span>\n        ) : linkType === \"share\" ? (\n          <button type=\"button\" onClick={handleClick}>\n            {text}\n          </button>\n        ) : linkType === \"screen\" ? (\n          screenSlug ? (\n            <a href={resolvedHref} onClick={handleClick}>\n              {text}\n            </a>\n          ) : (\n            <span className=\"cursor-default\">{text}</span>\n          )\n        ) : (\n          // onClick matters for URLs that point back into this portal — those\n          // navigate in-app; everything else falls through to the browser.\n          <a href={resolvedHref} onClick={handleClick} {...anchorProps}>\n            {text}\n          </a>\n        )}\n      </Button>\n    </div>\n  );\n}\n\nexport const linkWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"LinkWidget\",\n  displayName: \"Link Button\",\n  fields: [\n    // Link Group\n    {\n      key: \"linkType\",\n      label: \"Link Type\",\n      type: \"buttonGroup\",\n      description:\n        \"Choose whether this button opens a URL, screen, or share action\",\n      options: [\n        { label: \"URL\", value: \"url\" },\n        { label: \"Screen\", value: \"screen\" },\n        { label: \"Share\", value: \"share\" },\n      ],\n      defaultValue: \"url\",\n      group: \"Link\",\n    },\n    {\n      key: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    // URL mode fields\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"url\" },\n    },\n    {\n      key: \"openInNewTab\",\n      label: \"Open in New Tab\",\n      type: \"boolean\",\n      description: \"Whether to open the link in a new tab\",\n      defaultValue: true,\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"url\" },\n    },\n    // Screen mode fields\n    {\n      key: \"screenSlug\",\n      label: \"Screen\",\n      type: \"screenPicker\",\n      description: \"Select a screen to navigate to\",\n      includeSystemItems: true,\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"screen\" },\n    },\n    // Share mode fields\n    {\n      key: \"shareSource\",\n      label: \"Share Source\",\n      type: \"buttonGroup\",\n      description: \"Choose whether the share action uses a resource or URL\",\n      options: [\n        { label: \"Resource\", value: \"resource\" },\n        { label: \"URL\", value: \"url\" },\n      ],\n      defaultValue: \"resource\",\n      group: \"Link\",\n      requiresKeyValue: { key: \"linkType\", value: \"share\" },\n    },\n    {\n      key: \"shareResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select content to share\",\n      allowedTypes: [\"Product\", \"Medium\", \"Library\", \"Page\", \"EnrollmentPack\"],\n      group: \"Link\",\n      requiresKeyValue: [\n        { key: \"linkType\", value: \"share\" },\n        { key: \"shareSource\", value: \"resource\" },\n      ],\n    },\n    {\n      key: \"shareUrl\",\n      label: \"Share URL\",\n      type: \"text\",\n      description: \"The URL to share\",\n      defaultValue: \"\",\n      group: \"Link\",\n      requiresKeyValue: [\n        { key: \"linkType\", value: \"share\" },\n        { key: \"shareSource\", value: \"url\" },\n      ],\n    },\n    // Button Style Group\n    {\n      key: \"variant\",\n      label: \"Variant\",\n      type: \"select\",\n      description: \"The visual style of the button\",\n      options: [\n        { label: \"Default\", value: \"default\" },\n        { label: \"Outline\", value: \"outline\" },\n        { label: \"Secondary\", value: \"secondary\" },\n        { label: \"Ghost\", value: \"ghost\" },\n        { label: \"Destructive\", value: \"destructive\" },\n      ],\n      defaultValue: \"default\",\n      group: \"Button Style\",\n    },\n    getButtonSizeField({\n      key: \"size\",\n      label: \"Size\",\n      description: \"The size of the button\",\n      defaultValue: \"default\",\n      group: \"Button Style\",\n    }),\n    getFontSizeField({\n      key: \"fontSize\",\n      label: \"Text Size\",\n      description: \"The font size of the button text\",\n      defaultValue: \"sm\",\n      group: \"Button Style\",\n    }),\n    {\n      key: \"underline\",\n      label: \"Underline\",\n      type: \"boolean\",\n      description: \"Underline the button text\",\n      defaultValue: false,\n      group: \"Button Style\",\n    },\n    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { icon: AlignLeft, ariaLabel: \"Align left\", value: \"left\" },\n        { icon: AlignCenter, ariaLabel: \"Align center\", value: \"center\" },\n        { icon: AlignRight, ariaLabel: \"Align right\", value: \"right\" },\n      ],\n      defaultValue: \"center\",\n      group: \"Layout\",\n    },\n    {\n      key: \"fullWidth\",\n      label: \"Full Width\",\n      type: \"boolean\",\n      description: \"Makes the button stretch to full container width\",\n      defaultValue: false,\n      group: \"Layout\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Outer container padding\",\n      defaultValue: 0,\n      group: \"Layout\",\n    }),\n    // Design Group\n    getBorderRadiusCompositeField({\n      key: \"borderRadiusGroup\",\n      label: \"Border Radius\",\n      description: \"Corner radius of the link button\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{ListWidget-BiBx02S8.cjs → ListWidget-DWAtSTK6.cjs}

@@ -6,5 +6,5 @@ require("./fields-DSSM7CHZ.cjs");
 require("./helpers-K26rKoek.cjs");
 require("./MediaRenderer-CnO_Em1S.cjs");
 require("./use-internal-link-SejCeFh6.cjs");
-const require_ListWidget = require("./ListWidget-Ge83X2-d.cjs");
+const require_ListWidget = require("./ListWidget-YrcH5_Ez.cjs");
 exports.listWidgetPropertySchema = require_ListWidget.listWidgetPropertySchema;

package/dist/{ListWidget-D7Ws1bMu.mjs → ListWidget-W5Tm4mWy.mjs}

@@ -5,7 +5,7 @@ import { f as getGapField, i as getBorderColorField, l as getColorField, m as ge
 import { n as cardRadiusClass, r as purify, t as buildItemInteractionProps } from "./helpers-BYrBH_qZ.mjs";
 import { t as MediaRenderer } from "./MediaRenderer-Bg5VbgPk.mjs";
 import { t as useInternalLinks } from "./use-internal-link-Caqfq-wS.mjs";
-import { t as getLinkTypeFields } from "./link-type-schema-fields-DJBFdG7t.mjs";
+import { t as getLinkTypeFields } from "./link-type-schema-fields-CncR6GKa.mjs";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
@@ -979,7 +979,11 @@ const listWidgetPropertySchema = {
 			key: "dataSource",
 			label: "Data Source",
 			type: "dataSource",
-			description: "",
+			description: "Configure the items rendered by the list.",
+			targetProps: [{
+				key: "items",
+				description: "Items rendered by the list, usually supplied by a data source."
+			}],
 			tab: "data",
 			group: "Data Configuration"
 		}
@@ -1048,4 +1052,4 @@ const listWidgetPropertySchema = {
 //#endregion
 export { ListWidget_exports as n, listWidgetPropertySchema as r, ListWidget as t };
 
-//# sourceMappingURL=ListWidget-D7Ws1bMu.mjs.map
+//# sourceMappingURL=ListWidget-W5Tm4mWy.mjs.map