@d4gger/design-system 2.7.0

package/dist/components/alertDialog/alertDialog.props.js

@@ -0,0 +1,69 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const alertDialogContentSizes = ["sm", "md", "lg"];
+const alertDialogActionVariants = ["primary", "destructive"];
+const alertDialogContentPropDefs = {
+  size: {
+    type: "enum",
+    className: "dsx-alert-dialog-content-size",
+    values: alertDialogContentSizes,
+    default: "md"
+  },
+  width: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-width"],
+    responsive: true
+  },
+  minWidth: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-min-width"],
+    responsive: true
+  },
+  maxWidth: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-max-width"],
+    responsive: true
+  },
+  height: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-height"],
+    responsive: true
+  },
+  minHeight: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-min-height"],
+    responsive: true
+  },
+  maxHeight: {
+    type: "string",
+    default: void 0,
+    className: "",
+    customProperties: ["--dsx-dialog-content-custom-max-height"],
+    responsive: true
+  }
+};
+const alertDialogActionPropDefs = {
+  ...asChildPropDef,
+  variant: {
+    type: "enum",
+    className: "dsx-alert-dialog-action-variant",
+    values: alertDialogActionVariants,
+    default: "primary"
+  }
+};
+export {
+  alertDialogActionPropDefs,
+  alertDialogActionVariants,
+  alertDialogContentPropDefs,
+  alertDialogContentSizes
+};
+//# sourceMappingURL=alertDialog.props.js.map

package/dist/components/alertDialog/alertDialog.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/alertDialog/alertDialog.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst alertDialogContentSizes = ['sm', 'md', 'lg'] as const\nconst alertDialogActionVariants = ['primary', 'destructive'] as const\n\nconst alertDialogContentPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'dsx-alert-dialog-content-size',\n    values: alertDialogContentSizes,\n    default: 'md',\n  },\n  width: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-width'] as const,\n    responsive: true,\n  },\n  minWidth: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-min-width'] as const,\n    responsive: true,\n  },\n  maxWidth: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-max-width'] as const,\n    responsive: true,\n  },\n  height: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-height'] as const,\n    responsive: true,\n  },\n  minHeight: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-min-height'] as const,\n    responsive: true,\n  },\n  maxHeight: {\n    type: 'string',\n    default: undefined,\n    className: '',\n    customProperties: ['--dsx-dialog-content-custom-max-height'] as const,\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof alertDialogContentSizes)[number]>\n  width: PropDef\n  minWidth: PropDef\n  maxWidth: PropDef\n  height: PropDef\n  minHeight: PropDef\n  maxHeight: PropDef\n}\n\nconst alertDialogActionPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    className: 'dsx-alert-dialog-action-variant',\n    values: alertDialogActionVariants,\n    default: 'primary',\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof alertDialogActionVariants)[number]>\n}\n\nexport { alertDialogActionPropDefs, alertDialogActionVariants, alertDialogContentPropDefs, alertDialogContentSizes }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,0BAA0B,CAAC,MAAM,MAAM,IAAI;AACjD,MAAM,4BAA4B,CAAC,WAAW,aAAa;AAE3D,MAAM,6BAA6B;AAAA,EACjC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,mCAAmC;AAAA,IACtD,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,uCAAuC;AAAA,IAC1D,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,uCAAuC;AAAA,IAC1D,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,oCAAoC;AAAA,IACvD,YAAY;AAAA,EACd;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,wCAAwC;AAAA,IAC3D,YAAY;AAAA,EACd;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,kBAAkB,CAAC,wCAAwC;AAAA,IAC3D,YAAY;AAAA,EACd;AACF;AAUA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/article-nodes.css

@@ -0,0 +1,8 @@
+.dsx-article-image, .dsx-before-after { margin: var(--dsx-space-md) 0; }
+.dsx-article-image__media, .dsx-before-after img { display: block; width: 100%; height: auto; border-radius: var(--dsx-rounded-md); }
+.dsx-article-image figcaption { margin-block-start: var(--dsx-space-sm); color: var(--dsx-color-on-surface-variant); text-align: center; }
+.dsx-article-embed, .dsx-article-poll { display: grid; gap: var(--dsx-space-sm); padding: var(--dsx-space-md); border: var(--dsx-border-width-sm) solid var(--dsx-color-outline); border-radius: var(--dsx-rounded-md); background: var(--dsx-color-surface-raised); }
+.dsx-before-after { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dsx-space-sm); overflow-x: auto; }
+.dsx-before-after > div { min-width: var(--dsx-size-3xl); }
+.dsx-before-after span { display: block; margin-block-start: var(--dsx-space-xs); color: var(--dsx-color-on-surface-variant); }
+.dsx-article-poll button { min-height: var(--dsx-size-lg); }

