@fluid-app/portal-sdk 0.1.46 → 0.1.47

package/dist/{LinkWidget-DFApxWIK.cjs → LinkWidget-CHTbeWcV.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-DAgNkxik.cjs");
 require("./fields-BCNGRVzZ.cjs");
-require("./src-CWGmmrLZ.cjs");
-const require_LinkWidget = require("./LinkWidget-CJKveS10.cjs");
+require("./src-Da7I1fqK.cjs");
+const require_LinkWidget = require("./LinkWidget-Dk_01CMC.cjs");
 exports.linkWidgetPropertySchema = require_LinkWidget.linkWidgetPropertySchema;

package/dist/{LinkWidget-CJKveS10.cjs → LinkWidget-Dk_01CMC.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-DAgNkxik.cjs");
-const require_src = require("./src-CWGmmrLZ.cjs");
+const require_src = require("./src-Da7I1fqK.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _fluid_app_portal_core_registries = require("@fluid-app/portal-core/registries");
 //#region ../widgets/src/widgets/LinkWidget.tsx
@@ -237,4 +237,4 @@ Object.defineProperty(exports, "linkWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=LinkWidget-CJKveS10.cjs.map
+//# sourceMappingURL=LinkWidget-Dk_01CMC.cjs.map

package/dist/{LinkWidget-CJKveS10.cjs.map → LinkWidget-Dk_01CMC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LinkWidget-CJKveS10.cjs","names":["borderWidthClasses","borderColorClasses","Button"],"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 {\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\";\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\nfunction sanitizeHref(url: string): string | undefined {\n  if (!url) return undefined;\n  if (/^(https?:|mailto:|tel:|\\/)/i.test(url)) return url;\n  return undefined;\n}\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  href?: string;\n  openInNewTab?: boolean;\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  previewMode?: boolean;\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  href = \"\",\n  openInNewTab = true,\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  previewMode = false,\n  editMode = false,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\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\" : \"\"}`;\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        ) : (\n          <a\n            href={sanitizeHref(href)}\n            {...(openInNewTab\n              ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n              : {})}\n          >\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: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\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    },\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    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { label: \"Left\", value: \"left\" },\n        { label: \"Center\", value: \"center\" },\n        { label: \"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      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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"}
+{"version":3,"file":"LinkWidget-Dk_01CMC.cjs","names":["borderWidthClasses","borderColorClasses","Button"],"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 {\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\";\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\nfunction sanitizeHref(url: string): string | undefined {\n  if (!url) return undefined;\n  if (/^(https?:|mailto:|tel:|\\/)/i.test(url)) return url;\n  return undefined;\n}\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  href?: string;\n  openInNewTab?: boolean;\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  previewMode?: boolean;\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  href = \"\",\n  openInNewTab = true,\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  previewMode = false,\n  editMode = false,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\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\" : \"\"}`;\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        ) : (\n          <a\n            href={sanitizeHref(href)}\n            {...(openInNewTab\n              ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n              : {})}\n          >\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: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\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    },\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    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { label: \"Left\", value: \"left\" },\n        { label: \"Center\", value: \"center\" },\n        { label: \"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      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-NR2OqU4Y.mjs → LinkWidget-sDGQRCy9.mjs}

@@ -1,6 +1,6 @@
 import { n as __exportAll } from "./chunk-CRV2RMSr.mjs";
 import { a as getBorderRadiusCompositeField, c as getButtonSizeField, i as getBorderColorField, m as getPaddingField, n as borderWidthClasses, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./fields-CjDogNNF.mjs";
-import { on as Button } from "./src-BVkLGnwV.mjs";
+import { sn as Button } from "./src-DvSsESTu.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region ../widgets/src/widgets/LinkWidget.tsx
 var LinkWidget_exports = /* @__PURE__ */ __exportAll({
@@ -230,4 +230,4 @@ const linkWidgetPropertySchema = {
 //#endregion
 export { LinkWidget_exports as n, linkWidgetPropertySchema as r, LinkWidget as t };
 
-//# sourceMappingURL=LinkWidget-NR2OqU4Y.mjs.map
+//# sourceMappingURL=LinkWidget-sDGQRCy9.mjs.map

package/dist/{LinkWidget-NR2OqU4Y.mjs.map → LinkWidget-sDGQRCy9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LinkWidget-NR2OqU4Y.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 {\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\";\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\nfunction sanitizeHref(url: string): string | undefined {\n  if (!url) return undefined;\n  if (/^(https?:|mailto:|tel:|\\/)/i.test(url)) return url;\n  return undefined;\n}\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  href?: string;\n  openInNewTab?: boolean;\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  previewMode?: boolean;\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  href = \"\",\n  openInNewTab = true,\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  previewMode = false,\n  editMode = false,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\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\" : \"\"}`;\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        ) : (\n          <a\n            href={sanitizeHref(href)}\n            {...(openInNewTab\n              ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n              : {})}\n          >\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: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\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    },\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    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { label: \"Left\", value: \"left\" },\n        { label: \"Center\", value: \"center\" },\n        { label: \"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      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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"}
+{"version":3,"file":"LinkWidget-sDGQRCy9.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 {\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\";\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\nfunction sanitizeHref(url: string): string | undefined {\n  if (!url) return undefined;\n  if (/^(https?:|mailto:|tel:|\\/)/i.test(url)) return url;\n  return undefined;\n}\n\ntype LinkWidgetProps = ComponentProps<\"div\"> & {\n  text?: string;\n  href?: string;\n  openInNewTab?: boolean;\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  previewMode?: boolean;\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  href = \"\",\n  openInNewTab = true,\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  previewMode = false,\n  editMode = false,\n  className,\n  ...props\n}: LinkWidgetProps): React.JSX.Element {\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\" : \"\"}`;\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        ) : (\n          <a\n            href={sanitizeHref(href)}\n            {...(openInNewTab\n              ? { target: \"_blank\", rel: \"noopener noreferrer\" }\n              : {})}\n          >\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: \"text\",\n      label: \"Text\",\n      type: \"text\",\n      description: \"The button label text\",\n      defaultValue: \"Click Here\",\n      group: \"Link\",\n    },\n    {\n      key: \"href\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The destination URL\",\n      defaultValue: \"\",\n      group: \"Link\",\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    },\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    // Layout Group\n    {\n      key: \"alignment\",\n      label: \"Alignment\",\n      type: \"buttonGroup\",\n      description: \"Horizontal alignment of the button\",\n      options: [\n        { label: \"Left\", value: \"left\" },\n        { label: \"Center\", value: \"center\" },\n        { label: \"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      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/{MessagingScreen-CUBOR0qo.cjs → MessagingScreen-4tFoITCO.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require("./chunk-DAgNkxik.cjs");
-const require_FluidProvider = require("./FluidProvider-DzrMOFXn.cjs");
-const require_src = require("./src-CWGmmrLZ.cjs");
-const require_use_fluid_api = require("./use-fluid-api-CU_r0Gu9.cjs");
+const require_FluidProvider = require("./FluidProvider-CsIC3HL2.cjs");
+const require_src = require("./src-Da7I1fqK.cjs");
+const require_use_fluid_api = require("./use-fluid-api-Bb3qgqYS.cjs");
 const require_dist = require("./dist-CtcLRHrv.cjs");
 const require_es = require("./es-BZa0y3qY.cjs");
 let react = require("react");
@@ -59628,4 +59628,4 @@ Object.defineProperty(exports, "useMessagingConfig", {
 	}
 });
 
-//# sourceMappingURL=MessagingScreen-CUBOR0qo.cjs.map
+//# sourceMappingURL=MessagingScreen-4tFoITCO.cjs.map