@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/alert.css

@@ -48,3 +48,27 @@
   color: inherit;
   opacity: var(--dsx-opacity-subtle, 0.85);
 }
+
+/* Size scales shell density only (padding, gap, icon box) — never the type
+   voice: title stays label-large, description stays body-medium at every size. */
+.dsx-alert[data-size='sm'] {
+  gap: var(--dsx-space-sm);
+  padding: var(--dsx-space-sm) var(--dsx-space-md);
+}
+
+:where(.dsx-alert[data-size='sm']) .dsx-alert__icon,
+:where(.dsx-alert[data-size='sm']) .dsx-alert__action {
+  min-width: var(--dsx-size-sm);
+  min-height: var(--dsx-size-sm);
+}
+
+.dsx-alert[data-size='lg'] {
+  gap: var(--dsx-space-lg);
+  padding: var(--dsx-space-lg) var(--dsx-space-xl);
+}
+
+:where(.dsx-alert[data-size='lg']) .dsx-alert__icon,
+:where(.dsx-alert[data-size='lg']) .dsx-alert__action {
+  min-width: var(--dsx-size-lg);
+  min-height: var(--dsx-size-lg);
+}

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

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n} from './articleNodes.props'\n\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\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\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\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 {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n} from './articleNodes.props'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AASiE;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;AAE7Q,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;AAEA,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;AAE3Y,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

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.cjs';
 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 };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.cjs';
 //# sourceMappingURL=ArticleNodes.d.cts.map

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

@@ -1 +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"}
+{"version":3,"file":"ArticleNodes.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

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

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 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 };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.js';
 //# sourceMappingURL=ArticleNodes.d.mts.map

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

@@ -1 +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"}
+{"version":3,"file":"ArticleNodes.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

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

@@ -1,37 +1,8 @@
-import * as React from 'react';
-interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-    caption?: React.ReactNode;
-}
+import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 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 };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, } from './articleNodes.props.js';
 //# sourceMappingURL=ArticleNodes.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ArticleNodes.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,sBAAsB,CAAA;AAE7B,QAAA,MAAM,YAAY,GAAI,uCAA4C,iBAAiB,4CAAmM,CAAA;AAEtR,QAAA,MAAM,YAAY,GAAI,iDAAiD,iBAAiB,4CAKvF,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,4FAAiH,0BAA0B,4CAA0O,CAAA;AAEpZ,QAAA,MAAM,WAAW,GAAI,2EAA0F,gBAAgB,4CAG9H,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAA;AACzE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,MAAM,sBAAsB,CAAA"}

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

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n} from './articleNodes.props'\n\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\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\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\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 {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n} from './articleNodes.props'\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AASiE,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;AAE7Q,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;AAEA,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;AAE3Y,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/articleNodes.props.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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);
+var articleNodes_props_exports = {};
+module.exports = __toCommonJS(articleNodes_props_exports);
+//# sourceMappingURL=articleNodes.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/articleNodes/articleNodes.props.ts"],
+  "sourcesContent": ["import type * as React from 'react'\n\ninterface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  caption?: React.ReactNode\n}\n\ninterface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {\n  url: string\n  render?: (url: string) => React.ReactNode\n  isAllowed?: (url: string) => boolean\n}\n\ninterface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {\n  beforeSrc: string\n  afterSrc: string\n  beforeAlt: string\n  afterAlt: string\n  beforeLabel?: React.ReactNode\n  afterLabel?: React.ReactNode\n}\n\ntype PollState = 'loading' | 'ready' | 'error' | 'voted'\n\ninterface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {\n  pollId: string\n  question?: React.ReactNode\n  options?: Array<{ id: string; label: React.ReactNode; votes?: number }>\n  state?: PollState\n  onLoad?: (pollId: string) => void\n  onVote?: (pollId: string, optionId: string) => void\n}\n\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+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;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,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,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+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;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,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,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}

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

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+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;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,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,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}

package/dist/components/articleNodes/articleNodes.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=articleNodes.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/avatar.css

@@ -18,17 +18,22 @@
   border-color: transparent;
 }
 
-.dsx-avatar--sm {
+.dsx-avatar[data-high-contrast='true'] {
+  border-color: transparent;
+  box-shadow: var(--dsx-boundary-high-contrast-ring);
+}
+
+.dsx-avatar[data-size='sm'] {
   width: var(--dsx-size-lg);
   height: var(--dsx-size-lg);
 }
 
-.dsx-avatar--md {
+.dsx-avatar[data-size='md'] {
   width: var(--dsx-size-xl);
   height: var(--dsx-size-xl);
 }
 
-.dsx-avatar--lg {
+.dsx-avatar[data-size='lg'] {
   width: var(--dsx-size-2xl);
   height: var(--dsx-size-2xl);
 }
@@ -52,6 +57,12 @@
   font-weight: var(--dsx-typography-label-large-font-weight);
 }
 
+.dsx-avatar:where([data-size='sm']) .dsx-avatar__fallback {
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+}
+
 .dsx-avatar-group {
   display: inline-flex;
   align-items: center;

package/dist/components/badge/Badge.cjs

@@ -45,7 +45,7 @@ const Badge = React.forwardRef((props, forwardedRef) => {
     {
       ...badgeProps,
       ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-badge", `dsx-badge--${variant}`, `dsx-badge--${size}`, className),
+      className: (0, import_classnames.default)("dsx-badge", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-radius": radius,

package/dist/components/badge/Badge.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/Badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', `dsx-badge--${variant}`, `dsx-badge--${size}`, className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AACtJ,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,cAAc,OAAO,IAAI,cAAc,IAAI,IAAI,SAAS;AAAA,MAC3F,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AACtJ,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/badge/Badge.js

@@ -12,7 +12,7 @@ const Badge = React.forwardRef((props, forwardedRef) => {
     {
       ...badgeProps,
       ref: forwardedRef,
-      className: classNames("dsx-badge", `dsx-badge--${variant}`, `dsx-badge--${size}`, className),
+      className: classNames("dsx-badge", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-radius": radius,

package/dist/components/badge/Badge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/Badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', `dsx-badge--${variant}`, `dsx-badge--${size}`, className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AACtJ,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,cAAc,OAAO,IAAI,cAAc,IAAI,IAAI,SAAS;AAAA,MAC3F,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AACtJ,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": []
 }

package/dist/components/badge/badge.props.cjs

@@ -23,7 +23,7 @@ __export(badge_props_exports, {
 module.exports = __toCommonJS(badge_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 var import_highContrast = require("../../_internal/props/highContrast.prop");
-const badgeVariants = ["default", "primary", "secondary", "outline", "success", "error"];
+const badgeVariants = ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
 const badgeSizes = ["sm", "md"];
 const badgePropDefs = {
   ...import_asChild.asChildPropDef,

package/dist/components/badge/badge.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/badge.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'error'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,OAAO;AACvF,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'warning', 'error', 'info'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,WAAW,SAAS,MAAM;AAC1G,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/badge/badge.props.d.cts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.d.mts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.d.ts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.js

@@ -1,6 +1,6 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 import { highContrastPropDef } from "../../_internal/props/highContrast.prop.js";
-const badgeVariants = ["default", "primary", "secondary", "outline", "success", "error"];
+const badgeVariants = ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
 const badgeSizes = ["sm", "md"];
 const badgePropDefs = {
   ...asChildPropDef,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/badge.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'error'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,OAAO;AACvF,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'warning', 'error', 'info'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,WAAW,SAAS,MAAM;AAC1G,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
   "names": []
 }