package/dist/components/articleNodes/ArticleNodes.cjs

@@ -0,0 +1,76 @@
+"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);
+var ArticleNodes_exports = {};
+__export(ArticleNodes_exports, {
+  ArticleEmbed: () => ArticleEmbed,
+  ArticleImage: () => ArticleImage,
+  ArticlePoll: () => ArticlePoll,
+  BeforeAfterComparison: () => BeforeAfterComparison
+});
+module.exports = __toCommonJS(ArticleNodes_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+const ArticleImage = ({ caption, className, alt = "", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "dsx-article-image", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { ...props, alt, className: (0, import_classnames.default)("dsx-article-image__media", className) }),
+  caption ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { children: caption }) : null
+] });
+const ArticleEmbed = ({ url, render, isAllowed, className, ...props }) => {
+  let canonical;
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol === "https:" || parsed.protocol === "http:") canonical = parsed.href;
+  } catch {
+  }
+  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, className: (0, import_classnames.default)("dsx-article-embed", className), "data-dsx-url": allowed ? canonical : void 0, children: allowed && canonical ? render?.(canonical) ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: canonical, children: canonical }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", children: "Embed unavailable" }) });
+};
+const BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = "Before", afterLabel = "After", className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { ...props, className: (0, import_classnames.default)("dsx-before-after", className), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: beforeSrc, alt: beforeAlt }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: beforeLabel })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: afterSrc, alt: afterAlt }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: afterLabel })
+  ] })
+] });
+const ArticlePoll = ({ pollId, question, options = [], state = "ready", onLoad, onVote, className, ...props }) => {
+  React.useEffect(() => {
+    onLoad?.(pollId);
+  }, [pollId, onLoad]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...props, className: (0, import_classnames.default)("dsx-article-poll", className), "data-dsx-poll-id": pollId, "data-state": state, "aria-busy": state === "loading" || void 0, children: [
+    question ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: question }) : null,
+    state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", children: "Poll unavailable" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", disabled: state !== "ready", onClick: () => onVote?.(pollId, option.id), children: [
+      option.label,
+      option.votes === void 0 ? null : ` (${option.votes})`
+    ] }, option.id))
+  ] });
+};
+//# sourceMappingURL=ArticleNodes.cjs.map

package/dist/components/articleNodes/ArticleNodes.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/ArticleNodes.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> { caption?: React.ReactNode }\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> { url: string; render?: (url: string) => React.ReactNode; isAllowed?: (url: string) => boolean }\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> { beforeSrc: string; afterSrc: string; beforeAlt: string; afterAlt: string; beforeLabel?: React.ReactNode; afterLabel?: React.ReactNode }\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> { pollId: string; question?: React.ReactNode; options?: Array<{ id: string; label: React.ReactNode; votes?: number }>; state?: PollState; onLoad?: (pollId: string) => void; onVote?: (pollId: string, optionId: string) => void }\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAGiE;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,6CAAC,YAAO,WAAU,qBAAoB;AAAA,8CAAC,SAAK,GAAG,OAAO,KAAU,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,4CAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAG7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,4CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,4CAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,4CAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAGA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,6CAAC,YAAQ,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AAAA,+CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,4CAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,6CAAC,SAAI;AAAA,gDAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,4CAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAI3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,6CAAC,SAAK,GAAG,OAAO,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,4CAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,4CAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,6CAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
+  "names": ["classNames"]
+}

package/dist/components/articleNodes/ArticleNodes.d.cts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+//# sourceMappingURL=ArticleNodes.d.cts.map

package/dist/components/articleNodes/ArticleNodes.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleNodes.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/articleNodes/ArticleNodes.d.mts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+//# sourceMappingURL=ArticleNodes.d.mts.map

package/dist/components/articleNodes/ArticleNodes.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleNodes.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/articleNodes/ArticleNodes.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState };
+//# sourceMappingURL=ArticleNodes.d.ts.map

