@d4gger/design-system 3.0.1 → 4.0.0

package/README.md

@@ -12,6 +12,25 @@ pnpm add @d4gger/design-system react react-dom lucide-react
 React 18 and 19 are supported. Add optional peers only for the advanced
 surfaces you use.
 
+## Migrating from 3.x
+
+Text and Heading now accept single typography and spacing values. Replace
+responsive maps on `size`, `color`, `align`, `wrap`, `trim`, `weight`, and
+the margin/padding props with scalar values. Choose one readable type role;
+put responsive spacing and composition on layout primitives such as Flex and Grid.
+
+```tsx
+// 3.x
+<Text size={{ initial: '2', md: '3' }}>Workspace update</Text>
+
+// 4.x
+<Text size="3">Workspace update</Text>
+```
+
+Responsive layout props remain available. There is no compatibility adapter
+for the removed typography maps. Rebuild generated declarations and styles
+together when upgrading.
+
 ## Start using it
 
 Import the complete stylesheet once at application entry:

package/dist/components/accordion.css

@@ -2,7 +2,7 @@
 
 .dsx-accordion__item {
   width: 100%;
-  overflow: hidden;
+  overflow: visible;
   border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
 }
 
@@ -33,10 +33,11 @@
   flex: 1;
   min-width: 0;
   text-align: start;
+  overflow-wrap: anywhere;
 }
 
 .dsx-accordion__trigger[data-state='open'] {
-  color: var(--dsx-color-primary);
+  color: var(--dsx-color-accent-indicator);
 }
 
 .dsx-accordion__trigger:focus-visible {
@@ -89,3 +90,9 @@
   font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
   font-size: var(--dsx-typography-body-medium-font-size);
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-accordion__chevron { transition: none; }
+}
+
+.dsx-accordion__trigger:disabled { opacity: var(--dsx-opacity-disabled); }

package/dist/components/alert/Alert.cjs

@@ -39,7 +39,6 @@ var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_extractProps = require("../../_internal/helpers/extractProps");
-var import_Card = require("../card/Card");
 var import_Icon = require("../icon/Icon");
 var import_alert = require("./alert.props");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -54,6 +53,7 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
     color,
     highContrast = false,
     icon,
+    children,
     role,
     size = "md",
     variant = "default",
@@ -61,19 +61,23 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
   } = (0, import_extractProps.extractProps)(props, import_alert.alertPropDefs);
   const Comp = asChild ? import_react_slot.Slot : "div";
   const fallbackIcon = variant === "success" ? "check-circle" : variant === "default" ? "info" : "alert-triangle";
+  const child = asChild ? React.Children.only(children) : null;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    icon === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-alert__content", children: child ? child.props.children : children })
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Card.CardRoot,
+    Comp,
     {
-      asChild: true,
+      ...alertProps,
+      ref: forwardedRef,
+      role: role ?? "alert",
       className: (0, import_classnames.default)("dsx-alert", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-size": size,
       "data-variant": variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Comp, { ...alertProps, ref: forwardedRef, role: role ?? "alert", children: [
-        icon === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-alert__content", children: alertProps.children })
-      ] })
+      children: child ? React.cloneElement(child, void 0, content) : content
     }
   );
 });

