@fluid-app/portal-sdk 0.1.455 → 0.1.456

package/dist/{SubscriptionsScreen-CBIjEFKA.mjs → SubscriptionsScreen-G64lYG5v.mjs}

@@ -1,9 +1,9 @@
 import "./translation-adapter-RsuBioxm.mjs";
-import "./build-widget-registry-Dy8S7Ggy.mjs";
+import "./build-widget-registry-BZjLacQ8.mjs";
 import "./ScreenRenderer-BQz-1cCn.mjs";
 import "./use-account-DR6HXMw_.mjs";
 import "./use-optional-store-DpB_jK4Q.mjs";
-import "./FluidProvider-CA_HAl9a.mjs";
+import "./FluidProvider-CbA8KrhD.mjs";
 import "./mysite-api-context-BbxSfNft.mjs";
 import "./ContactsTranslationBridge-DCSWCdyq.mjs";
 import "./registry-context-l1jip-6W.mjs";
@@ -22,8 +22,8 @@ import "./task-composer-form-DzVUCin2.mjs";
 import "./LayoutWidget-ENLd1G__.mjs";
 import "./registries-DXVOnKV2.mjs";
 import "./fields-Cz7BkKd6.mjs";
-import "./TextWidget-B-2RFD_g.mjs";
-import "./AlertWidget-CdWJXZn1.mjs";
+import "./TextWidget-cnDl92rJ.mjs";
+import "./AlertWidget-BtkVIGr9.mjs";
 import "./BulletListWidget-DZrlNEa4.mjs";
 import "./preview-context-DvXxVZ0z.mjs";
 import "./CalendarWidget-DwZ5hrXx.mjs";
@@ -33,7 +33,7 @@ import "./MediaRenderer-DflyyaXq.mjs";
 import "./CarouselWidget-DEyRWj_S.mjs";
 import "./CatchUpWidget-dROZKeGW.mjs";
 import "./src-v1U7mjgR.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-DyjmAOvJ.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-Dv7PjXwb.mjs";
 import "./ChartWidget-LcbtV1uD.mjs";
 import "./ContainerWidget-bbzSrNUJ.mjs";
 import "./EmbedWidget-EjCuOFOz.mjs";
@@ -53,6 +53,6 @@ import "./ShopWidget-CwiD88Sr.mjs";
 import "./translation-adapter-DfT1IP6Z.mjs";
 import "./translation-adapter-C-L9dSVl.mjs";
 import "./ScreenHeaderContext-C3QlbYCB.mjs";
-import "./use-portal-card-add-3ds-flow-B4wqRVNt.mjs";
+import "./use-portal-card-add-3ds-flow-tvSUKAvl.mjs";
 import "./display-CG8t6Bv8.mjs";
 export { SubscriptionsScreen, subscriptionsScreenPropertySchema };

package/dist/{TextWidget-CY71e66E.cjs → TextWidget-CNks2l1S.cjs}

@@ -12,10 +12,11 @@ const textAlignmentClasses = {
 	center: "text-center",
 	right: "text-right"
 };
-function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize = "xl", titleFontWeight = "bold", titleColor = "foreground", titleAlignment = "left", description = "This is a text widget", descriptionFontSize = "md", descriptionFontWeight = "normal", descriptionColor = "foreground", descriptionAlignment = "left", background = {
+function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize = "xl", titleFontWeight = "bold", titleColor = "foreground", titleAlignment = "left", description, content, descriptionFontSize = "md", descriptionFontWeight = "normal", descriptionColor = "foreground", descriptionAlignment = "left", background = {
 	type: "solid",
 	color: "background"
 }, padding = 4, borderRadius = "md", borderWidth = "none", borderColor = "muted", className, ...props }) {
+	const resolvedDescription = description ?? content ?? "This is a text widget";
 	const backgroundColor = background.color || "background";
 	const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -27,7 +28,7 @@ function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize
 			children: title
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: `text-${descriptionFontSize} text-${descriptionColor} ${textAlignmentClasses[descriptionAlignment]} font-${descriptionFontWeight}`,
-			children: description
+			children: resolvedDescription
 		})]
 	});
 }