package/dist/components/articleNodes/ArticleNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleNodes.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAAG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AAC3G,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE;AACzK,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAAG,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE;AACxN,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AACxD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAAG,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAC1T,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/articleNodes/ArticleNodes.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+const ArticleImage = ({ caption, className, alt = "", ...props }) => /* @__PURE__ */ jsxs("figure", { className: "dsx-article-image", children: [
+  /* @__PURE__ */ jsx("img", { ...props, alt, className: classNames("dsx-article-image__media", className) }),
+  caption ? /* @__PURE__ */ jsx("figcaption", { children: caption }) : null
+] });
+const ArticleEmbed = ({ url, render, isAllowed, className, ...props }) => {
+  let canonical;
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol === "https:" || parsed.protocol === "http:") canonical = parsed.href;
+  } catch {
+  }
+  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true));
+  return /* @__PURE__ */ jsx("div", { ...props, className: classNames("dsx-article-embed", className), "data-dsx-url": allowed ? canonical : void 0, children: allowed && canonical ? render?.(canonical) ?? /* @__PURE__ */ jsx("a", { href: canonical, children: canonical }) : /* @__PURE__ */ jsx("span", { role: "alert", children: "Embed unavailable" }) });
+};
+const BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = "Before", afterLabel = "After", className, ...props }) => /* @__PURE__ */ jsxs("figure", { ...props, className: classNames("dsx-before-after", className), children: [
+  /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("img", { src: beforeSrc, alt: beforeAlt }),
+    /* @__PURE__ */ jsx("span", { children: beforeLabel })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("img", { src: afterSrc, alt: afterAlt }),
+    /* @__PURE__ */ jsx("span", { children: afterLabel })
+  ] })
+] });
+const ArticlePoll = ({ pollId, question, options = [], state = "ready", onLoad, onVote, className, ...props }) => {
+  React.useEffect(() => {
+    onLoad?.(pollId);
+  }, [pollId, onLoad]);
+  return /* @__PURE__ */ jsxs("div", { ...props, className: classNames("dsx-article-poll", className), "data-dsx-poll-id": pollId, "data-state": state, "aria-busy": state === "loading" || void 0, children: [
+    question ? /* @__PURE__ */ jsx("strong", { children: question }) : null,
+    state === "error" ? /* @__PURE__ */ jsx("span", { role: "alert", children: "Poll unavailable" }) : options.map((option) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: state !== "ready", onClick: () => onVote?.(pollId, option.id), children: [
+      option.label,
+      option.votes === void 0 ? null : ` (${option.votes})`
+    ] }, option.id))
+  ] });
+};
+export {
+  ArticleEmbed,
+  ArticleImage,
+  ArticlePoll,
+  BeforeAfterComparison
+};
+//# sourceMappingURL=ArticleNodes.js.map