package/dist/components/alert/Alert.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert/Alert.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 { CardRoot } from '../card/Card'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n\n  return (\n    <CardRoot\n      asChild\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      <Comp {...alertProps} ref={forwardedRef} role={role ?? 'alert'}>\n        {icon === null ? null : (\n          <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n            {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n          </span>\n        )}\n        <div className=\"dsx-alert__content\">{alertProps.children}</div>\n      </Comp>\n    </CardRoot>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAyB;AACzB,kBAAqB;AACrB,mBAA4E;AAQxE;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,4CAAC,SAAK,GAAG,OAAO,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,0BAAa;AACrC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAE/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEd,uDAAC,QAAM,GAAG,YAAY,KAAK,cAAc,MAAM,QAAQ,SACpD;AAAA,iBAAS,OAAO,OACf,4CAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,4CAAC,oBAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,QAEF,4CAAC,SAAI,WAAU,sBAAsB,qBAAW,UAAS;AAAA,SAC3D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,+BAAkB;AACpF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,qCAAwB;AAChG,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,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 { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__content\">{child ? child.props.children : children}</div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,mBAA4E;AAQxE;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,4CAAC,SAAK,GAAG,OAAO,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,0BAAa;AACrC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAC/F,QAAM,QAAQ,UAAU,MAAM,SAAS,KAAK,QAAQ,IAA0D;AAC9G,QAAM,UAAU,4EACb;AAAA,aAAS,OAAO,OACf,4CAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,4CAAC,oBAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,IAEF,4CAAC,SAAI,WAAU,sBAAsB,kBAAQ,MAAM,MAAM,WAAW,UAAS;AAAA,KAC/E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb,kBAAQ,MAAM,aAAa,OAAO,QAAW,OAAO,IAAI;AAAA;AAAA,EAC3D;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,+BAAkB;AACpF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,qCAAwB;AAChG,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/alert/Alert.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.cts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAkCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.cts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.mts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAkCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.mts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAkCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.js

@@ -2,10 +2,9 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
-import { CardRoot } from "../card/Card.js";
 import { Icon } from "../icon/Icon.js";
 import { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from "./alert.props.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const AlertAction = React.forwardRef(
   ({ className, ...props }, forwardedRef) => /* @__PURE__ */ jsx("div", { ...props, ref: forwardedRef, className: classNames("dsx-alert__action", className) })
 );
@@ -17,6 +16,7 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
     color,
     highContrast = false,
     icon,
+    children,
     role,
     size = "md",
     variant = "default",
@@ -24,19 +24,23 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
   } = extractProps(props, alertPropDefs);
   const Comp = asChild ? Slot : "div";
   const fallbackIcon = variant === "success" ? "check-circle" : variant === "default" ? "info" : "alert-triangle";
+  const child = asChild ? React.Children.only(children) : null;
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon === null ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ jsx(Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
+    /* @__PURE__ */ jsx("div", { className: "dsx-alert__content", children: child ? child.props.children : children })
+  ] });
   return /* @__PURE__ */ jsx(
-    CardRoot,
+    Comp,
     {
-      asChild: true,
+      ...alertProps,
+      ref: forwardedRef,
+      role: role ?? "alert",
       className: classNames("dsx-alert", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-size": size,
       "data-variant": variant,
-      children: /* @__PURE__ */ jsxs(Comp, { ...alertProps, ref: forwardedRef, role: role ?? "alert", children: [
-        icon === null ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ jsx(Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
-        /* @__PURE__ */ jsx("div", { className: "dsx-alert__content", children: alertProps.children })
-      ] })
+      children: child ? React.cloneElement(child, void 0, content) : content
     }
   );
 });