@@ -235,4 +236,4 @@ Object.defineProperty(exports, "textWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=TextWidget-CY71e66E.cjs.map
+//# sourceMappingURL=TextWidget-CNks2l1S.cjs.map

package/dist/TextWidget-CNks2l1S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget-CNks2l1S.cjs","names":["borderWidthClasses","borderColorClasses","getFontSizeField","getFontWeightField","getColorField","AlignLeft","AlignCenter","AlignRight","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/TextWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getFontWeightField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  FontWeightOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { AlignCenter, AlignLeft, AlignRight } from \"lucide-react\";\n\ntype TextAlignment = \"left\" | \"center\" | \"right\";\n\nconst textAlignmentClasses: Record<TextAlignment, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n} as const;\n\ntype TextWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleFontWeight?: FontWeightOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: TextAlignment;\n\n  // Description\n  description?: string;\n  /**\n   * Alias for `description`. Authoring tools and agents reach for `content`\n   * often enough that silently dropping it (and rendering placeholder copy)\n   * reads as a broken widget — accept it, lowest precedence.\n   */\n  content?: string;\n  descriptionFontSize?: FontSizeOptions;\n  descriptionFontWeight?: FontWeightOptions;\n  descriptionColor?: ColorOptions;\n  descriptionAlignment?: TextAlignment;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n};\n\nexport function TextWidget({\n  titleEnabled = true,\n  title = \"Text Widget\",\n  titleFontSize = \"xl\",\n  titleFontWeight = \"bold\",\n  titleColor = \"foreground\",\n  titleAlignment = \"left\",\n  description,\n  content,\n  descriptionFontSize = \"md\",\n  descriptionFontWeight = \"normal\",\n  descriptionColor = \"foreground\",\n  descriptionAlignment = \"left\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  className,\n  ...props\n}: TextWidgetProps): React.JSX.Element {\n  const resolvedDescription = description ?? content ?? \"This is a text widget\";\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  return (\n    <div\n      className={`bg-${backgroundColor} p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {titleEnabled && (\n        <h2\n          className={`text-${titleFontSize} text-${titleColor} ${textAlignmentClasses[titleAlignment]} font-header font-${titleFontWeight}`}\n        >\n          {title}\n        </h2>\n      )}\n      <p\n        className={`text-${descriptionFontSize} text-${descriptionColor} ${textAlignmentClasses[descriptionAlignment]} font-${descriptionFontWeight}`}\n      >\n        {resolvedDescription}\n      </p>\n    </div>\n  );\n}\n\nexport const textWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"TextWidget\",\n  displayName: \"Text Widget\",\n  tabsConfig: [{ id: \"content\", label: \"Content\" }],\n  dataSourceTargetProps: [\"title\", \"description\"],\n  fields: [\n    // Content Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the text\",\n      defaultValue: true,\n      tab: \"content\",\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"The title\",\n      defaultValue: \"Heads up!\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"xl\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getFontWeightField({\n      key: \"titleFontWeight\",\n      label: \"Title Font Weight\",\n      description: \"Font weight for the title\",\n      defaultValue: \"bold\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"The color of the title\",\n      defaultValue: \"foreground\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    {\n      key: \"titleAlignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Text alignment for the title\",\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: \"left\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    // Content Tab - Description Group\n    {\n      key: \"description\",\n      label: \"Description\",\n      type: \"textarea\",\n      description: \"The text message\",\n      rows: 3,\n      defaultValue:\n        \"You can add components and dependencies to your app using the cli.\",\n      tab: \"content\",\n      group: \"Description\",\n    },\n    getFontSizeField({\n      key: \"descriptionFontSize\",\n      label: \"Description Font Size\",\n      description: \"Font size for the text\",\n      defaultValue: \"md\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    getFontWeightField({\n      key: \"descriptionFontWeight\",\n      label: \"Description Font Weight\",\n      description: \"Font weight for the text\",\n      defaultValue: \"normal\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    getColorField({\n      key: \"descriptionColor\",\n      label: \"Description Color\",\n      description: \"The color of the text\",\n      defaultValue: \"foreground\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    {\n      key: \"descriptionAlignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Text alignment for the description\",\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: \"left\",\n      tab: \"content\",\n      group: \"Description\",\n    },\n    // Content Tab - Style Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the text container\",\n      defaultValue: \"background\",\n      tab: \"content\",\n      group: \"Style\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"The padding of the text container\",\n      defaultValue: 4,\n      tab: \"content\",\n      group: \"Style\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      description: \"The border radius of the text container\",\n      label: \"Border Radius\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"The border width of the text container\",\n      defaultValue: \"none\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"The border color of the text container\",\n      defaultValue: \"muted\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":"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"}

package/dist/{TextWidget-B-2RFD_g.mjs → TextWidget-cnDl92rJ.mjs}

@@ -12,10 +12,11 @@ const textAlignmentClasses = {
 	center: "text-center",
 	right: "text-right"
 };
-function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize = "xl", titleFontWeight = "bold", titleColor = "foreground", titleAlignment = "left", description = "This is a text widget", descriptionFontSize = "md", descriptionFontWeight = "normal", descriptionColor = "foreground", descriptionAlignment = "left", background = {
+function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize = "xl", titleFontWeight = "bold", titleColor = "foreground", titleAlignment = "left", description, content, descriptionFontSize = "md", descriptionFontWeight = "normal", descriptionColor = "foreground", descriptionAlignment = "left", background = {
 	type: "solid",
 	color: "background"
 }, padding = 4, borderRadius = "md", borderWidth = "none", borderColor = "muted", className, ...props }) {
+	const resolvedDescription = description ?? content ?? "This is a text widget";
 	const backgroundColor = background.color || "background";
 	const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
 	return /* @__PURE__ */ jsxs("div", {
@@ -27,7 +28,7 @@ function TextWidget({ titleEnabled = true, title = "Text Widget", titleFontSize
 			children: title
 		}), /* @__PURE__ */ jsx("p", {
 			className: `text-${descriptionFontSize} text-${descriptionColor} ${textAlignmentClasses[descriptionAlignment]} font-${descriptionFontWeight}`,
-			children: description
+			children: resolvedDescription
 		})]
 	});
 }