package/dist/components/articleNodes/ArticleNodes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/ArticleNodes.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> { caption?: React.ReactNode }\nconst ArticleImage = ({ caption, className, alt = '', ...props }: ArticleImageProps) => <figure className=\"dsx-article-image\"><img {...props} alt={alt} className={classNames('dsx-article-image__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> { url: string; render?: (url: string) => React.ReactNode; isAllowed?: (url: string) => boolean }\nconst ArticleEmbed = ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => {\n  let canonical: string | undefined\n  try { const parsed = new URL(url); if (parsed.protocol === 'https:' || parsed.protocol === 'http:') canonical = parsed.href } catch {}\n  const allowed = Boolean(canonical && (isAllowed?.(canonical) ?? true))\n  return <div {...props} className={classNames('dsx-article-embed', className)} data-dsx-url={allowed ? canonical : undefined}>{allowed && canonical ? (render?.(canonical) ?? <a href={canonical}>{canonical}</a>) : <span role=\"alert\">Embed unavailable</span>}</div>\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> { beforeSrc: string; afterSrc: string; beforeAlt: string; afterAlt: string; beforeLabel?: React.ReactNode; afterLabel?: React.ReactNode }\nconst BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel = 'Before', afterLabel = 'After', className, ...props }: BeforeAfterComparisonProps) => <figure {...props} className={classNames('dsx-before-after', className)}><div><img src={beforeSrc} alt={beforeAlt}/><span>{beforeLabel}</span></div><div><img src={afterSrc} alt={afterAlt}/><span>{afterLabel}</span></div></figure>\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> { pollId: string; question?: React.ReactNode; options?: Array<{ id: string; label: React.ReactNode; votes?: number }>; state?: PollState; onLoad?: (pollId: string) => void; onVote?: (pollId: string, optionId: string) => void }\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>{question ? <strong>{question}</strong> : null}{state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map((option) => <button key={option.id} type=\"button\" disabled={state !== 'ready'} onClick={() => onVote?.(pollId, option.id)}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</button>)}</div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison }\nexport type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAGiE,SAAsC,KAAtC;AAAxF,MAAM,eAAe,CAAC,EAAE,SAAS,WAAW,MAAM,IAAI,GAAG,MAAM,MAAyB,qBAAC,YAAO,WAAU,qBAAoB;AAAA,sBAAC,SAAK,GAAG,OAAO,KAAU,WAAW,WAAW,4BAA4B,SAAS,GAAG;AAAA,EAAG,UAAU,oBAAC,gBAAY,mBAAQ,IAAgB;AAAA,GAAK;AAG7Q,MAAM,eAAe,CAAC,EAAE,KAAK,QAAQ,WAAW,WAAW,GAAG,MAAM,MAAyB;AAC3F,MAAI;AACJ,MAAI;AAAE,UAAM,SAAS,IAAI,IAAI,GAAG;AAAG,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,QAAS,aAAY,OAAO;AAAA,EAAK,QAAQ;AAAA,EAAC;AACrI,QAAM,UAAU,QAAQ,cAAc,YAAY,SAAS,KAAK,KAAK;AACrE,SAAO,oBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,qBAAqB,SAAS,GAAG,gBAAc,UAAU,YAAY,QAAY,qBAAW,YAAa,SAAS,SAAS,KAAK,oBAAC,OAAE,MAAM,WAAY,qBAAU,IAAQ,oBAAC,UAAK,MAAK,SAAQ,+BAAiB,GAAQ;AAClQ;AAGA,MAAM,wBAAwB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,cAAc,UAAU,aAAa,SAAS,WAAW,GAAG,MAAM,MAAkC,qBAAC,YAAQ,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG;AAAA,uBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,WAAW,KAAK,WAAU;AAAA,IAAE,oBAAC,UAAM,uBAAY;AAAA,KAAO;AAAA,EAAM,qBAAC,SAAI;AAAA,wBAAC,SAAI,KAAK,UAAU,KAAK,UAAS;AAAA,IAAE,oBAAC,UAAM,sBAAW;AAAA,KAAO;AAAA,GAAM;AAI3Y,MAAM,cAAc,CAAC,EAAE,QAAQ,UAAU,UAAU,CAAC,GAAG,QAAQ,SAAS,QAAQ,QAAQ,WAAW,GAAG,MAAM,MAAwB;AAClI,QAAM,UAAU,MAAM;AAAE,aAAS,MAAM;AAAA,EAAE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAC5D,SAAO,qBAAC,SAAK,GAAG,OAAO,WAAW,WAAW,oBAAoB,SAAS,GAAG,oBAAkB,QAAQ,cAAY,OAAO,aAAW,UAAU,aAAa,QAAY;AAAA,eAAW,oBAAC,YAAQ,oBAAS,IAAY;AAAA,IAAM,UAAU,UAAU,oBAAC,UAAK,MAAK,SAAQ,8BAAgB,IAAU,QAAQ,IAAI,CAAC,WAAW,qBAAC,YAAuB,MAAK,UAAS,UAAU,UAAU,SAAS,SAAS,MAAM,SAAS,QAAQ,OAAO,EAAE,GAAI;AAAA,aAAO;AAAA,MAAO,OAAO,UAAU,SAAY,OAAO,KAAK,OAAO,KAAK;AAAA,SAAtK,OAAO,EAAmK,CAAS;AAAA,KAAE;AACpf;",
+  "names": []
+}

package/dist/components/articleNodes/articleExtensions.cjs