package/dist/components/alert/Alert.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert/Alert.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 { CardRoot } from '../card/Card'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n\n  return (\n    <CardRoot\n      asChild\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      <Comp {...alertProps} ref={forwardedRef} role={role ?? 'alert'}>\n        {icon === null ? null : (\n          <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n            {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n          </span>\n        )}\n        <div className=\"dsx-alert__content\">{alertProps.children}</div>\n      </Comp>\n    </CardRoot>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,0BAA0B,eAAe,0BAA0B;AAQxE,cAoCE,YApCF;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,oBAAC,SAAK,GAAG,OAAO,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,aAAa;AACrC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAE/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAO;AAAA,MACP,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEd,+BAAC,QAAM,GAAG,YAAY,KAAK,cAAc,MAAM,QAAQ,SACpD;AAAA,iBAAS,OAAO,OACf,oBAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,oBAAC,QAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,QAEF,oBAAC,SAAI,WAAU,sBAAsB,qBAAW,UAAS;AAAA,SAC3D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,kBAAkB;AACpF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,wBAAwB;AAChG,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,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 { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__content\">{child ? child.props.children : children}</div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,0BAA0B,eAAe,0BAA0B;AAQxE,SA4Bc,UA5Bd,KA4Bc,YA5Bd;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,oBAAC,SAAK,GAAG,OAAO,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,aAAa;AACrC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAC/F,QAAM,QAAQ,UAAU,MAAM,SAAS,KAAK,QAAQ,IAA0D;AAC9G,QAAM,UAAU,iCACb;AAAA,aAAS,OAAO,OACf,oBAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,oBAAC,QAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,IAEF,oBAAC,SAAI,WAAU,sBAAsB,kBAAQ,MAAM,MAAM,WAAW,UAAS;AAAA,KAC/E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb,kBAAQ,MAAM,aAAa,OAAO,QAAW,OAAO,IAAI;AAAA;AAAA,EAC3D;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,kBAAkB;AACpF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,wBAAwB;AAChG,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,CAAC;",
   "names": []
 }

package/dist/components/alert.css

@@ -2,6 +2,7 @@
 @import '../../_internal/baseCard.css';
 
 .dsx-alert {
+  box-sizing: border-box;
   display: flex;
   align-items: flex-start;
   gap: var(--dsx-space-md);
@@ -23,16 +24,28 @@
   color: currentColor;
 }
 
+.dsx-alert__icon { flex-shrink: 0; }
+
 .dsx-alert__action {
   align-self: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: var(--dsx-space-sm);
 }
 
 .dsx-alert__content {
   display: grid;
   gap: var(--dsx-space-xs);
   flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
+.dsx-alert[data-variant='warning'] { border-color: var(--dsx-color-warning); }
+.dsx-alert[data-variant='success'] { border-color: var(--dsx-color-success); }
+.dsx-alert[data-variant='destructive'] { border-color: var(--dsx-color-error); }
+.dsx-alert[data-high-contrast='true'] { border-color: var(--dsx-color-high-contrast-border); }
+
 .dsx-alert__title {
   margin: 0;
   font-family: var(--dsx-typography-label-large-font-family), sans-serif;

package/dist/components/article-nodes.css

@@ -2,7 +2,22 @@
 .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-article-image, .dsx-article-embed, .dsx-article-poll, .dsx-before-after { min-width: 0; overflow-wrap: anywhere; }
 .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); }
+.dsx-article-poll__option { min-width: 0; width: 100%; }
+.dsx-article-video { margin: var(--dsx-space-md) 0; min-width: 0; }
+.dsx-article-video__media { display: block; width: 100%; border-radius: var(--dsx-rounded-md); }
+.dsx-article-video figcaption { margin-block-start: var(--dsx-space-sm); color: var(--dsx-color-on-surface-variant); }
+.dsx-article-platform-tabs { min-width: 0; }
+.dsx-article-poll__result { display: grid; gap: var(--dsx-space-xs); min-width: 0; }
+.dsx-article-poll__result progress { width: 100%; accent-color: var(--dsx-color-accent-indicator); }
+.dsx-article-poll__actions { display: flex; flex-wrap: wrap; gap: var(--dsx-space-sm); }
+.dsx-article-editor-block { display: grid; gap: var(--dsx-space-md); min-width: 0; margin-block: var(--dsx-space-md); 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); }
+.dsx-article-editor-block[aria-current='true'] { border-color: var(--dsx-color-accent-border); }
+.dsx-article-editor-block__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dsx-space-sm); }
+.dsx-article-editor-block__actions { display: flex; flex-wrap: wrap; gap: var(--dsx-space-xs); }
+.dsx-article-editor-block__fields { display: grid; gap: var(--dsx-space-sm); min-width: 0; }
+.dsx-article-editor-block__content { min-width: 0; }
+.dsx-article-editor-block__textarea { width: 100%; min-height: var(--dsx-size-4xl); display: block; padding: var(--dsx-space-sm); border: var(--dsx-border-width-sm) solid var(--dsx-color-outline); border-radius: var(--dsx-rounded-sm); background: var(--dsx-color-surface-raised); color: var(--dsx-color-on-surface); font: inherit; }

package/dist/components/articleNodes/ArticleNodes.cjs

@@ -30,12 +30,17 @@ var ArticleNodes_exports = {};
 __export(ArticleNodes_exports, {
   ArticleEmbed: () => ArticleEmbed,
   ArticleImage: () => ArticleImage,
+  ArticleMaterialLink: () => ArticleMaterialLink,
+  ArticlePlatformTabs: () => ArticlePlatformTabs,
   ArticlePoll: () => ArticlePoll,
+  ArticleVideo: () => ArticleVideo,
   BeforeAfterComparison: () => BeforeAfterComparison
 });
 module.exports = __toCommonJS(ArticleNodes_exports);
 var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
+var import_Button = require("../button/Button");
+var import_Tabs = require("../tabs/Tabs");
 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) }),
