@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/kernel/components/mdx/components/image.cjs

@@ -1,192 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/image.tsx
-var image_exports = {};
-__export(image_exports, {
-  Image: () => Image
-});
-module.exports = __toCommonJS(image_exports);
-var import_figure_caption = require("./figure-caption.js");
-var import_image_zoom = require("./image-zoom.js");
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/mdx/components/image.tsx
-var import_image = __toESM(require("next/image"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-function parseAspect(value) {
-  if (typeof value === "number" && Number.isFinite(value) && value > 0) {
-    return value;
-  }
-  if (typeof value !== "string") return void 0;
-  const [width, height] = value.split("/").map((part) => Number(part.trim()));
-  if (!width || !height || !Number.isFinite(width) || !Number.isFinite(height)) {
-    return void 0;
-  }
-  return width / height;
-}
-function Image({
-  alt,
-  aspect,
-  caption,
-  className,
-  decorative = false,
-  fill = false,
-  frame = "default",
-  height,
-  intrinsicHeight,
-  intrinsicWidth,
-  optimized = false,
-  priority,
-  quality,
-  sizes,
-  src,
-  width,
-  zoom = true,
-  ...props
-}) {
-  if (!src) return null;
-  const resolvedWidth = width ?? intrinsicWidth;
-  const resolvedHeight = height ?? intrinsicHeight;
-  const resolvedAspect = parseAspect(aspect) ?? (resolvedWidth && resolvedHeight ? resolvedWidth / resolvedHeight : void 0);
-  const imageAlt = decorative ? "" : alt ?? "";
-  const framed = frame !== false && frame !== "none";
-  const stringSrc = String(src);
-  const useNextImage = optimized && stringSrc.startsWith("/");
-  const shouldFill = fill && resolvedAspect;
-  const frameStyle = {
-    ...resolvedAspect ? { aspectRatio: String(resolvedAspect) } : {},
-    width: fill ? "100%" : resolvedWidth ? `min(100%, ${resolvedWidth}px)` : "100%"
-  };
-  const imageClassName = cn(
-    "block h-full w-full transition-opacity duration-200",
-    fill ? "object-cover" : "object-contain",
-    zoom && "cursor-zoom-in hover:opacity-90",
-    className
-  );
-  const image = useNextImage ? shouldFill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.default,
-    {
-      alt: imageAlt,
-      "aria-hidden": decorative || void 0,
-      className: imageClassName,
-      fill: true,
-      priority,
-      quality,
-      sizes: sizes ?? "(max-width: 768px) 100vw, min(var(--publish-content-width, 72rem), 100vw)",
-      src: stringSrc,
-      ...props
-    }
-  ) : resolvedWidth && resolvedHeight ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.default,
-    {
-      alt: imageAlt,
-      "aria-hidden": decorative || void 0,
-      className: imageClassName,
-      height: resolvedHeight,
-      priority,
-      quality,
-      sizes: sizes ?? `(max-width: 768px) 100vw, min(${resolvedWidth}px, 100vw)`,
-      src: stringSrc,
-      width: resolvedWidth,
-      ...props
-    }
-  ) : (
-    // biome-ignore lint/performance/noImgElement: remote and non-manifest images may not have dimensions available at runtime.
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "img",
-      {
-        alt: imageAlt,
-        "aria-hidden": decorative || void 0,
-        className: imageClassName,
-        loading: priority ? "eager" : "lazy",
-        src: stringSrc,
-        ...props
-      }
-    )
-  ) : (
-    // biome-ignore lint/performance/noImgElement: MDX media supports generated tenant assets, SVGs, and remote CDN images without requiring Next image optimizer configuration.
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "img",
-      {
-        alt: imageAlt,
-        "aria-hidden": decorative || void 0,
-        className: imageClassName,
-        height: resolvedHeight,
-        loading: priority ? "eager" : "lazy",
-        src: stringSrc,
-        width: resolvedWidth,
-        ...props
-      }
-    )
-  );
-  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: cn(
-        "relative mx-auto max-w-full overflow-hidden",
-        framed && "rounded-media border border-stroke-2 bg-surface-2"
-      ),
-      style: frameStyle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image_zoom.ImageZoom, { enabled: zoom, children: image })
-    }
-  );
-  if (caption) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "not-markdown-prose my-8", children: [
-      content,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_figure_caption.FigureCaption, { className: "mx-auto max-w-prose text-center", children: caption })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "not-markdown-prose my-6 flex justify-center", children: content });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Image
-});

package/dist/kernel/components/mdx/components/image.d.cts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type ImageProps = Omit<React.ComponentPropsWithoutRef<"img">, "height" | "sizes" | "width"> & {
-    aspect?: number | `${number}/${number}`;
-    caption?: React.ReactNode;
-    decorative?: boolean;
-    fill?: boolean;
-    frame?: boolean | "default" | "none";
-    height?: number;
-    intrinsicHeight?: number;
-    intrinsicWidth?: number;
-    optimized?: boolean;
-    priority?: boolean;
-    quality?: 50 | 60 | 75 | 85 | 95 | 100;
-    sizes?: string;
-    width?: number;
-    zoom?: boolean;
-};
-declare function Image({ alt, aspect, caption, className, decorative, fill, frame, height, intrinsicHeight, intrinsicWidth, optimized, priority, quality, sizes, src, width, zoom, ...props }: ImageProps): react_jsx_runtime.JSX.Element | null;
-
-export { Image, type ImageProps };

package/dist/kernel/components/mdx/components/inline-code.cjs