@@ -0,0 +1,70 @@
+"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);
+var articleExtensions_exports = {};
+__export(articleExtensions_exports, {
+  ArticleImageExtension: () => ArticleImageExtension,
+  CalloutExtension: () => CalloutExtension,
+  ComparisonExtension: () => ComparisonExtension,
+  EmbedExtension: () => EmbedExtension,
+  PollExtension: () => PollExtension,
+  createArticleExtensions: () => createArticleExtensions
+});
+module.exports = __toCommonJS(articleExtensions_exports);
+var import_core = require("@tiptap/core");
+var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
+var import_extension_table = require("@tiptap/extension-table");
+var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-code-block-lowlight"), 1);
+var import_lowlight = require("lowlight");
+const lowlight = (0, import_lowlight.createLowlight)(import_lowlight.common);
+const dataAttributes = (attributes) => Object.fromEntries(Object.entries(attributes).filter(([, value]) => value != null));
+const attribute = (key, htmlName = key, defaultValue = null) => ({ default: defaultValue, parseHTML: (element) => element.getAttribute(`data-dsx-${htmlName}`), renderHTML: (attributes) => attributes[key] == null ? {} : { [`data-dsx-${htmlName}`]: attributes[key] } });
+const canonicalUrl = (value) => {
+  try {
+    const url = new URL(String(value));
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : null;
+  } catch {
+    return null;
+  }
+};
+const ArticleImageExtension = import_extension_image.default.extend({
+  addAttributes() {
+    return { ...this.parent?.(), caption: { default: null, parseHTML: (element) => element.getAttribute("data-dsx-caption"), renderHTML: ({ caption }) => caption ? { "data-dsx-caption": caption } : {} } };
+  }
+});
+const EmbedExtension = import_core.Node.create({ name: "dsxEmbed", group: "block", atom: true, addAttributes: () => ({ url: attribute("url") }), parseHTML: () => [{ tag: 'div[data-dsx-node="embed"]' }], renderHTML: ({ HTMLAttributes }) => {
+  const url = canonicalUrl(HTMLAttributes["data-dsx-url"]);
+  return ["div", { "data-dsx-node": "embed", ...url ? { "data-dsx-url": url } : { "data-dsx-invalid": "true" } }];
+} });
+const CalloutExtension = import_core.Node.create({ name: "dsxCallout", group: "block", content: "block+", defining: true, addAttributes: () => ({ tone: attribute("tone", "tone", "info"), title: attribute("title") }), parseHTML: () => [{ tag: 'aside[data-dsx-node="callout"]' }], renderHTML: ({ HTMLAttributes }) => ["aside", (0, import_core.mergeAttributes)({ "data-dsx-node": "callout" }, dataAttributes(HTMLAttributes)), 0] });
+const ComparisonExtension = import_core.Node.create({ name: "dsxComparison", group: "block", atom: true, addAttributes: () => ({ beforeSrc: attribute("beforeSrc", "before-src"), afterSrc: attribute("afterSrc", "after-src"), beforeAlt: attribute("beforeAlt", "before-alt", ""), afterAlt: attribute("afterAlt", "after-alt", ""), beforeLabel: attribute("beforeLabel", "before-label"), afterLabel: attribute("afterLabel", "after-label") }), parseHTML: () => [{ tag: 'figure[data-dsx-node="comparison"]' }], renderHTML: ({ HTMLAttributes }) => ["figure", (0, import_core.mergeAttributes)({ "data-dsx-node": "comparison" }, dataAttributes(HTMLAttributes))] });
+const PollExtension = import_core.Node.create({ name: "dsxPoll", group: "block", atom: true, addAttributes: () => ({ pollId: attribute("pollId", "poll-id"), question: attribute("question") }), parseHTML: () => [{ tag: 'div[data-dsx-node="poll"]' }], renderHTML: ({ HTMLAttributes }) => ["div", (0, import_core.mergeAttributes)({ "data-dsx-node": "poll" }, dataAttributes(HTMLAttributes))] });
+function createArticleExtensions() {
+  return [ArticleImageExtension, EmbedExtension, CalloutExtension, import_extension_code_block_lowlight.default.configure({ lowlight }), import_extension_table.Table.configure({ resizable: true }), import_extension_table.TableRow, import_extension_table.TableHeader, import_extension_table.TableCell, ComparisonExtension, PollExtension];
+}
+//# sourceMappingURL=articleExtensions.cjs.map

package/dist/components/articleNodes/articleExtensions.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleExtensions.ts"],
+  "sourcesContent": ["import { Node, mergeAttributes, type Extensions } from '@tiptap/core'\nimport Image from '@tiptap/extension-image'\nimport { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'\nimport CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'\nimport { common, createLowlight } from 'lowlight'\n\nconst lowlight = createLowlight(common)\nconst dataAttributes = (attributes: Record<string, unknown>) => Object.fromEntries(Object.entries(attributes).filter(([, value]) => value != null))\nconst attribute = (key: string, htmlName = key, defaultValue: unknown = null) => ({ default: defaultValue, parseHTML: (element: HTMLElement) => element.getAttribute(`data-dsx-${htmlName}`), renderHTML: (attributes: Record<string, unknown>) => attributes[key] == null ? {} : { [`data-dsx-${htmlName}`]: attributes[key] } })\nconst canonicalUrl = (value: unknown) => { try { const url = new URL(String(value)); return url.protocol === 'https:' || url.protocol === 'http:' ? url.href : null } catch { return null } }\n\nconst ArticleImageExtension = Image.extend({\n  addAttributes() { return { ...this.parent?.(), caption: { default: null, parseHTML: (element) => element.getAttribute('data-dsx-caption'), renderHTML: ({ caption }) => caption ? { 'data-dsx-caption': caption } : {} } } },\n})\nconst EmbedExtension = Node.create({ name: 'dsxEmbed', group: 'block', atom: true, addAttributes: () => ({ url: attribute('url') }), parseHTML: () => [{ tag: 'div[data-dsx-node=\"embed\"]' }], renderHTML: ({ HTMLAttributes }) => { const url = canonicalUrl(HTMLAttributes['data-dsx-url']); return ['div', { 'data-dsx-node': 'embed', ...(url ? { 'data-dsx-url': url } : { 'data-dsx-invalid': 'true' }) }] } })\nconst CalloutExtension = Node.create({ name: 'dsxCallout', group: 'block', content: 'block+', defining: true, addAttributes: () => ({ tone: attribute('tone', 'tone', 'info'), title: attribute('title') }), parseHTML: () => [{ tag: 'aside[data-dsx-node=\"callout\"]' }], renderHTML: ({ HTMLAttributes }) => ['aside', mergeAttributes({ 'data-dsx-node': 'callout' }, dataAttributes(HTMLAttributes)), 0] })\nconst ComparisonExtension = Node.create({ name: 'dsxComparison', group: 'block', atom: true, addAttributes: () => ({ beforeSrc: attribute('beforeSrc', 'before-src'), afterSrc: attribute('afterSrc', 'after-src'), beforeAlt: attribute('beforeAlt', 'before-alt', ''), afterAlt: attribute('afterAlt', 'after-alt', ''), beforeLabel: attribute('beforeLabel', 'before-label'), afterLabel: attribute('afterLabel', 'after-label') }), parseHTML: () => [{ tag: 'figure[data-dsx-node=\"comparison\"]' }], renderHTML: ({ HTMLAttributes }) => ['figure', mergeAttributes({ 'data-dsx-node': 'comparison' }, dataAttributes(HTMLAttributes))] })\nconst PollExtension = Node.create({ name: 'dsxPoll', group: 'block', atom: true, addAttributes: () => ({ pollId: attribute('pollId', 'poll-id'), question: attribute('question') }), parseHTML: () => [{ tag: 'div[data-dsx-node=\"poll\"]' }], renderHTML: ({ HTMLAttributes }) => ['div', mergeAttributes({ 'data-dsx-node': 'poll' }, dataAttributes(HTMLAttributes))] })\n\nfunction createArticleExtensions(): Extensions {\n  return [ArticleImageExtension, EmbedExtension, CalloutExtension, CodeBlockLowlight.configure({ lowlight }), Table.configure({ resizable: true }), TableRow, TableHeader, TableCell, ComparisonExtension, PollExtension]\n}\n\nexport { ArticleImageExtension, CalloutExtension, ComparisonExtension, EmbedExtension, PollExtension, createArticleExtensions }\n"],
+  "mappings": "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",
+  "names": ["Image", "CodeBlockLowlight"]
+}