@@ -61,16 +66,52 @@ const BeforeAfterComparison = ({ beforeSrc, afterSrc, beforeAlt, afterAlt, befor
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: afterLabel })
   ] })
 ] });
-const ArticlePoll = ({ pollId, question, options = [], state = "ready", onLoad, onVote, className, ...props }) => {
+const ArticleVideo = ({ caption, className, controls = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "dsx-article-video", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("video", { ...props, controls, className: (0, import_classnames.default)("dsx-article-video__media", className) }),
+  caption ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { children: caption }) : null
+] });
+const ArticleMaterialLink = ({ materialId, href, children, unavailableLabel = "Material unavailable", ...props }) => {
+  let allowed = false;
+  try {
+    allowed = ["http:", "https:"].includes(new URL(href ?? "", "https://example.invalid").protocol);
+  } catch {
+  }
+  return href && allowed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { ...props, href, "data-dsx-material-id": materialId, children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "status", "data-dsx-material-id": materialId, children: unavailableLabel });
+};
+const ArticlePlatformTabs = ({ tabs, value, onValueChange, className, dir, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Tabs.Tabs, { ...props, dir: dir === "rtl" || dir === "ltr" ? dir : void 0, className: (0, import_classnames.default)("dsx-article-platform-tabs", className), defaultValue: tabs[0]?.platform, value, onValueChange, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Tabs.Tabs.List, { "aria-label": "Platform instructions", children: [
+    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.Tabs.Trigger, { value: tab.platform, children: tab.label }, tab.platform)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.Tabs.Indicator, {})
+  ] }),
+  tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.Tabs.Content, { value: tab.platform, children: tab.content }, tab.platform))
+] });
+const ArticlePoll = ({ pollId, question, options = [], state = "ready", onLoad, onVote, selection, multiple = false, onSelectionChange, onSubmit, onRetract, totalVotes, className, ...props }) => {
   React.useEffect(() => {
     onLoad?.(pollId);
   }, [pollId, onLoad]);
+  const controlled = selection !== void 0;
+  const total = totalVotes ?? options.reduce((sum, option) => sum + (option.votes ?? 0), 0);
+  const inert = state === "closed" || state === "loading" || state === "error" || !controlled && state !== "ready";
   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))