@@ -1,66 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/inline-code.tsx
-var inline_code_exports = {};
-__export(inline_code_exports, {
-  InlineCode: () => InlineCode
-});
-module.exports = __toCommonJS(inline_code_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/mdx/components/inline-code.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function InlineCode({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "code",
-    {
-      className: cn(
-        "not-markdown-prose h-fit rounded-inline-code border border-stroke-2 bg-surface-2 px-[0.35em] py-[0.15em] font-mono text-[0.95em] font-normal leading-[1.25] text-foreground-1 [a_&]:text-accent-1 [pre_&]:border-0 [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-inherit",
-        className
-      ),
-      ...props
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InlineCode
-});

package/dist/kernel/components/mdx/components/inline-code.d.cts

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type InlineCodeProps = React.ComponentPropsWithoutRef<"code">;
-declare function InlineCode({ className, ...props }: InlineCodeProps): react_jsx_runtime.JSX.Element;
-
-export { InlineCode, type InlineCodeProps };

package/dist/kernel/components/mdx/components/kbd.cjs

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/kbd.tsx
-var kbd_exports = {};
-__export(kbd_exports, {
-  Kbd: () => Kbd
-});
-module.exports = __toCommonJS(kbd_exports);
-var import_kbd = require("../../ui/kbd.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Kbd(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_kbd.Kbd, { ...props });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Kbd
-});

package/dist/kernel/components/mdx/components/kbd.d.cts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { KbdProps as KbdProps$1 } from '../../ui/kbd.cjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import 'react';
-
-type KbdProps = KbdProps$1;
-declare function Kbd(props: KbdProps): react_jsx_runtime.JSX.Element;
-
-export { Kbd, type KbdProps };

package/dist/kernel/components/mdx/components/link.cjs

@@ -1,49 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/link.tsx
-var link_exports = {};
-__export(link_exports, {
-  Link: () => Link
-});
-module.exports = __toCommonJS(link_exports);
-var import_link = require("../../ui/link.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Link({
-  color = "accent",
-  href = "#",
-  size,
-  variant = "link.inline",
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_link.Link,
-    {
-      color,
-      href,
-      size,
-      variant,
-      ...props
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Link
-});

package/dist/kernel/components/mdx/components/link.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { LinkProps } from '../../ui/link.cjs';
-import 'class-variance-authority/types';
-import '../../ui/button.cjs';
-import 'class-variance-authority';
-import 'react';
-
-type MdxLinkProps = LinkProps;
-declare function Link({ color, href, size, variant, ...props }: MdxLinkProps): react_jsx_runtime.JSX.Element;
-
-export { Link, type MdxLinkProps };

package/dist/kernel/components/mdx/components/paragraph.cjs

@@ -1,87 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/paragraph.tsx
-var paragraph_exports = {};
-__export(paragraph_exports, {
-  Paragraph: () => Paragraph
-});
-module.exports = __toCommonJS(paragraph_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/mdx/components/paragraph.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function isBlockMediaChild(child) {
-  if (!(0, import_react.isValidElement)(child)) return false;
-  const props = child.props;
-  if (typeof props.src === "string" && "alt" in props) return true;
-  if (typeof props.src === "string" && "title" in props) return true;
-  const type = child.type;
-  if (typeof type === "string") {
-    return type === "figure" || type === "img" || type === "video";
-  }
-  if (typeof type === "function") {
-    return ["Figure", "Image", "Video"].includes(type.name);
-  }
-  return false;
-}
-function Paragraph({
-  children,
-  className,
-  ...props
-}) {
-  const childArray = import_react.Children.toArray(children);
-  if (childArray.length === 1 && isBlockMediaChild(childArray[0])) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "p",
-    {
-      className: cn("my-5 text-base leading-7 text-foreground-2", className),
-      ...props,
-      children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Paragraph
-});

package/dist/kernel/components/mdx/components/paragraph.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Paragraph({ children, className, ...props }: React.ComponentPropsWithoutRef<"p">): react_jsx_runtime.JSX.Element;
-
-export { Paragraph };

package/dist/kernel/components/mdx/components/pre.cjs

@@ -1,66 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/pre.tsx
-var pre_exports = {};
-__export(pre_exports, {
-  Pre: () => Pre
-});
-module.exports = __toCommonJS(pre_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/mdx/components/pre.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Pre({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "pre",
-    {
-      className: cn(
-        "my-6 overflow-x-auto rounded-codeblock border border-stroke-2 bg-surface-3 p-4 text-sm leading-6 text-foreground-1",
-        className
-      ),
-      ...props
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Pre
-});

package/dist/kernel/components/mdx/components/pre.d.cts

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type PreProps = React.ComponentPropsWithoutRef<"pre">;
-declare function Pre({ className, ...props }: PreProps): react_jsx_runtime.JSX.Element;
-
-export { Pre, type PreProps };

package/dist/kernel/components/mdx/components/strikethrough.cjs

@@ -1,63 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/kernel/components/mdx/components/strikethrough.tsx
-var strikethrough_exports = {};
-__export(strikethrough_exports, {
-  Strikethrough: () => Strikethrough
-});
-module.exports = __toCommonJS(strikethrough_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      z: [
-        "z-content",
-        "z-nav",
-        "z-overlay",
-        "z-modal",
-        "z-search",
-        "z-toast",
-        "z-progress"
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/kernel/components/mdx/components/strikethrough.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Strikethrough({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "del",
-    {
-      className: cn("text-foreground-3 decoration-stroke-1", className),
-      ...props
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Strikethrough
-});

package/dist/kernel/components/mdx/components/strikethrough.d.cts

@@ -1,6 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type StrikethroughProps = React.ComponentPropsWithoutRef<"del">;
-declare function Strikethrough({ className, ...props }: StrikethroughProps): react_jsx_runtime.JSX.Element;
-
-export { Strikethrough, type StrikethroughProps };