package/dist/components/articleNodes/articleExtensions.d.cts

@@ -0,0 +1,9 @@
+import { Node, type Extensions } from '@tiptap/core';
+declare const ArticleImageExtension: Node<import("@tiptap/extension-image").ImageOptions, any>;
+declare const EmbedExtension: Node<any, any>;
+declare const CalloutExtension: Node<any, any>;
+declare const ComparisonExtension: Node<any, any>;
+declare const PollExtension: Node<any, any>;
+declare function createArticleExtensions(): Extensions;
+export { ArticleImageExtension, CalloutExtension, ComparisonExtension, EmbedExtension, PollExtension, createArticleExtensions };
+//# sourceMappingURL=articleExtensions.d.cts.map

package/dist/components/articleNodes/articleExtensions.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleExtensions.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleExtensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAWrE,QAAA,MAAM,qBAAqB,2DAEzB,CAAA;AACF,QAAA,MAAM,cAAc,gBAAiY,CAAA;AACrZ,QAAA,MAAM,gBAAgB,gBAAyX,CAAA;AAC/Y,QAAA,MAAM,mBAAmB,gBAAulB,CAAA;AAChnB,QAAA,MAAM,aAAa,gBAAuV,CAAA;AAE1W,iBAAS,uBAAuB,IAAI,UAAU,CAE7C;AAED,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/articleNodes/articleExtensions.d.mts

@@ -0,0 +1,9 @@
+import { Node, type Extensions } from '@tiptap/core';
+declare const ArticleImageExtension: Node<import("@tiptap/extension-image").ImageOptions, any>;
+declare const EmbedExtension: Node<any, any>;
+declare const CalloutExtension: Node<any, any>;
+declare const ComparisonExtension: Node<any, any>;
+declare const PollExtension: Node<any, any>;
+declare function createArticleExtensions(): Extensions;
+export { ArticleImageExtension, CalloutExtension, ComparisonExtension, EmbedExtension, PollExtension, createArticleExtensions };
+//# sourceMappingURL=articleExtensions.d.mts.map

package/dist/components/articleNodes/articleExtensions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleExtensions.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleExtensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAWrE,QAAA,MAAM,qBAAqB,2DAEzB,CAAA;AACF,QAAA,MAAM,cAAc,gBAAiY,CAAA;AACrZ,QAAA,MAAM,gBAAgB,gBAAyX,CAAA;AAC/Y,QAAA,MAAM,mBAAmB,gBAAulB,CAAA;AAChnB,QAAA,MAAM,aAAa,gBAAuV,CAAA;AAE1W,iBAAS,uBAAuB,IAAI,UAAU,CAE7C;AAED,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/articleNodes/articleExtensions.d.ts