+    state === "closed" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "status", children: "Poll closed" }) : null,
+    state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "alert", children: "Poll unavailable" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-article-poll__result", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Button.Button, { className: "dsx-article-poll__option", type: "button", size: "lg", variant: selection?.includes(option.id) ? "secondary" : "outline", "aria-pressed": controlled ? selection.includes(option.id) : void 0, disabled: inert, onClick: () => {
+        if (!controlled) {
+          onVote?.(pollId, option.id);
+          return;
+        }
+        onSelectionChange?.(multiple ? selection.includes(option.id) ? selection.filter((id) => id !== option.id) : [...selection, option.id] : [option.id]);
+      }, children: [
+        option.label,
+        option.votes === void 0 ? null : ` (${option.votes})`
+      ] }),
+      option.votes !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("progress", { "aria-label": `${String(option.label)} results`, value: option.votes, max: Math.max(total, 1) }) : null
+    ] }, option.id)),
+    controlled && !inert ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-article-poll__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", disabled: !selection.length || !onSubmit, onClick: () => onSubmit?.(pollId, selection), children: state === "voted" ? "Change vote" : "Vote" }),
+      state === "voted" && onRetract ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button, { type: "button", size: "lg", variant: "outline", onClick: () => onRetract(pollId), children: "Retract vote" }) : null
+    ] }) : null
   ] });
 };
 //# sourceMappingURL=ArticleNodes.cjs.map

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\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;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Button } from '../button/Button'\nimport { Tabs } from '../tabs/Tabs'\nimport type { ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps } from './articleNodes.props'\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 ArticleVideo = ({ caption, className, controls = true, ...props }: ArticleVideoProps) => <figure className=\"dsx-article-video\"><video {...props} controls={controls} className={classNames('dsx-article-video__media', className)} />{caption ? <figcaption>{caption}</figcaption> : null}</figure>\nconst ArticleMaterialLink = ({ materialId, href, children, unavailableLabel = 'Material unavailable', ...props }: ArticleMaterialLinkProps) => {\n  let allowed = false\n  try { allowed = ['http:', 'https:'].includes(new URL(href ?? '', 'https://example.invalid').protocol) } catch {}\n  return href && allowed ? <a {...props} href={href} data-dsx-material-id={materialId}>{children}</a> : <span role=\"status\" data-dsx-material-id={materialId}>{unavailableLabel}</span>\n}\nconst ArticlePlatformTabs = ({ tabs, value, onValueChange, className, dir, ...props }: ArticlePlatformTabsProps) => <Tabs {...props} dir={dir === 'rtl' || dir === 'ltr' ? dir : undefined} className={classNames('dsx-article-platform-tabs', className)} defaultValue={tabs[0]?.platform} value={value} onValueChange={onValueChange}>\n  <Tabs.List aria-label=\"Platform instructions\">{tabs.map(tab => <Tabs.Trigger key={tab.platform} value={tab.platform}>{tab.label}</Tabs.Trigger>)}<Tabs.Indicator /></Tabs.List>\n  {tabs.map(tab => <Tabs.Content key={tab.platform} value={tab.platform}>{tab.content}</Tabs.Content>)}\n</Tabs>\nconst ArticlePoll = ({ pollId, question, options = [], state = 'ready', onLoad, onVote, selection, multiple = false, onSelectionChange, onSubmit, onRetract, totalVotes, className, ...props }: ArticlePollProps) => {\n  React.useEffect(() => { onLoad?.(pollId) }, [pollId, onLoad])\n  const controlled = selection !== undefined\n  const total = totalVotes ?? options.reduce((sum, option) => sum + (option.votes ?? 0), 0)\n  const inert = state === 'closed' || state === 'loading' || state === 'error' || (!controlled && state !== 'ready')\n  return <div {...props} className={classNames('dsx-article-poll', className)} data-dsx-poll-id={pollId} data-state={state} aria-busy={state === 'loading' || undefined}>\n    {question ? <strong>{question}</strong> : null}\n    {state === 'closed' ? <span role=\"status\">Poll closed</span> : null}\n    {state === 'error' ? <span role=\"alert\">Poll unavailable</span> : options.map(option => <div className=\"dsx-article-poll__result\" key={option.id}>\n      <Button className=\"dsx-article-poll__option\" type=\"button\" size=\"lg\" variant={selection?.includes(option.id) ? 'secondary' : 'outline'} aria-pressed={controlled ? selection.includes(option.id) : undefined} disabled={inert} onClick={() => {\n        if (!controlled) { onVote?.(pollId, option.id); return }\n        onSelectionChange?.(multiple ? selection.includes(option.id) ? selection.filter(id => id !== option.id) : [...selection, option.id] : [option.id])\n      }}>{option.label}{option.votes === undefined ? null : ` (${option.votes})`}</Button>\n      {option.votes !== undefined ? <progress aria-label={`${String(option.label)} results`} value={option.votes} max={Math.max(total, 1)} /> : null}\n    </div>)}\n    {controlled && !inert ? <div className=\"dsx-article-poll__actions\"><Button type=\"button\" size=\"lg\" disabled={!selection.length || !onSubmit} onClick={() => onSubmit?.(pollId, selection)}>{state === 'voted' ? 'Change vote' : 'Vote'}</Button>{state === 'voted' && onRetract ? <Button type=\"button\" size=\"lg\" variant=\"outline\" onClick={() => onRetract(pollId)}>Retract vote</Button> : null}</div> : null}\n  </div>\n}\n\nexport { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison, ArticleVideo, ArticleMaterialLink, ArticlePlatformTabs }\nexport type {\n  ArticleEmbedProps,\n  ArticleImageProps,\n  ArticlePollProps,\n  BeforeAfterComparisonProps,\n  PollState, ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps,\n} from './articleNodes.props'\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

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

@@ -1,8 +1,12 @@
+import type { ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps } from './articleNodes.props.cjs';
 import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.cjs';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-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, } from './articleNodes.props.cjs';