@@ -218,4 +219,4 @@ const textWidgetPropertySchema = {
 //#endregion
 export { TextWidget_exports as n, textWidgetPropertySchema as r, TextWidget as t };
 
-//# sourceMappingURL=TextWidget-B-2RFD_g.mjs.map
+//# sourceMappingURL=TextWidget-cnDl92rJ.mjs.map

package/dist/TextWidget-cnDl92rJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWidget-cnDl92rJ.mjs","names":[],"sources":["../../widgets/src/widgets/TextWidget.tsx"],"sourcesContent":["import type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getFontWeightField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  FontWeightOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport { AlignCenter, AlignLeft, AlignRight } from \"lucide-react\";\n\ntype TextAlignment = \"left\" | \"center\" | \"right\";\n\nconst textAlignmentClasses: Record<TextAlignment, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n} as const;\n\ntype TextWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleFontWeight?: FontWeightOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: TextAlignment;\n\n  // Description\n  description?: string;\n  /**\n   * Alias for `description`. Authoring tools and agents reach for `content`\n   * often enough that silently dropping it (and rendering placeholder copy)\n   * reads as a broken widget — accept it, lowest precedence.\n   */\n  content?: string;\n  descriptionFontSize?: FontSizeOptions;\n  descriptionFontWeight?: FontWeightOptions;\n  descriptionColor?: ColorOptions;\n  descriptionAlignment?: TextAlignment;\n\n  // Styling\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n};\n\nexport function TextWidget({\n  titleEnabled = true,\n  title = \"Text Widget\",\n  titleFontSize = \"xl\",\n  titleFontWeight = \"bold\",\n  titleColor = \"foreground\",\n  titleAlignment = \"left\",\n  description,\n  content,\n  descriptionFontSize = \"md\",\n  descriptionFontWeight = \"normal\",\n  descriptionColor = \"foreground\",\n  descriptionAlignment = \"left\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  className,\n  ...props\n}: TextWidgetProps): React.JSX.Element {\n  const resolvedDescription = description ?? content ?? \"This is a text widget\";\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  return (\n    <div\n      className={`bg-${backgroundColor} p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {titleEnabled && (\n        <h2\n          className={`text-${titleFontSize} text-${titleColor} ${textAlignmentClasses[titleAlignment]} font-header font-${titleFontWeight}`}\n        >\n          {title}\n        </h2>\n      )}\n      <p\n        className={`text-${descriptionFontSize} text-${descriptionColor} ${textAlignmentClasses[descriptionAlignment]} font-${descriptionFontWeight}`}\n      >\n        {resolvedDescription}\n      </p>\n    </div>\n  );\n}\n\nexport const textWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"TextWidget\",\n  displayName: \"Text Widget\",\n  tabsConfig: [{ id: \"content\", label: \"Content\" }],\n  dataSourceTargetProps: [\"title\", \"description\"],\n  fields: [\n    // Content Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the text\",\n      defaultValue: true,\n      tab: \"content\",\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"The title\",\n      defaultValue: \"Heads up!\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"xl\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getFontWeightField({\n      key: \"titleFontWeight\",\n      label: \"Title Font Weight\",\n      description: \"Font weight for the title\",\n      defaultValue: \"bold\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"The color of the title\",\n      defaultValue: \"foreground\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    {\n      key: \"titleAlignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Text alignment for the title\",\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: \"left\",\n      tab: \"content\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    // Content Tab - Description Group\n    {\n      key: \"description\",\n      label: \"Description\",\n      type: \"textarea\",\n      description: \"The text message\",\n      rows: 3,\n      defaultValue:\n        \"You can add components and dependencies to your app using the cli.\",\n      tab: \"content\",\n      group: \"Description\",\n    },\n    getFontSizeField({\n      key: \"descriptionFontSize\",\n      label: \"Description Font Size\",\n      description: \"Font size for the text\",\n      defaultValue: \"md\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    getFontWeightField({\n      key: \"descriptionFontWeight\",\n      label: \"Description Font Weight\",\n      description: \"Font weight for the text\",\n      defaultValue: \"normal\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    getColorField({\n      key: \"descriptionColor\",\n      label: \"Description Color\",\n      description: \"The color of the text\",\n      defaultValue: \"foreground\",\n      tab: \"content\",\n      group: \"Description\",\n    }),\n    {\n      key: \"descriptionAlignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Text alignment for the description\",\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: \"left\",\n      tab: \"content\",\n      group: \"Description\",\n    },\n    // Content Tab - Style Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the text container\",\n      defaultValue: \"background\",\n      tab: \"content\",\n      group: \"Style\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"The padding of the text container\",\n      defaultValue: 4,\n      tab: \"content\",\n      group: \"Style\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      description: \"The border radius of the text container\",\n      label: \"Border Radius\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"The border width of the text container\",\n      defaultValue: \"none\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"The border color of the text container\",\n      defaultValue: \"muted\",\n      tab: \"content\",\n      group: \"Design\",\n    }),\n  ],\n};\n"],"mappings":";;;;;;;;;AA2BA,MAAM,uBAAsD;CAC1D,MAAM;CACN,QAAQ;CACR,OAAO;CACR;AAgCD,SAAgB,WAAW,EACzB,eAAe,MACf,QAAQ,eACR,gBAAgB,MAChB,kBAAkB,QAClB,aAAa,cACb,iBAAiB,QACjB,aACA,SACA,sBAAsB,MACtB,wBAAwB,UACxB,mBAAmB,cACnB,uBAAuB,QACvB,aAAa;CACX,MAAM;CACN,OAAO;CACR,EACD,UAAU,GACV,eAAe,MACf,cAAc,QACd,cAAc,SACd,WACA,GAAG,SACkC;CACrC,MAAM,sBAAsB,eAAe,WAAW;CACtD,MAAM,kBAAkB,WAAW,SAAS;CAC5C,MAAM,mBACH,WAAW,UAAU,aAAa,WAAW,UAAU,aACxD,WAAW,SAAS,UAChB,OAAO,WAAW,SAAS,aAAa,WAAW,SAAS,SAAS,KACrE;AACN,QACE,qBAAC,OAAD;EACE,WAAW,MAAM,gBAAgB,KAAK,QAAQ,WAAW,aAAa,GAAG,mBAAmB,aAAa,GAAG,gBAAgB,SAAS,mBAAmB,eAAe,GAAG,GAAG,aAAa;EAC1L,OAAO,EAAE,iBAAiB;EAC1B,GAAI;YAHN,CAKG,gBACC,oBAAC,MAAD;GACE,WAAW,QAAQ,cAAc,QAAQ,WAAW,GAAG,qBAAqB,gBAAgB,oBAAoB;aAE/G;GACE,CAAA,EAEP,oBAAC,KAAD;GACE,WAAW,QAAQ,oBAAoB,QAAQ,iBAAiB,GAAG,qBAAqB,sBAAsB,QAAQ;aAErH;GACC,CAAA,CACA;;;AAIV,MAAa,2BAAiD;CAC5D,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,uBAAuB,CAAC,SAAS,cAAc;CAC/C,QAAQ;EAEN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,mBAAmB;GACjB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,SAAS;IACP;KAAE,MAAM;KAAW,WAAW;KAAc,OAAO;KAAQ;IAC3D;KAAE,MAAM;KAAa,WAAW;KAAgB,OAAO;KAAU;IACjE;KAAE,MAAM;KAAY,WAAW;KAAe,OAAO;KAAS;IAC/D;GACD,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM;GACN,cACE;GACF,KAAK;GACL,OAAO;GACR;EACD,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,mBAAmB;GACjB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,SAAS;IACP;KAAE,MAAM;KAAW,WAAW;KAAc,OAAO;KAAQ;IAC3D;KAAE,MAAM;KAAa,WAAW;KAAgB,OAAO;KAAU;IACjE;KAAE,MAAM;KAAY,WAAW;KAAe,OAAO;KAAS;IAC/D;GACD,cAAc;GACd,KAAK;GACL,OAAO;GACR;EAED;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,aAAa;GACb,OAAO;GACP,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/{build-widget-registry-L8a9-O3A.cjs → build-widget-registry-7slNHtKU.cjs}

@@ -3,8 +3,8 @@ const require_use_account = require("./use-account-CPOGOGl6.cjs");
 const require_QuickLinksWidget = require("./QuickLinksWidget-mDiAucKr.cjs");
 const require_PointsWidget = require("./PointsWidget-BcBtWxS2.cjs");
 const require_LayoutWidget = require("./LayoutWidget-CS8fOr1e.cjs");
-const require_TextWidget = require("./TextWidget-CY71e66E.cjs");
-const require_AlertWidget = require("./AlertWidget-BJekf1r1.cjs");
+const require_TextWidget = require("./TextWidget-CNks2l1S.cjs");
+const require_AlertWidget = require("./AlertWidget-C5sAMhqU.cjs");
 const require_BulletListWidget = require("./BulletListWidget-Dz_32RH1.cjs");
 const require_CalendarWidget = require("./CalendarWidget-Cq2SrfVW.cjs");
 const require_CardWidget = require("./CardWidget-CGbAcMeq.cjs");
@@ -1408,7 +1408,7 @@ function createWidgetFromShareable(item) {
 //#endregion
 //#region ../widgets/src/widgets/index.ts
 const widgetPropertySchemas = {
-	AlertWidget: () => Promise.resolve().then(() => require("./AlertWidget-BJekf1r1.cjs")).then((n) => n.AlertWidget_exports).then((m) => m.alertWidgetPropertySchema),
+	AlertWidget: () => Promise.resolve().then(() => require("./AlertWidget-C5sAMhqU.cjs")).then((n) => n.AlertWidget_exports).then((m) => m.alertWidgetPropertySchema),
 	BulletListWidget: () => Promise.resolve().then(() => require("./BulletListWidget-Dz_32RH1.cjs")).then((n) => n.BulletListWidget_exports).then((m) => m.bulletListWidgetPropertySchema),
 	CalendarWidget: () => Promise.resolve().then(() => require("./CalendarWidget-Cq2SrfVW.cjs")).then((n) => n.CalendarWidget_exports).then((m) => m.calendarWidgetPropertySchema),
 	CardWidget: () => Promise.resolve().then(() => require("./CardWidget-BbddboSI.cjs")).then((m) => m.cardWidgetPropertySchema),
@@ -1431,7 +1431,7 @@ const widgetPropertySchemas = {
 	ShopWidget: () => Promise.resolve().then(() => require("./ShopWidget-DrLJa_WV.cjs")).then((m) => m.shopWidgetPropertySchema),
 	SpacerWidget: () => Promise.resolve().then(() => require("./SpacerWidget-CBr--iyL.cjs")).then((n) => n.SpacerWidget_exports).then((m) => m.spacerWidgetPropertySchema),
 	TableWidget: () => Promise.resolve().then(() => require("./TableWidget-CKZn4yR7.cjs")).then((m) => m.tableWidgetPropertySchema),
-	TextWidget: () => Promise.resolve().then(() => require("./TextWidget-CY71e66E.cjs")).then((n) => n.TextWidget_exports).then((m) => m.textWidgetPropertySchema),
+	TextWidget: () => Promise.resolve().then(() => require("./TextWidget-CNks2l1S.cjs")).then((n) => n.TextWidget_exports).then((m) => m.textWidgetPropertySchema),
 	ToDoWidget: () => Promise.resolve().then(() => require("./ToDoWidget-O_rPmjKH.cjs")).then((m) => m.toDoWidgetPropertySchema),
 	VideoWidget: () => Promise.resolve().then(() => require("./VideoWidget-dt8fNuTR.cjs")).then((n) => n.VideoWidget_exports).then((m) => m.videoWidgetPropertySchema)
 };
@@ -3034,4 +3034,4 @@ Object.defineProperty(exports, "widgetPropertySchemas", {
 	}
 });
 
-//# sourceMappingURL=build-widget-registry-L8a9-O3A.cjs.map
+//# sourceMappingURL=build-widget-registry-7slNHtKU.cjs.map