@@ -0,0 +1,9 @@
+import { Node, type Extensions } from '@tiptap/core';
+declare const ArticleImageExtension: Node<import("@tiptap/extension-image").ImageOptions, any>;
+declare const EmbedExtension: Node<any, any>;
+declare const CalloutExtension: Node<any, any>;
+declare const ComparisonExtension: Node<any, any>;
+declare const PollExtension: Node<any, any>;
+declare function createArticleExtensions(): Extensions;
+export { ArticleImageExtension, CalloutExtension, ComparisonExtension, EmbedExtension, PollExtension, createArticleExtensions };
+//# sourceMappingURL=articleExtensions.d.ts.map

package/dist/components/articleNodes/articleExtensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleExtensions.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleExtensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAWrE,QAAA,MAAM,qBAAqB,2DAEzB,CAAA;AACF,QAAA,MAAM,cAAc,gBAAiY,CAAA;AACrZ,QAAA,MAAM,gBAAgB,gBAAyX,CAAA;AAC/Y,QAAA,MAAM,mBAAmB,gBAAulB,CAAA;AAChnB,QAAA,MAAM,aAAa,gBAAuV,CAAA;AAE1W,iBAAS,uBAAuB,IAAI,UAAU,CAE7C;AAED,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/articleNodes/articleExtensions.js

@@ -0,0 +1,40 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import Image from "@tiptap/extension-image";
+import { Table, TableCell, TableHeader, TableRow } from "@tiptap/extension-table";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import { common, createLowlight } from "lowlight";
+const lowlight = createLowlight(common);
+const dataAttributes = (attributes) => Object.fromEntries(Object.entries(attributes).filter(([, value]) => value != null));
+const attribute = (key, htmlName = key, defaultValue = null) => ({ default: defaultValue, parseHTML: (element) => element.getAttribute(`data-dsx-${htmlName}`), renderHTML: (attributes) => attributes[key] == null ? {} : { [`data-dsx-${htmlName}`]: attributes[key] } });
+const canonicalUrl = (value) => {
+  try {
+    const url = new URL(String(value));
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : null;
+  } catch {
+    return null;
+  }
+};
+const ArticleImageExtension = Image.extend({
+  addAttributes() {
+    return { ...this.parent?.(), caption: { default: null, parseHTML: (element) => element.getAttribute("data-dsx-caption"), renderHTML: ({ caption }) => caption ? { "data-dsx-caption": caption } : {} } };
+  }
+});
+const EmbedExtension = Node.create({ name: "dsxEmbed", group: "block", atom: true, addAttributes: () => ({ url: attribute("url") }), parseHTML: () => [{ tag: 'div[data-dsx-node="embed"]' }], renderHTML: ({ HTMLAttributes }) => {
+  const url = canonicalUrl(HTMLAttributes["data-dsx-url"]);
+  return ["div", { "data-dsx-node": "embed", ...url ? { "data-dsx-url": url } : { "data-dsx-invalid": "true" } }];
+} });
+const CalloutExtension = Node.create({ name: "dsxCallout", group: "block", content: "block+", defining: true, addAttributes: () => ({ tone: attribute("tone", "tone", "info"), title: attribute("title") }), parseHTML: () => [{ tag: 'aside[data-dsx-node="callout"]' }], renderHTML: ({ HTMLAttributes }) => ["aside", mergeAttributes({ "data-dsx-node": "callout" }, dataAttributes(HTMLAttributes)), 0] });
+const ComparisonExtension = Node.create({ name: "dsxComparison", group: "block", atom: true, addAttributes: () => ({ beforeSrc: attribute("beforeSrc", "before-src"), afterSrc: attribute("afterSrc", "after-src"), beforeAlt: attribute("beforeAlt", "before-alt", ""), afterAlt: attribute("afterAlt", "after-alt", ""), beforeLabel: attribute("beforeLabel", "before-label"), afterLabel: attribute("afterLabel", "after-label") }), parseHTML: () => [{ tag: 'figure[data-dsx-node="comparison"]' }], renderHTML: ({ HTMLAttributes }) => ["figure", mergeAttributes({ "data-dsx-node": "comparison" }, dataAttributes(HTMLAttributes))] });
+const PollExtension = Node.create({ name: "dsxPoll", group: "block", atom: true, addAttributes: () => ({ pollId: attribute("pollId", "poll-id"), question: attribute("question") }), parseHTML: () => [{ tag: 'div[data-dsx-node="poll"]' }], renderHTML: ({ HTMLAttributes }) => ["div", mergeAttributes({ "data-dsx-node": "poll" }, dataAttributes(HTMLAttributes))] });
+function createArticleExtensions() {
+  return [ArticleImageExtension, EmbedExtension, CalloutExtension, CodeBlockLowlight.configure({ lowlight }), Table.configure({ resizable: true }), TableRow, TableHeader, TableCell, ComparisonExtension, PollExtension];
+}
+export {
+  ArticleImageExtension,
+  CalloutExtension,
+  ComparisonExtension,
+  EmbedExtension,
+  PollExtension,
+  createArticleExtensions
+};
+//# sourceMappingURL=articleExtensions.js.map