+declare const ArticleVideo: ({ caption, className, controls, ...props }: ArticleVideoProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticleMaterialLink: ({ materialId, href, children, unavailableLabel, ...props }: ArticleMaterialLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePlatformTabs: ({ tabs, value, onValueChange, className, dir, ...props }: ArticlePlatformTabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, selection, multiple, onSelectionChange, onSubmit, onRetract, totalVotes, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison, ArticleVideo, ArticleMaterialLink, ArticlePlatformTabs };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps, } 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":"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"}
+{"version":3,"file":"ArticleNodes.d.cts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAEjH,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,YAAY,GAAI,4CAAmD,iBAAiB,4CAA+M,CAAA;AACzS,QAAA,MAAM,mBAAmB,GAAI,4DAAqF,wBAAwB,4CAIzI,CAAA;AACD,QAAA,MAAM,mBAAmB,GAAI,0DAA0D,wBAAwB,4CAGxG,CAAA;AACP,QAAA,MAAM,WAAW,GAAI,oJAA2K,gBAAgB,4CAiB/M,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACjI,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,GACjF,MAAM,sBAAsB,CAAA"}

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

@@ -1,8 +1,12 @@
+import type { ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps } from './articleNodes.props.js';
 import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-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, } from './articleNodes.props.js';
+declare const ArticleVideo: ({ caption, className, controls, ...props }: ArticleVideoProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticleMaterialLink: ({ materialId, href, children, unavailableLabel, ...props }: ArticleMaterialLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePlatformTabs: ({ tabs, value, onValueChange, className, dir, ...props }: ArticlePlatformTabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, selection, multiple, onSelectionChange, onSubmit, onRetract, totalVotes, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison, ArticleVideo, ArticleMaterialLink, ArticlePlatformTabs };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps, } 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":"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"}
+{"version":3,"file":"ArticleNodes.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAEjH,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,YAAY,GAAI,4CAAmD,iBAAiB,4CAA+M,CAAA;AACzS,QAAA,MAAM,mBAAmB,GAAI,4DAAqF,wBAAwB,4CAIzI,CAAA;AACD,QAAA,MAAM,mBAAmB,GAAI,0DAA0D,wBAAwB,4CAGxG,CAAA;AACP,QAAA,MAAM,WAAW,GAAI,oJAA2K,gBAAgB,4CAiB/M,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACjI,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,GACjF,MAAM,sBAAsB,CAAA"}

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

@@ -1,8 +1,12 @@
+import type { ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps } from './articleNodes.props.js';
 import type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps } from './articleNodes.props.js';
 declare const ArticleImage: ({ caption, className, alt, ...props }: ArticleImageProps) => import("react/jsx-runtime").JSX.Element;
 declare const ArticleEmbed: ({ url, render, isAllowed, className, ...props }: ArticleEmbedProps) => import("react/jsx-runtime").JSX.Element;
 declare const BeforeAfterComparison: ({ beforeSrc, afterSrc, beforeAlt, afterAlt, beforeLabel, afterLabel, className, ...props }: BeforeAfterComparisonProps) => import("react/jsx-runtime").JSX.Element;
-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, } from './articleNodes.props.js';
+declare const ArticleVideo: ({ caption, className, controls, ...props }: ArticleVideoProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticleMaterialLink: ({ materialId, href, children, unavailableLabel, ...props }: ArticleMaterialLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePlatformTabs: ({ tabs, value, onValueChange, className, dir, ...props }: ArticlePlatformTabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArticlePoll: ({ pollId, question, options, state, onLoad, onVote, selection, multiple, onSelectionChange, onSubmit, onRetract, totalVotes, className, ...props }: ArticlePollProps) => import("react/jsx-runtime").JSX.Element;
+export { ArticleEmbed, ArticleImage, ArticlePoll, BeforeAfterComparison, ArticleVideo, ArticleMaterialLink, ArticlePlatformTabs };
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, ArticleVideoProps, ArticleMaterialLinkProps, ArticlePlatformTabsProps, } 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":"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"}
+{"version":3,"file":"ArticleNodes.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/ArticleNodes.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAEjH,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,YAAY,GAAI,4CAAmD,iBAAiB,4CAA+M,CAAA;AACzS,QAAA,MAAM,mBAAmB,GAAI,4DAAqF,wBAAwB,4CAIzI,CAAA;AACD,QAAA,MAAM,mBAAmB,GAAI,0DAA0D,wBAAwB,4CAGxG,CAAA;AACP,QAAA,MAAM,WAAW,GAAI,oJAA2K,gBAAgB,4CAiB/M,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACjI,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,wBAAwB,GACjF,MAAM,sBAAsB,CAAA"}