package/dist/components/articleNodes/articleExtensions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleExtensions.ts"],
+  "sourcesContent": ["import { Node, mergeAttributes, type Extensions } from '@tiptap/core'\nimport Image from '@tiptap/extension-image'\nimport { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'\nimport CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'\nimport { common, createLowlight } from 'lowlight'\n\nconst lowlight = createLowlight(common)\nconst dataAttributes = (attributes: Record<string, unknown>) => Object.fromEntries(Object.entries(attributes).filter(([, value]) => value != null))\nconst attribute = (key: string, htmlName = key, defaultValue: unknown = null) => ({ default: defaultValue, parseHTML: (element: HTMLElement) => element.getAttribute(`data-dsx-${htmlName}`), renderHTML: (attributes: Record<string, unknown>) => attributes[key] == null ? {} : { [`data-dsx-${htmlName}`]: attributes[key] } })\nconst canonicalUrl = (value: unknown) => { try { const url = new URL(String(value)); return url.protocol === 'https:' || url.protocol === 'http:' ? url.href : null } catch { return null } }\n\nconst ArticleImageExtension = Image.extend({\n  addAttributes() { return { ...this.parent?.(), caption: { default: null, parseHTML: (element) => element.getAttribute('data-dsx-caption'), renderHTML: ({ caption }) => caption ? { 'data-dsx-caption': caption } : {} } } },\n})\nconst EmbedExtension = Node.create({ name: 'dsxEmbed', group: 'block', atom: true, addAttributes: () => ({ url: attribute('url') }), parseHTML: () => [{ tag: 'div[data-dsx-node=\"embed\"]' }], renderHTML: ({ HTMLAttributes }) => { const url = canonicalUrl(HTMLAttributes['data-dsx-url']); return ['div', { 'data-dsx-node': 'embed', ...(url ? { 'data-dsx-url': url } : { 'data-dsx-invalid': 'true' }) }] } })\nconst CalloutExtension = Node.create({ name: 'dsxCallout', group: 'block', content: 'block+', defining: true, addAttributes: () => ({ tone: attribute('tone', 'tone', 'info'), title: attribute('title') }), parseHTML: () => [{ tag: 'aside[data-dsx-node=\"callout\"]' }], renderHTML: ({ HTMLAttributes }) => ['aside', mergeAttributes({ 'data-dsx-node': 'callout' }, dataAttributes(HTMLAttributes)), 0] })\nconst ComparisonExtension = Node.create({ name: 'dsxComparison', group: 'block', atom: true, addAttributes: () => ({ beforeSrc: attribute('beforeSrc', 'before-src'), afterSrc: attribute('afterSrc', 'after-src'), beforeAlt: attribute('beforeAlt', 'before-alt', ''), afterAlt: attribute('afterAlt', 'after-alt', ''), beforeLabel: attribute('beforeLabel', 'before-label'), afterLabel: attribute('afterLabel', 'after-label') }), parseHTML: () => [{ tag: 'figure[data-dsx-node=\"comparison\"]' }], renderHTML: ({ HTMLAttributes }) => ['figure', mergeAttributes({ 'data-dsx-node': 'comparison' }, dataAttributes(HTMLAttributes))] })\nconst PollExtension = Node.create({ name: 'dsxPoll', group: 'block', atom: true, addAttributes: () => ({ pollId: attribute('pollId', 'poll-id'), question: attribute('question') }), parseHTML: () => [{ tag: 'div[data-dsx-node=\"poll\"]' }], renderHTML: ({ HTMLAttributes }) => ['div', mergeAttributes({ 'data-dsx-node': 'poll' }, dataAttributes(HTMLAttributes))] })\n\nfunction createArticleExtensions(): Extensions {\n  return [ArticleImageExtension, EmbedExtension, CalloutExtension, CodeBlockLowlight.configure({ lowlight }), Table.configure({ resizable: true }), TableRow, TableHeader, TableCell, ComparisonExtension, PollExtension]\n}\n\nexport { ArticleImageExtension, CalloutExtension, ComparisonExtension, EmbedExtension, PollExtension, createArticleExtensions }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/aspect-ratio.css

@@ -0,0 +1,6 @@
+
+
+.dsx-aspect-ratio {
+  overflow: hidden;
+  border-radius: var(--dsx-rounded-md);
+}